Мы уже подготовили рабочий материал, теперь наступает самый интересный этап. Непосредственно анимация слоёв.
Открываем After Effect и создаём новый проект с базовыми настройками.
![](https://static.wixstatic.com/media/971cd2_c776aca5b9da42b1a9059f8cd80007c1~mv2.png/v1/fill/w_49,h_27,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/971cd2_c776aca5b9da42b1a9059f8cd80007c1~mv2.png)
Теперь открываем в отдельном окне заготовки и перетаскиваем в левое окно программы.
![](https://static.wixstatic.com/media/971cd2_2f6aa6d44c894d46a70a0aaace6423e6~mv2.png/v1/fill/w_49,h_25,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/971cd2_2f6aa6d44c894d46a70a0aaace6423e6~mv2.png)
Нам нужно создать композицию.
![](https://static.wixstatic.com/media/971cd2_2c34912c354a45fa96fccc16b0dde94c~mv2.png/v1/fill/w_86,h_56,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/971cd2_2c34912c354a45fa96fccc16b0dde94c~mv2.png)
В настройках ничего не меняем кроме длительности анимации. оптимально поставить от 5ти до 10ти секунд.
![](https://static.wixstatic.com/media/971cd2_0996a4a248c341a2b102e193e3e20a40~mv2.png/v1/fill/w_49,h_26,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/971cd2_0996a4a248c341a2b102e193e3e20a40~mv2.png)
Теперь настроим 4 вида. Нам нужно либо поменять 1 вид на 4, либо правая кнопка мыши по окну с экраном и выбираем в разделе макетов 4 вида. Пока они одинаковые, но мы это скоро исправим.
![](https://static.wixstatic.com/media/971cd2_f84f2e4d614a4c14aaa4fb0b23066bb4~mv2.png/v1/fill/w_49,h_26,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/971cd2_f84f2e4d614a4c14aaa4fb0b23066bb4~mv2.png)
Теперь делаем объекты трёхмерными. Для этого прожимаем все кубики справа от названий слоёв.
![](https://static.wixstatic.com/media/971cd2_65e31687532745f99203824c243de997~mv2.png/v1/fill/w_67,h_26,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/971cd2_65e31687532745f99203824c243de997~mv2.png)
Но это не значит, что трёхмерными станут объекты. Трёхмерными станут слои, то есть по сути превратятся в "как бы" листы бумаги, которые можно будет двигать в глубину (как декорации в театре).
Правый клик по таймлайну- создаём камеру. Именно она позволит нам работать с глубиной композиции.
Откроется такое страшное на первый взгляд окно.
![](https://static.wixstatic.com/media/971cd2_92f730ce999a4c94a5d6e7105ade88dc~mv2.png/v1/fill/w_49,h_32,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/971cd2_92f730ce999a4c94a5d6e7105ade88dc~mv2.png)
Здесь нам не обязательно что-то настраивать сейчас. Нажимаем просто "ОК". Настройки подкорректируем позже.
![](https://static.wixstatic.com/media/971cd2_08fc500a09bc4db3b6abdafbed3f833b~mv2.png/v1/fill/w_49,h_26,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/971cd2_08fc500a09bc4db3b6abdafbed3f833b~mv2.png)
Как видите, камера появилась в слоях копозиции и на каждом из 4х видов.
Точка- условно сама тушка, расходящийся треугольник- объектив.
Теперь подвинем её. Для этого в слоях откроем настройки для камеры.
В меню "Преобразовать" находим "положение". Здесь координаты объекта. Если двигаться слева направо: по горизонтали, по вертикали и в глубину.
![](https://static.wixstatic.com/media/971cd2_eaa59678b14247558d107e76a0639f2a~mv2.png/v1/fill/w_61,h_15,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/971cd2_eaa59678b14247558d107e76a0639f2a~mv2.png)
Как раз глубина нам и нужна. Всё внимание на вид сверху. Камеру нужно опустить вниз.
![](https://static.wixstatic.com/media/971cd2_bc905839d3c148e8afd59e26653cbbdd~mv2.png/v1/fill/w_49,h_27,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/971cd2_bc905839d3c148e8afd59e26653cbbdd~mv2.png)
То же самое сделаем с фоно. Только его поднимем на самый верх и расположим остальные слои между фоном и камерой на расстоянии.
С видом сверху закончим. Теперь делаем активным вид из камеры, просто нажав на нужное окно (у него в углах появятся синие выделители). И включаем 1 вид.
![](https://static.wixstatic.com/media/971cd2_5a6267f1f9c24e7e8c9400bad3cfad21~mv2.png/v1/fill/w_82,h_45,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/971cd2_5a6267f1f9c24e7e8c9400bad3cfad21~mv2.png)
Именно вид из активной камеры получится у нас после просчёта. Поэтому теперь нужно подравнять слои по масштабу.
![](https://static.wixstatic.com/media/971cd2_33d5eae709e74d859d6a26891bffe94d~mv2.png/v1/fill/w_49,h_28,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/971cd2_33d5eae709e74d859d6a26891bffe94d~mv2.png)
Увеличиваем масштаб фона, и регулируем все остальные слои так, чтобы у нас получилась исходная картинка.
При этом если из активной камеры мы увидим исходник, то на виде сверху он будет выглядеть так:
![](https://static.wixstatic.com/media/971cd2_5a6267f1f9c24e7e8c9400bad3cfad21~mv2.png/v1/fill/w_82,h_45,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/971cd2_5a6267f1f9c24e7e8c9400bad3cfad21~mv2.png)
Наконец, можно начать анимировать проект.
Когда мы открываем настройки положения и масштаба, слева от каждого параметра есть "будильнички". При нажатии на них программа выставляет ключевые кадры.
![](https://static.wixstatic.com/media/971cd2_9148977c3f6846099ea322da3d3dc23f~mv2.png/v1/fill/w_68,h_24,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/971cd2_9148977c3f6846099ea322da3d3dc23f~mv2.png)
Поэтому предварительно поставим ползунок на начало таймлайна, чтобы движение началось с самого начала.
Чтобы создать движение, перетаскиваем ползунок вперёд по таймлайну (вправо т.е.) и программа автоматически выставляет новые ключевые кадры. Движение создано. Параметры настроек будут плавно меняться от одного ключевого кадра к другому. Если хотим ускорить изменение, перетаскиваем ключи ближе к первым, медленнее- дальше.
![](https://static.wixstatic.com/media/971cd2_81d7cee688ee47558ed57c737442ac74~mv2.png/v1/fill/w_72,h_47,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/971cd2_81d7cee688ee47558ed57c737442ac74~mv2.png)
Если программа не проставила какие-то нужным нам ключи, слева от замочков появилось меню с ромбиками- ключами. Нажимаем на них и на таймлайне появляются недостающие ключи.
Таким образом анимируем все слои, следя, чтобы они не проходили один сквозь другого, чтобы не было чёрного фона). Ну и конечно, стараемся смоделировать максимально органичное движение.
![](https://static.wixstatic.com/media/971cd2_5925b3307a5449c292ebb3f934d33e88~mv2.png/v1/fill/w_57,h_20,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/971cd2_5925b3307a5449c292ebb3f934d33e88~mv2.png)
Для создания большего эффекта глубины, можно настроить размытие камеры.
В параметрах камеры включаем глубину поля, делаем диафрагму поменьше, уровень размытия поднимаем (советую поэкспериментировать с цифрами) и настраиваем фокусное расстояние.
Когда результат нас устроит, можно просчитать видео. Для этого заходим в меню Файл- Экспорт- Добавить в очередь рендеринга.
![](https://static.wixstatic.com/media/971cd2_92d1b6843c594cd6b77b0aef1f0a0893~mv2.png/v1/fill/w_85,h_59,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/971cd2_92d1b6843c594cd6b77b0aef1f0a0893~mv2.png)
В появившемся внизу окне настраиваем параметры вывода.
Редактируем "Вывод в". Здесь можно поменять название файла и выбрать, куда он экспортируется.
![](https://static.wixstatic.com/media/971cd2_c0b4465736064574a4baed542bb69784~mv2.png/v1/fill/w_48,h_7,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/971cd2_c0b4465736064574a4baed542bb69784~mv2.png)
И нажимаем "рендеринг".
![](https://static.wixstatic.com/media/971cd2_3a1a552eddae4dd59c990a7e4a65810f~mv2.png/v1/fill/w_49,h_29,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/971cd2_3a1a552eddae4dd59c990a7e4a65810f~mv2.png)
Как только программа издаст характерный звук, можно заходить в папку, которую мы выбирали в прошлом шаге, и наслаждаться анимацией.
![](https://static.wixstatic.com/media/971cd2_d2be6cdd0b914a7a9c8431b656018c4a~mv2.gif)