Автор Тема: Анимация бабочки  (Прочитано 14089 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн ArdorАвтор темы

  • Аниматоры
  • *
  • И даже серыми карандашами, я всё равно нарисую в небе радугу!

  • Сообщений 1070
  • Респектов +1205
  • Репутация 640
  • Пол: Женский
    • Просмотр профиля
Анимация бабочки
« : 10 Сентябрь 2010, 22:18:24 »
+8
На демиарте есть урок по анимации бабочки мастера 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 и готово)

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

подарок для Крончика, ^
, здесь задавала разные значения поворота вокруг оси У, играйтесь, будет естественнее смотреться
подарок для Светика, ^ анимировала параметры трансформации. поворот сопоставляйте с направлением
« Последнее редактирование: 14 Сентябрь 2013, 19:55:42 от Ardor »

Форум аватар

Анимация бабочки
« : 10 Сентябрь 2010, 22:18:24 »

Оффлайн Крон

  • Модератор
  • ***
  • Сообщений 10987
  • Респектов +8448
  • Репутация 3877
  • Пол: Мужской
    • Просмотр профиля
Re: Анимация бабочки
« Ответ #1 : 10 Сентябрь 2010, 22:34:23 »
0
Спасибо Ия! Замечательный урок! *super* Отличный подарок! *chupa chups*

Оффлайн Mira

  • Аватарщица-
  • Аватарщица
  • *
  • Если я девушка твоей мечты - помечтай...

  • Сообщений 4025
  • Респектов +1181
  • Репутация 1979
  • Пол: Женский
    • Просмотр профиля
Re: Анимация бабочки
« Ответ #2 : 10 Сентябрь 2010, 23:40:16 »
0
Вау! Дождались, бежим творить))) *girlfriend*

Оффлайн Petra

  • Аватарщица
  • *
  • Сообщений 775
  • Респектов +1565
  • Репутация 483
    • Просмотр профиля
Re: Анимация бабочки
« Ответ #3 : 11 Сентябрь 2010, 03:32:38 »
+1
Ия, огромное спасибо за урок!  *clap*
Увлек так, что решила даже пополуночничать))))  *smeshno* Но результат того стоил  *fiesta*


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

Оффлайн ArdorАвтор темы

  • Аниматоры
  • *
  • И даже серыми карандашами, я всё равно нарисую в небе радугу!

  • Сообщений 1070
  • Респектов +1205
  • Репутация 640
  • Пол: Женский
    • Просмотр профиля
Re: Анимация бабочки
« Ответ #4 : 11 Сентябрь 2010, 12:31:17 »
0
Крончик, спасибо..как говорится признание наставника многого стоит))

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

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

Оффлайн Satinelight

  • блудный Светик снова АЕ-шит
  • Аватарщица
  • *
  • Сообщений 2114
  • Респектов +748
  • Репутация 484
  • Пол: Женский
    • Просмотр профиля
Re: Анимация бабочки
« Ответ #5 : 11 Сентябрь 2010, 13:12:09 »
0
Гыы, а подарочек какому Светику? *smeshno* *modesty*
Классный урок. Правда, сложновато *smile*

Оффлайн Элина

  • Хранительница
  • *
  • Сообщений 591
  • Респектов +378
  • Репутация 182
    • Просмотр профиля
Re: Анимация бабочки
« Ответ #6 : 11 Сентябрь 2010, 16:02:19 »
0
потратила час на этот урок, но так ничего не получилось и ничего не поняла))

Оффлайн Satinelight

  • блудный Светик снова АЕ-шит
  • Аватарщица
  • *
  • Сообщений 2114
  • Респектов +748
  • Репутация 484
  • Пол: Женский
    • Просмотр профиля
Re: Анимация бабочки
« Ответ #7 : 11 Сентябрь 2010, 16:24:17 »
0
Ой, а у меня сначала последний пример не догрузился *smeshno*
Подумала, что № 2 - подарок *modesty*

Оффлайн ArdorАвтор темы

  • Аниматоры
  • *
  • И даже серыми карандашами, я всё равно нарисую в небе радугу!

  • Сообщений 1070
  • Респектов +1205
  • Репутация 640
  • Пол: Женский
    • Просмотр профиля
Re: Анимация бабочки
« Ответ #8 : 11 Сентябрь 2010, 17:58:58 »
0
потратила час на этот урок, но так ничего не получилось и ничего не поняла))
спрашивай) не может быть, чтобы совсем непонятно было)

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

Оффлайн kantanas

  • Решительный
  • Сообщений 6
  • Респектов 0
  • Репутация 2
    • Просмотр профиля
Re: Анимация бабочки
« Ответ #9 : 13 Сентябрь 2010, 11:44:55 »
0
Значит насколько я понял, можно на отдельную фотографию которую хочу сделать заставкой своего монитора, сделать порхающую бабочку, потом установить фото как заставку и будет бабочка порхать?

Оффлайн Rianta

  • Аватарщица
  • *
  • :)

  • Сообщений 831
  • Респектов +208
  • Репутация 214
  • Пол: Женский
    • Просмотр профиля
Re: Анимация бабочки
« Ответ #10 : 13 Сентябрь 2010, 13:18:25 »
0
kantanas, можно конечно, но эта анимация будет ооооочень много весить+пострадают цвета скорее всего.

