Как и множество других дизайнеров, я потратил немало времени, пытаясь найти оптимальные приемы работы для продуктов: After Effects, Photoshop, Illustrator, сокращающие временные затраты на производство ролика. В этом уроке я использую Trapcodes Particular плугин, который является одним из самых популярных плугов для ААЕ. Создание стаи птиц очень простой и в то же время очень красивый эффект, тем более что после выполнения урока вы сможете адаптировать эту технику под свои потребности (например создание летающих черепушек с крылашками ...
Что нам понадобится: Знание интерфейса Adobe After Effects Trapcode’s Particular Plugin Adobe Illustrator.
1. Открываем After Effects Создаем композицию с названием "bird”. Указываем параметры для композиции, как показано на картинке:
2. Готовим крылья Создадим два слоя белого цвета с размерами 300х300 и назовем их "right wing” и "left wing”.
3. Создаем форму птицы в Иллюстраторе Нам необходимо создать форму крыльев для анимации их в ААЕ. Все что нам необходимо – это просто силуэт птицы. Конечно, мы можем сами нарисовать ее в иллюстраторе или обработать стороннюю картинку. Я воспользовался готовой формой из набора Go Media. Те, у кого есть этот набор, просто кликаем на форму, как показано на рисунке:
4. Копируем и вставляем форму в ААЕ, как маску. Теперь, когда мы выделил необходимую форму в иллюстраторе (при помощи инструмента Direct selection tool), заходим в меню Edit>copy. После этого возвращаемся в ААЕ, выделяем слой "right wing” и вставляем нашу форму (Ctrl+V или to Edit>paste). То же самое проделываем и со слоем "left wing”.
5. Убираем половину птицы и выставляем anchor point. После того как мы провели все вышеописанные шаги, у нас должно получиться два слоя с масками в виде птицы. Теперь можем отключить видимость для слоя "left wing”. Теперь нам необходимо удалить половину маски т.к. для дальнейшей работы нам необходима только половина птицы. Теперь нам необходимо разместить anchor point точно по центру нашей маски (не слоя). Самый простой способ – это выделить маску и нажать Ctrl+T для свободной трансформации, а потом переместить нашу точку. Потом тоже самое проделываем и для слоя.
Теперь, когда у нас есть правая половина, мы можем включить видимость для слоя "left wing” и проделать с ним те же действия. Удалить ненужную половину и выровнять маски относительно друг друга, чтобы они образовывали силуэт птицы. И помните, что мы двигаем маску, а не слой. Выставляем anchor points таким образом, чтобы они почти накладывались друг на друга. Когда вы все это сделаете, у вас должно выйти нечто похожее:
6. Включаем параметр 3d для обоих слоев:
7. Вставляем выражения: Теперь нам нужно создать эффект похлопываний крыльев и вместо ключевых кадров мы будем использовать выражения. Это не урок по выражениям, поэтому я упущу описания того, как работают наши выражения, они просто создают эффект похлопывания Раскрываем свиток свойств transform для слоя "right wing”. И вставляем выражение для параметра "Y rotation”. Чтобы сделать это, нажимаем "alt+click” на часики рядом с параметром, как показано на картинке:
Вставляем следующее выражение: 60*Math.sin(15*time) Для слоя "left wing” создаем выражение также для параметра "Y rotation”, но выражение изменяем на: -thisComp.layer(”right wing”).rotationY
8. Добавляем Null Object После того как мы добавили выражение, наша птичка начала двигаться, теперь чтобы придать завершенность ее движениям, необходимо добавить null object. Заходим в меню layer>new и выбираем Null Object. Переименовываем его в "center”. Включаем параметр 3D, после привязываем наши два слоя к слою "center”.
После того как мы все это проделали, добавим несколько выражений к слою "center”.
9. Выражения для параметра "center”. Раскрываем вкладку свойств для слоя "center” и изменяем следующие параметры: X Rotation = -84 Y Rotation = 0 Z Rotation = 183 (примерно) Создаем выражение для параметра "X Rotation”: wiggle(3,70,1,1,10+time) Создаем выражение для параметра "Y Rotation”: wiggle(2,50,1)
Теперь наш проект должен выглядеть вот так:
Если ваша композиция так выглядит …и птичка вращается в 3d пространстве, значит самое время создать новую композицию и применить Particular emitting.
10. Использование Particular Plugin Теперь создаем новую композицию, как показано на картинке и выставляем background сероватого цвета. Это необходимо, т.к. наша птица будет белой или черной. Для того чтобы изменить цвет фона заходим в меню Composition>Background Color.
Создаем новый слой с названием particles. Создаем еще один слой и называем его it background и выключаем для него параметр видимость. Создаем камеру Перетягиваем композицию bird в только что созданную и выключаем для нее параметр видимости. Убедитесь в том, что все слои такой же длительности как и композиция или длиннее на один кадр. Это важный момент. Теперь наш проект выглядит вот так:
11. Применяем эффект Выделяем слой "particles” и применяем Effect>Trapcode>Particular. После того как вы применили эффект откройте свиток управления эффектом и вы увидите 7 категорий, как показано на картинке:
12. Настраиваем эффект Раскрываем свиток the "particle”. Далее выбираем параметр "Custom Colorize” из меню "particle type”. После того как мы активировали этот параметр у нас открылась дополнительная вкладка "custom”, Заходим в нее и выбираем слой "4. Bird” из меню Layer. Из меню «time sampling» выбираем параметр "Random-loop”, параметр subframe sampling должен быть отключен. Т.к. наши частицы имеют значение "custom colorize”, мы должны изменить цвет нашей птицы. Для этого просто изменяем цвет в меню particle--> color. Если все сделано правильно, то наша композиция сейчас выглядит вот так:
Теперь раскрываем свиток "Emitter” и изменяем следующие параметры:
Emitter type = sphere layer = none layer sampling = current time layer RGB usage = RGB - particle Position XY = 997 , 240 (примерно) Position Z = 275 (примерно) Direction = directional Drection Spread = 4 X rotation = 0 Y rotation = 245 (примерно) Z rotation = 0 Velocity = 280 (примерно) Velocity random = 20 Velocity from motion = 20 Emitter size X = 620 Emitter size Y = 90 Emitter size Z = 145
13. Параметр "Physics” Раскрываем вкладку "physics”. В этом параметре мы можем изменить сопротивляемость ветра, его направление и турбулентность для нашей стаи птиц. Изменяем "physics Model” на "Air”. Раскрываем вкладку "Air”. Выставляем все параметры на 0, кроме "Spin Frequency” ему присваиваем значение 0,5. Переходим в параметр "Turbulence Field” и изменяем следующие параметры:
Affect Size = 4 Affect Position = 225 Time Before Affect = 0 Scale = 2 Complexity = 3 Octave Multiplier = .05 Octave Scale = 1.5 Evolution Speed = Move with Wind = 80
14. Motion Blur В этом параметре можно указать параметр "comp settings”, т.е. будут использоваться настройки композиции, но вы можете поэкспериментировать со значениями. Я думаю, что все и так выглядит отлично без замутнения. В общем, мои настройки выглядят вот так:
15. Настраиваем камеру Убедитесь, что ваша камера находится в фокусе. Т.е. параметр z depth равен примерно "-250″. Настройки моей камеры выглядят вот так:
16. Определим количество птиц. Создадим два ключевых кадра для параметра "Particles / sec”. Я использовал следующие значения: 7 frames - "Particles / sec” примерно 100 9 frames - "Particles / sec” примерно 0 Это значит, что в этот промежуток появилось не более 100 частиц.
17. Добавим простой фон Напоследок добавим задний фон для композиции. Включим наш слой "background” и применим к нему Effect>generate>ramp. Выберем два цвета на свой вкус и получим между ними градиент. И просмотрим, что у нас получилось.
