Данный вид анимации поможет вам как просто оживить неанимированную картинку, так и создать какие-то интересные эффекты (эффект взрыва например) на ней. Главное - фантазия в применении!

С чем мы познакомимся в этом уроке: фильтр "Stylize - Extrude", команда "Make Frames From Layers"

Потребуется знание уроков: только Блик (Базовый урок)

Я выбрала вот такую неанимированную аватарку:

Результат:

 

Приступаем?

1. Открываем нашу картинку в Photoshop.

2. Сделайте копию нашей картинки, нажав на клавиатуре Ctrl +J:

3. Примените Filter > Stylize > Extrude (Фильтр - Стилизация - Вытеснить/Выдавить в разных переводах по разному):

Появится следующее окно - "Extrude":

- Первый параметр - "Type" (Тип).
Нам нужен Blocks (квадраты) (но заметьте, что в будущем вы можете поэкспериментировать и со вторым типом!)

- Второй параметр - "Size" (Размер).
Здесь мы должны выбрать размер наших квадратов, на которые картинка будет разбиваться. Я выбрала значение "40".

- Третий параметр - "Depth" (Глубина).
Это разница по высоте ваших квадратов между собой, насколько далеко друг от друга они будут казаться. Есть два варианта - "Random" и "Level-based". В первом случае это будетслучайная глубина, во втором - равная между всеми квадратами. Мы выбираем "Random".

Жмем ОК.
Вот результат:

4. Теперь копируем этот результат на новый слой, снова используя Ctrl + J:

5. На этот слой нам нужно применить тот же фильтр с теми же настройками. Чтобы не искать снова этот фильтр и заново не настраивать его мы поступим следующим образом:

1) Либо зайдем в меню Filter (Фильтр) и выберем первую же команду. А она окажется именно той, которую мы использовали последней! Запоминается автоматически

2) Либо еще проще - используем сочетание клавиш Ctrl + F. (повтор последнего фильтра)

Промежуточный результат:

6. Теперь повторите шаги 4 и 5 несколько раз. От того сколько раз вы повторите эти шаги - будет завсеть продолжительность нашей анимации и вес картинки соответственно.
Я повторила шаги 4 и 5 пять раз:

И остановилась вот на такой конечном результате:

7. Теперь перейдите в Image Ready (shift+ctrl+m)

8. Нам нужна панель "Animation" (анимация):

В нашем случае нам нужно сделать по одному кадру к каждому нашему слою в той последовательности в какой мы применяли фильтр, чтобы картинка медленно распадалась на элементы. Можно конечно долго создавать по одному кадру и проставлять видимость слоев, но лучше упростить себе задачу:
обратите внимание на кнопку на панели "Animation" справа, в верхнем углу. Нажмите на нее. Отыщите там команду "Make Frames From Layers" (создать кадры из слоев):

Это то, что нам нужно, жмите

И вуаля, все кадры готовы автоматом:

Если вы запустите анимацию, то увидите следующее:

Вот собственно и все

9. Дводим до ума. Вы можете также доработать свою картинку, скопировав все промежуточные кадры и расставив их в обратном порядке. Тогда ваша картинка будет не только распадаться на элементы, но и собираться воедино Не умеете? Научим!

Выделите с помощью Shift кадры со 2-го по последний:

Скопируйте эти кадры, воспользовавшись кнопкой на панели "Animation" (Анимация) - "Duplicattes Current Frames" (скопировать выделенные кадры):

Теперь, (после того, как они скопировались) не снимая выделения жмете на вышеупомянутую кнопку в правом верхнем углу окна и находите там команду "Reverse Frames" (В обратном порядке):

И все! Теперь сохраняем и наслаждаемся

P.S. Если у вас возникли какие-то вопросы по уроку – опишите в комментарии подробно вашу проблему, мы обязательно поможем вам разобраться! И не забудьте подписаться  на комментарии к уроку, если хотите получить ответ на свой вопрос как можно скорее.

Лучшее "спасибо" за урок - ваш комментарий! :)