Анимация бабочки

[Ardor]

На демиарте есть урок по анимации бабочки мастера Tatsiana, по нем училась, но изложу своими словами и попроще)

Результат урока

1. Берем изображение бабочки и подготавливаем его, помещая крылья и тельце соответственно на отдельные слои.

Спойлер

Сохраняем как PSD файл и переходим в ААЕ.

2. Импортируем PSD файл в ААЕ. Создаем новую композицию, продолжительностью берите от 1 до 3-х секунд, число кадров я взяла семь и размером 500х500. Составляем из наших частей бабочку.
Выставляем трехмерность слоев и жмем Pan Behind Tool (Y). С помощью этого инструмента мы сместим точки привязки наших слоев в центр, т.к. бабочка будет двигаться за счет поворотов крыльев.

Спойлер

Скрытый текст. Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Скрытый текст. Для просмотра скрытого текста - войдите или зарегистрируйтесь.

3. Мы все подготовили, можно приступать к анимации. Переключаем обзор на вид сверху.

Спойлер

Скрытый текст. Для просмотра скрытого текста - войдите или зарегистрируйтесь.

4. Крылья будут двигаться относительно оси Y. Выбирайте одинаковые значения для первого и последнего ключевого кадра. Я упростила, взяла всего два значения положения крыльев, с первым значением сделала три ключевых кадра, со вторым (противоположным) - два. Не забудьте включить секундомер.

Спойлер

Скрытый текст. Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Выделите все три слоя мышкой с зажатой Shift и разверните бабочку под углом.

Спойлер

Скрытый текст. Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Просмотрите анимацию, при необходимости подредактируйте положение крыльев и тельца.
В принципе анимация бабочки готова, но нужно еще ее оформить.

5. Выделяем все три слоя. Идем в Layer/ Pre-compose, обзываем новую композицию "бабочка".
Я импортировала еще одно изображение с рисованной дефачкой, создала для него новую композицию и перетащила туда бабочку, подогнав ее по размерам.

Спойлер

Скрытый текст. Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Скрытый текст. Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Добавила СС Toner и на новый слой Fractal Noise/ Сохраняем, переводим в Gif и готово)

Приведу еще пару примеров работ, где использовался этот урок.

подарок для Крончика, ^
, здесь задавала разные значения поворота вокруг оси У, играйтесь, будет естественнее смотреться
подарок для Светика, ^ анимировала параметры трансформации. поворот сопоставляйте с направлением

[Крон]

Спасибо Ия! Замечательный урок! Отличный подарок!

[Mira]

Вау! Дождались, бежим творить)))

[Petra]

Ия, огромное спасибо за урок! 
Увлек так, что решила даже пополуночничать))))  Но результат того стоил 


P.S. Работы приведены в примере просто потрясающие

[Ardor]

Крончик, спасибо..как говорится признание наставника многого стоит))

Леночка, ждем. хвастайся))

Петра,  с техникой порядок, поболее вписать бабочку в общую композицию и будет загляденье

[Satinelight]

Гыы, а подарочек какому Светику?
Классный урок. Правда, сложновато

[Элина]

потратила час на этот урок, но так ничего не получилось и ничего не поняла))

[Satinelight]

Ой, а у меня сначала последний пример не догрузился
Подумала, что № 2 - подарок

[Ardor]

потратила час на этот урок, но так ничего не получилось и ничего не поняла))

спрашивай) не может быть, чтобы совсем непонятно было)

Свет, он не сложный, после 10-го раза с закрытыми глазами получается)

[kantanas]

Значит насколько я понял, можно на отдельную фотографию которую хочу сделать заставкой своего монитора, сделать порхающую бабочку, потом установить фото как заставку и будет бабочка порхать?

[Rianta]

kantanas, можно конечно, но эта анимация будет ооооочень много весить+пострадают цвета скорее всего.

[Alia]

У меня получилась бабочка инвалидка  туловище и рядом на расстоянии 1 сантиметра машутся крылья сами по себе  причем в разных расположениях,но одновременно)))) потом чето напортачила и получилось хуже 

вопросы :
1) туловище не трогать?
2) как сделать что б между частями бабочки не было расстояний?

[Элина]

У меня получилась бабочка инвалидка  туловище и рядом на расстоянии 1 сантиметра машутся крылья сами по себе 

у меня также

[Ardor]

Алиюш, туловище не анимирую, как правило, в конце просто подгоняю его под расположение крыльев. или сверху или снизу слой  размещаю

дабы не было пробелов, просто подвинь крылья. обычно, когда переключаю на вид сверху получается прямая линия.

[Alia]

Урррррра, я сделала эту бабочку 

может быть , конечно, для 1го раза корява, ну я наконец то поняла предыдущую ошибку (:

сразу в баннер впихнула (:

[Satinelight]

Алиюш, классный баннер вышел
И вес очень дружественный

[Ardor]

Алиюш, здорово попробуй еще поворачивать бабочку

[Alia]

А как ты сделала что б бабочка была боком?

не покажешь как выглядела псд бабочки в примере? или она была ровная, просто крутила в АЕ?

Ardor, Serenissima, пасибки))))

[Ardor]

в четвертом пункте на последнем слайде виден поворот.
вся работа делается в АЕ. В фотошопе только начальный этап вырезки и конечная сборка gif
в фотошопе крылья выглядят как на первом слайде

[Alia]

Я сделала урок только до 4го пункта