Hi-tech интро в Adobe After Effects

hi1.jpg

В этом уроке мы создадим весьма интересное высокотехнологичное интро в программе Adobe After Effects. Для создания данного интро будем использовать только стандартные средства AE.

Превью:

Для начала создадим новую композицию (Composition > New Composition) продолжительностью около 6 секунд. Далее создаём новый слой чёрного цвета (Layer > New > Solid). Этот слой будет фоном. Также нам нужно добавить в композицию какой-нибудь логотип и текст к нему. В нашем случае используются логотип и название сайта. Естественно, вы можете использовать только логотип без текста или наоборот. Если же у вас на композиции есть и логотип и текст, то нужно объединить их в один слой. Для этого нужно выделить оба слоя (с помощью кнопки Ctrl) и прекомпозить их:

nv3.jpg

Далее нам нужно добавить на композицию "ползущие линии". Для этого создаём новый слой белого цвета (Layer > New > Solid) и с помощью инструмента Pen Tool рисуем на нём ломанную линию.

Инструмент Pen Tool:

hi2.jpg

Нам нужно нарисовать линию такого типа:

hi3.jpg

Главное - чтобы эта линия не пересекалась с названием и логотипом. Чтобы линия поворачивала только прямо или под углом 45 грудусов, нужно удерживать кнопку Shift.

Далее к этому слою нам нужно применить эффект Stroke:

hi4.jpg

С помощью данного эффекта мы будет приводить линию в движение. Параметры этого эффекта нужно настроить так, как показано на скриншоте:

hi5_0.jpg

В самом начале композиции нам нужно поставить ключ на параметре End. Далее нам нужно перемотать композицию на 0,5 секунд вперёд и поставить ключ на параметре Start. На 1,5 секунде нам нужно в параметре End поставить значение 100%. На 2 секунде нужно поставить значение 100% в параметре Start.

В итоге мы получим "ползущую" линию. Чтобы таких линий было несколько, нам нужно продублировать наш белый слой (Ctrl+D), открыть параметры скопированного слоя на TimeLine, найти там маску (линию) и удалить её:

hi6.jpg

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

Далее нам нужно повторить вышеописанную процедуру ещё несколько раз, чтобы линий было 5-6.

Далее все белые слои на нашей композиции нужно выделить и прекомпозить (Layer>Pre-compose).

Полученный слой нам нужно продублировать. Полученную копию слоя необходимо передвинуть на на таймлайне так, чтобы она начиналась с четвёртой секунды нашей композиции.

В итоге ползущие линии на нашей композиции будут появляться в самом начале и на 4 секунде.

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

Для создания таких треугольников нам нужно создать новый слой белого цвета и с помощью инструмента Pen Tool создать на нём две маски в форме треугольников. Далее нужно просто задать им определённый путь движения: для этого нужно на таймлайне открыть у слоя с треугольниками вкладку Transform, найти там параметр Postion, поставить на нём ключ, а затем перемотать композицию вперёд и куда-нибудь передвинуть наш слой.

Точно также можно создать мигающие прямоугольники, которые мы видим с первой по вторую секунды. Чтобы создать "моргание", нам нужно точно так-же перейти во вкладку Transform слоя с прямоугольниками, однако редактировать уже параметр Opacity.

Далее треугольники и прямоугольники нужно продублировать и передвинуть чуть дальше, также, как и ползущие линии.

Теперь рассмотрим, как нам создать блок сменяющихся цифр. Для начала нам нужно создать новый текстовый слой (Layer>New>Text) и набрать несколько строчек произвольных цифр (главное - не набирать одну и ту-же цифру).

На панели справа мы можем редактировать параметры нашего текста:

hi7.jpg

Когда всё будет готово, нам нужно перейти на таймлайн, открыть параметры нашего текста и нажать на треугольник рядом с надписью "Animate". В появившемся меню нужно выбрать Character Offset:

hi8.jpg

Далее нам нужно на появившемся параметре Character Offset поставить ключ, перемотать композицию примерно на вторую секунду и поставить значение этого парамтера на 60. В итоге у нас появятся блок быстро сменяющихся цифр. Далее нам нужно его продублировать и перемотать чуть дальше, как и все вышеперечисленные элементы.

Затем нам нужно прекомпозить все слои нашей композиции. У появившегося слоя нужно настроить появление и исчезание с помощью параметра Opacity во вкладке Transform. Также мы можем сделать появление и исчезание с поворотом, как на превью. Для этого нам нужно редактировать параметр Rotation. Чтобы создать необычное размытие со свечением в начале и в конце композиции, нужно использовать эффект CC Light Burst:

hi9.jpg

Параметр Intesity отвечает за яркость свечения, а параметр Ray Lenght - за длину размытия.

Помехи на нашей композиции мы будем создавать с помощью эффекта Noise:

pm1_cr.jpg

Редактируя параметр "Amount of Noise", можно менять интенсивность помех. Если вы хотите, чтобы помехи были цветными, то нужно поставить галку напротив надписи "Use Color Noise".

Напоследок рассмотрим, как создать временное увеличение определённого фрагмента видео (как, например, на второй секунде в превью). Для создания такого увеличения нам нужно продублировать наш слой, и на полученной копии нарисовать прямоугольную маску. Делается это с помощью инструмента Rectangle Tool:

hi10.jpg

Этот инстурмент создаёт маску в форме определённой фигуры. Нажимая на клавиатуре на кнопку Q, мы можем менять форму этой фигуры. Нам нужно выбрать именно прямоугольник. Далее необходимо обвести на нашем скопированное слое определённую прямоугольную область, перейти на таймлайне во вкладку Transform и увеличить значение параметра Scale примерно на 125%. С помощью параметра Opacity мы можем настроить появление этого увеличенного фрагмента.

Когда всё будет готово, нам нужно ещё раз прекомпозить все слои композиции. У полученного слоя нам нужно открыть вкладку Transform на таймлайне, выбрать параметр Position и нажать левой кнопкой мыши с зажатым alt по секундомеру рядом с ним. В итоге напротив параметра Position появится поле для ввода выражения. Вводим туда wiggle(3,10). Это выражение создаст небольшую тряску камеры.

На этом всё.

Похожие материалы:

Интро с помехами в Adobe After Effects

Хакерское интро в Adobe After Effects

Столкновение планет в Adobe After Effects

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

CAPTCHA
Подтвердите, что вы не робот.
  _      _____   ____    _   _   _  __     _    
| | __ |___ | | _ \ | | | | | |/ / / \
| |/ / / / | |_) | | | | | | ' / / _ \
| < / / | __/ | |_| | | . \ / ___ \
|_|\_\ /_/ |_| \___/ |_|\_\ /_/ \_\
Enter the code depicted in ASCII art style.