Дизайн и оформление соцсетейВращение текста вокруг объекта. Эффект CC Cylinder AE. Пример рекламного креатива для йога студии

В этом уроке вы узнаете, как создавать вращающийся текст вокруг персонажа. Для урока будем использовать программу Adobe After Effects и эффект Cylinder

Также в конце урока создадим пример простого рекламного креатива, используя этот эффект.

Шаг 1 - учимся использовать эффект CC Cylinder

1.1 Создаем композицию и добавляем текст

Создадим тестовую композицию размером 1080х1080, длительностью 5 секунд и частотой кадров 25 fps. 

Выберем инструмент текст (T) и напишем произвольный текст в нашей композиции.

 

1 шаг CC Cylinder

1.2 Применяем к тексту эффект CC Cylinder

На панели инструментов выбираем Effects and Presets (если эта панель у вас скрыта, нажмите Window и поставьте галочку напротив Effects and Presets). 

В окне поиска вводим слово CC Cylinder, находим необходимый эффект и левой кнопкой мыши перетаскиваем его на слой с текстом.

Эффект CC Cylinder для текста

1.3 Изучаем настройки эффекта CC Cylinder

Этот эффект создает эффект «огибания» выбранного слоя вокруг цилиндра. Этот эффект мы можем применить не только к тексту, но и к видео/фото, композициям и т.д.

После применения данного эффекта мы можем манипулировать цилиндром в виртуальном 3D пространстве, изменяя настройки.

  • Radius (%) изменяет радиус имитируемого цилиндра в процентном соотношении к изначальному. Изменять именно радиус необходимо с осторожностью, так как происходит деформация слоя – растяжение или сужение. 
  • Position – изменение положения цилиндра по координатам относительно начального (доступно смещение по координатам X,Y и Z).
  • Rotation вращает цилиндр по координатам X,Y и Z. Именно вращением относительно координат можно добиться эффект вращения текста вокруг объекта.
  • Render – видимая часть слоя, к которому применили эффект. Full – отображает и переднюю и заднюю часть. Выбрав Outside или Inside можно отображать либо переднюю, либо заднюю поверхность имитируемого цилиндра и соответственно объекта, который его огибает.
  • Light – настройка того, как освещение падает на имитируемый цилиндр.
  • Shading – настройки теней.
Настройки эффекта CC Cylinder

Шаг 2 - вращение текста вокруг персонажа

2.1 Композиция для рекламного креатива

Создадим новую композицию размером 1080х1920, длиной 15 секунд и количеством кадром 30 fps – оптимальные настройки видео для истории Instagram.

2.2 Добавляем персонаж

Для удобства будем использовать заготовку, на которой персонаж отделен от заднего фона – PSD файл с двумя слоями:

  1. Слой с задним фоном
  2. Слой с персонажем

Добавляем в проект файл с персонажем.

2.3 Пишем необходимый рекламный тезис

Используя инструмент текст (Т) пишем необходимый рекламный тезис, который будет вращаться вокруг персонажа.

2.4 Прекомпозиция текста

Для удобства работы с эффектом CC Cylinder сделаем pre-compose текста.

Создание прекомпозиции для работы с эффектом CC Cylinder

2.5 Применение эффекта CC Cylinder

Находим в поиске Effects and Presets необходимый эффект CC Cylinder и левой кнопкой мыши перетаскиваем и применяем его к композиции с текстом.

2.6 Позиция текста

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

Наклоны текста относительно персонажа меняем при помощи настроек Rotation.

2.7 Анимация вращения

В настройках эффекта CC Cylinder будем анимировать вращение по оси Y.

Для этого на первой секунде устанавливаем ключевой кадр Rotation Y  и задаем угол с которого начнется вращение (например, с первых слов тезиса).

Далее ползунком таймлайна переходим в конец композиции и устанавливаем еще один ключевой кадр вращения по оси Y. Выбираем необходимый угол поворота и количество оборотов.

По желанию можно задать плавность анимации помощником ключевых кадров.

 

Анимация вращения текста по оси Y эффект CC Cylinder

2.9 Дублирование композиции с текстом

После того, как анимация настроена, дублируем композицию с текстов нажатием сочетания клавиш Ctrl+D. 

На панели слоев одну из композиций с текстом перетаскиваем под персонажа.

Дублирование композиции с текстом

2.9 Настройка Render

В настройках Render эффекта CC Cylinder у слоя, который находится НАД персонажем применяем пункт Outside («видимость передней части»).

В настройках Render эффекта CC Cylinder у слоя, который находится ПОД персонажем применяем пункт Inside («видимость задней части цилиндра»).

Настройки render для CC Cylinder

Шаг 3 - проверяем результат

Вращение текста вокруг персонажа

Если все сделали правильно, то при предпросмотре композиции текст будет вращаться по оси Y вокруг имитируемого цилиндра. В качестве цилиндра в нашем случае выступает персонаж.

Эффектом CC Cylinder  мы можем выделить определенные тезисы при создании рекламного креатива, будь-то информация о скидке или специальное предложение.

Не рекомендую использовать этот эффект для длинного или трудно-читаемого текста, так как пользователю не всегда удобно читать такого вида анимацию. Также для удобства прочтения мы можем добавить прямоугольник под текстом в качестве подложки. 

Добавить комментарий

Ваш электронный адрес не будет опубликован. Обязательные для заполнения поля помечены *

Оставить комментарий