Автор Тема: Анимация векторного узора в After Effects  (Прочитано 3957 раз)

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

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

  • Модератор
  • ***
  • в ЛС заказы не принимаю!

  • Сообщений 10894
  • Респектов +8300
  • Репутация 3870
  • Пол: Мужской
    • Просмотр профиля
Давненько не писал уроков  *pardon me*
Все видели мувики от Video Copilot Evolution? Красота правда?  *pardon me* Давайте научимся сами делать! *wink*
 

Что для этого надо? Усидчивость, терпение (интересно в этом случае эти слова синонимы?), векторный рисунок узора и место куда его влепить!  *on_the_quiet2*

У меня узора не было  *pardon me* Я его в фотошопе кисточкой проштемпелевал  *smajlik*

Спойлер

белым цветом, на прозрачном фоне, а чёрный слой что бы виднее было *pardon me*, но сохранил как PNG на прозрачном.

Идём в АЕ. Новая композиция, импортируем узорчик и помещаем на панель таймлайн

Спойлер



Ctrl+D дублируем слой и начинаем работать с верхним

Спойлер

берём перо


и начинаем обводить один завиток. Последовательность на ваше разумение - в данном уроке для меня не суть

Спойлер

маска нужна для того, чтобы отделить его от стальных элементов и поэтому надо быть особо аккуратными в выделенных местах. На готовом примере я специально в одном месте сделал неаккуратно - приглядитесь  *wink*
Когда маска готова, пером прочерчиваем сам завиток
Спойлер
применяем к слою эффект fill белый
Спойлер
и следом stroke

настройки:
1 ко внутренней маске
2 ширина кисти должна быть больше самой линии завитка
3 Paint Style ставим как у меня  *smajlik*
4 End на ноль
Спойлер

Приступаем непосредственно к анимации, создаём две ключевые точки
Спойлер



Воооот. Треть дела сделали!

Создаём второй дубликат первого слоя и перемещаем его вверх
Спойлер

Последовательность действий та же  *pardon me*

Спойлер



когда анимируем второй завиток, то первую ключевую точку ставим чуть позже. Он должен начать расти уже из подросшего стебелька

Спойлер



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



Всё. И со вторым завитком справились. Анимируем дальше!  *victory* Перетаскиваем нижний слой, который не трогали, вверх и пером обводим цветок
Спойлер


Выделяем верхний слой и нажимаем S будем анимировать Scale
Спойлер

Но прежде чем приступить к анимации, изменим положение якорной точки. Если этого не сделать, то цветок будет расти из середины композиции. Для этого нажимаем Pan Behind Tool и перемещаем точку в ростковую зону  *smajlik* Ботаника!  *pardon me*

Спойлер



Теперь только ставим первую ключевую точку с нулевым значением

Спойлер

для того, что бы создать эффект скачка, вторая ключевая точка больше 100%

Спойлер

третья через три кадра менее 100%

Спойлер

и только четвёртая 100%, через два кадра

Спойлер

раскрасил узор изменяя настройки fill, к цветку его тоже добавил.
Вот и всё. Процесс не долгий, скрины дольше оформлял  *connie_twiddle* Ну и соответственно, чем больше элементов - тем больше возни  *pardon me*





Форум аватар


Оффлайн iralutsk

  • Аватарщица
  • *
  • Сообщений 1451
  • Респектов +1852
  • Репутация 473
  • Пол: Женский
    • Просмотр профиля
Re: Анимация векторного узора в After Effects
« Ответ #1 : 06 Февраля 2012, 23:40:19 »
0
Завтра покажу что я по подомному уроку нахимичила осенью))) только не цветочки))) а там чуть другая задумка была!

Оффлайн Vikka

  • Просвещённый
  • ********
  • Сообщений 2997
  • Респектов +1959
  • Репутация 909
  • Пол: Женский
    • Просмотр профиля
Re: Анимация векторного узора в After Effects
« Ответ #2 : 09 Февраля 2012, 17:57:40 »
0
Крон, а это у тебя по тому же принципу аватарка сделана, которая сейчас на тебе? Или мне показалось?

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

  • Модератор
  • ***
  • в ЛС заказы не принимаю!

  • Сообщений 10894
  • Респектов +8300
  • Репутация 3870
  • Пол: Мужской
    • Просмотр профиля
Re: Анимация векторного узора в After Effects
« Ответ #3 : 09 Февраля 2012, 17:59:50 »
+5


Да, по этому уроку  *pardon me*

Оффлайн Alika

  • ~Та ещё гадостЬ~
  • Аватарщица
  • *
  • Сообщений 1502
  • Респектов +2333
  • Репутация 707
  • Пол: Женский
    • Просмотр профиля
Re: Анимация векторного узора в After Effects
« Ответ #4 : 09 Февраля 2012, 18:07:37 »
0
Как это я умудрилась пропустить?  *scratch_one-s_head* На выходных надо попробовать что за зверь получится)))

Оффлайн iralutsk

  • Аватарщица
  • *
  • Сообщений 1451
  • Респектов +1852
  • Репутация 473
  • Пол: Женский
    • Просмотр профиля
Эх... долго же я шла и наконец добралась
Саш чудесный урок, чудесный эффект!

Оффлайн Alika

  • ~Та ещё гадостЬ~
  • Аватарщица
  • *
  • Сообщений 1502
  • Респектов +2333
  • Репутация 707
  • Пол: Женский
    • Просмотр профиля
Как же мне урок понравился  *cupidgirl* Увлеклась основательно. Саша, спасибо за такое подробное объяснение. Воть  *modesty*


 

Видео-урок After Effects CS3 "Bubbles"

Автор Жизнерадостный

Ответов: 31
Просмотров: 11933
Последний ответ 04 Марта 2013, 09:16:26
от Arhivarius
Анимация текста написанного кровью (проявление на стене)

Автор Крон

Ответов: 7
Просмотров: 2989
Последний ответ 01 Октября 2011, 10:05:14
от Venlend
Анимация с помощью Ripple

Автор Tw

Ответов: 17
Просмотров: 4912
Последний ответ 14 Марта 2013, 14:18:58
от Tw
After Effects Смена картинки(текста) с помощью Card Wipe

Автор Крон

Ответов: 8
Просмотров: 4904
Последний ответ 23 Февраля 2015, 23:33:29
от Крон
After Effects. Пролёт камеры через слои. Делаем аватар.

Автор Крон

Ответов: 2
Просмотров: 3371
Последний ответ 22 Января 2013, 14:50:14
от Крон