Оффлайн Alia

  • И в этом вся я...
  • Аватарщица
  • *
  • Сообщений 2562
  • Респектов +855
  • Репутация 1011
  • Пол: Женский
    • Просмотр профиля
Re: Анимация бабочки
« Ответ #11 : 23 Сентябрь 2010, 22:30:25 »
0
У меня получилась бабочка инвалидка  *modesty* *smeshno* туловище и рядом на расстоянии 1 сантиметра машутся крылья сами по себе  *smeshno* причем в разных расположениях,но одновременно)))) потом чето напортачила и получилось хуже  *modesty*

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

Оффлайн Элина

  • Хранительница
  • *
  • Сообщений 591
  • Респектов +378
  • Репутация 182
    • Просмотр профиля
Re: Анимация бабочки
« Ответ #12 : 24 Сентябрь 2010, 08:14:29 »
0
У меня получилась бабочка инвалидка  *modesty* *smeshno* туловище и рядом на расстоянии 1 сантиметра машутся крылья сами по себе  *smeshno*
*smeshno* у меня также

Оффлайн ArdorАвтор темы

  • Аниматоры
  • *
  • И даже серыми карандашами, я всё равно нарисую в небе радугу!

  • Сообщений 1070
  • Респектов +1205
  • Репутация 640
  • Пол: Женский
    • Просмотр профиля
Re: Анимация бабочки
« Ответ #13 : 28 Сентябрь 2010, 20:09:49 »
0
Алиюш, туловище не анимирую, как правило, в конце просто подгоняю его под расположение крыльев. или сверху или снизу слой  размещаю

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

Оффлайн Alia

  • И в этом вся я...
  • Аватарщица
  • *
  • Сообщений 2562
  • Респектов +855
  • Репутация 1011
  • Пол: Женский
    • Просмотр профиля
Re: Анимация бабочки
« Ответ #14 : 01 Ноябрь 2010, 20:01:39 »
+3
Урррррра, я сделала эту бабочку  *:D*

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

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

« Последнее редактирование: 01 Ноябрь 2010, 20:07:17 от Alia »

Оффлайн Satinelight

  • блудный Светик снова АЕ-шит
  • Аватарщица
  • *
  • Сообщений 2114
  • Респектов +748
  • Репутация 484
  • Пол: Женский
    • Просмотр профиля
Re: Анимация бабочки
« Ответ #15 : 01 Ноябрь 2010, 20:28:20 »
0
Алиюш, классный баннер вышел *super*
И вес очень дружественный *smile*

Оффлайн ArdorАвтор темы

  • Аниматоры
  • *
  • И даже серыми карандашами, я всё равно нарисую в небе радугу!

  • Сообщений 1070
  • Респектов +1205
  • Репутация 640
  • Пол: Женский
    • Просмотр профиля
Re: Анимация бабочки
« Ответ #16 : 01 Ноябрь 2010, 20:57:57 »
0
Алиюш, здорово *super* попробуй еще поворачивать бабочку

Оффлайн Alia

  • И в этом вся я...
  • Аватарщица
  • *
  • Сообщений 2562
  • Респектов +855
  • Репутация 1011
  • Пол: Женский
    • Просмотр профиля
Re: Анимация бабочки
« Ответ #17 : 01 Ноябрь 2010, 21:03:25 »
0
А как ты сделала что б бабочка была боком?

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

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

Оффлайн ArdorАвтор темы

  • Аниматоры
  • *
  • И даже серыми карандашами, я всё равно нарисую в небе радугу!

  • Сообщений 1070
  • Респектов +1205
  • Репутация 640
  • Пол: Женский
    • Просмотр профиля
Re: Анимация бабочки
« Ответ #18 : 01 Ноябрь 2010, 21:07:03 »
0
в четвертом пункте на последнем слайде виден поворот.
вся работа делается в АЕ. В фотошопе только начальный этап вырезки и конечная сборка gif
в фотошопе крылья выглядят как на первом слайде

Оффлайн Alia

  • И в этом вся я...
  • Аватарщица
  • *
  • Сообщений 2562
  • Респектов +855
  • Репутация 1011
  • Пол: Женский
    • Просмотр профиля
Re: Анимация бабочки
« Ответ #19 : 01 Ноябрь 2010, 21:42:12 »
0
Я сделала урок только до 4го пункта  *modesty*  *smeshno*

 

Анимация текста написанного кровью (проявление на стене)

Автор Крон

Ответов: 7
Просмотров: 3650
Последний ответ 01 Октябрь 2011, 10:05:14
от Venlend
Анимация векторного узора в After Effects

Автор Крон

Ответов: 6
Просмотров: 4802
Последний ответ 10 Май 2012, 20:18:52
от Alika
Анимация масок в After Effects

Автор Ardor

Ответов: 15
Просмотров: 6601
Последний ответ 01 Ноябрь 2011, 20:11:22
от MegS
Анимация с помощью Ripple

Автор Tw

Ответов: 17
Просмотров: 5999
Последний ответ 14 Март 2013, 14:18:58
от Tw
анимация текста

Автор Крон

Ответов: 1
Просмотров: 1761
Последний ответ 18 Март 2011, 00:35:34
от Ворожея