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

1hk.jpg

В этом уроке мы создадим весьма зрелищный переход в хакерскоим стиле. Данный эффект часто используется в различных фильмах, при этом создать его можно без каких-либо дополнительных плагинов. Сразу стоит сказать, что урок рассчитан на более-менее опытных пользователей.

Превью:

Для того чтобы создать такой эффект, нам понадобятся четыре исходника: в моём случае это фотография смартфона, фотография компьютера, лого сайта и видеофутаж с морским пейзажем. Нужные вам исходники вы можете найти в Google либо сфотографировать самостоятельно.

Так же стоит упомянуть что много приложений подобных есть и на современные смартфоны, в настоящий момент смартфоны уже заняли важное место в жизни каждого человека. Стоит так же отметить, что если вы приобрели себе дорогой аппарат, то в случае поломки вам выгоднее его отремонтировать чем покупать новый. Тем более что ремонт смартфонов можно доверить лучшим специалистам по ссылке. Такой ресурс желательно всегда иметь под рукой, для того чтобы можно было быстрее решить вопрос на случай когда что-то не дай бог случится с вашим флагманом.

Дальше заходим в Adobe After Effects и создаём новую композицию (Composition > New Composition) в разрешении HD или FullHD, продолжительностью около 30 секунд. Эту композицию будет называть "Comp1". В Comp1 создаём новый слой (Layer > New > Solid) и применяем к нему эффект Simulation > CC Particle World. Этот эффект создаёт частицы в трёхмерном пространстве.

Далее нам нужно настроить параметры этого эффекта так, как показано на скриншоте:

2hk.jpg

Затем нам нужно создать ещё одну новую композицию той-же продолжительности, но с размерами всего-лишь 50x50. Эту композицию будет называть "Comp2". В Comp2 нам нужно создать новый текстовый слой (Layer > New > Text), выбрать шрифт на свой вкус и набрать цифру 0. Размер шрифта должен быть примерно от 40 до 45 px. Вот как в итоге должна выглядеть эта композиция:

3hk.jpg

Далее нужно перейти на тайм-лайн и анмировать текст с помощью эффекта Character Offset:

4hk.jpg

Для этого нам нужно отмотать композицию на самое начало и поставить ключ на параметре Character Offset. Затем отмотать композицию на 3 секунды вперёд и поставить там вместо "0" значение "1". В итоге у нас будет два ключа: на одном значение текста - "0", а на другом - "1". Затем нам нужно эти два ключа скопировать и несколько раз вставить их на композицию(Ctrl-C - Ctrl-V). После каждой вставки ключи нужно передвигать, чтобы они не заползали друг на друга и не получалась каша. Далее вы можете уже копировать не по два ключа, а по 4, 8, 16 и так далее. В итоге на протяжении всей композиции у нас каждые три секунды цифры 0 и 1 должны сменять друг-друга.

6hk_0.jpg

Когда вы достигнете нужного результата, нам нужно прекомпозить наш слой с текстом (Layer > Pre-compose). Прекомпоженный слой нужно скопировать и вставить на композицию Comp1 (ту, которую мы создали в самом начале). Также нам нужно отключить видимость у этого слоя. Помимо этого, на композицию Comp1 нам нужно добавить камеру (Layer > New > Camera).

На Comp1 у нас должно быть три слоя:

1. Слой с камерой;
2. Слой, к которому применён эффект CC Particle World;
3. Слой размерами 50x50, в котором 1 и 0 сменяют друг-друга.

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

7hk.jpg

Далее нам необходимо вновь вернуться к эффекту CC Particle World, который мы уже частично настроили в начале урока. Нам нужно в параметрах этого эффекта открыть вкладку Particle. Далее нужно в параметре Particle Type выбрать Textured QuadPolygon. Чуть ниже будет вкладка Texture: её нам нужно открыть и в параметре Texture Layer выбрать тот слой, на котором 1 и 0 сменяют друг друга. В итоге мы будет наблюдать цифры вместо обычных частиц. Чтобы они все были повёрнуты в одном направлении, нам нужно в параметре Rotation Axis выбрать Y Axis. Также в параметре Rotation Speed нам нужно поставить значение 0.

Все вышеперечисленные параметры отмечены на скриншоте:

8hk.jpg

Если вы всё сделали правильно, то должны видеть примерно это:

9hk.jpg

Далее в этом же эффекте CC Particle World переходим во вкладку Producer и в параметрах Radius X, Radius Y и Radius Z ставим "0,140". Круг наших частиц заметно сузится. Далее перематываем нашу композицию на седьмую секунду и на каждом из этих трёх параметров ставим ключ. Затем перематываем композицию на восьмую секунду и ставим к каждом из этих трёх параметров значение 1. В итоге наш круг частиц будет постепенно разрастаться.

Теперь нам нужно сделать полёт камеры по этим цифрам-частицам. Чтобы управлять камерой, нам нужно нажать на эту кнопку:

10hk.jpg

С зажатой левой кнопкой мыши камеру можно вертеть, с зажатой правой кнопкой - приближать и отдалять, а с зажатой средней кнопкой мыши (зажатым колёсиком) - перемещать камеру в пространстве. В параметрах камеры на таймлайне нужно найти Position и Point of Inerest и поставить на них ключ. А дальше нужно при помощи несложных махинаций задать камере нужный путь движения. Стоит отметить, что примерно на 18 секунде камера должна уже вылетать из частиц.

Теперь нам нужно выделить все три слоя с композиции Comp1 и прекомпозить их.

Далее создаём новую композицию "Comp3" в том-же разрешении и той-же продолжительности, что и Comp1. На эту композицию мы скидываем прекомпоженный слой из Comp1, а также добавляем какой-нибудь круглый логотип (в моём случае это лого сайта) и какую-нибудь видеозапись (моём случае - видео с морским пейзажем). Располагаться на таймлайне они должны в таком порядке:

1. Логотип;
2. Прекомпоженный слой с частицами;
3. Видеозапись.

Примерно на шестой секунде нам нужно с помощью уменьшения прозрачности у первого слоя (параметр Opacity на таймлайне) сделать переход между ним и слоем с частицами. Далее на 18 секунде с помощью уменьшения прозрачности второго слоя нам нужно сделать такой-же переход между вторым и третьим слоем. Теперь все эти три слоя нам нужно прекомпозить и добавить к полученному слою эффект Generate > Light Burst. Этот эффект создаёт весьма неплохое размытие, которое можно использовать для того, чтобы сделать переходы более зрелищными. С помощью параметра Ray Length мы настраиваем длину размытия, а с помощью Intensity - яркость.

Когда переходы буду готовы, нам нужно создать новую композицию "Comp4", опять-таки, с такими-же разрешением и продолжительностью, что и у Comp1 и Comp3. На эту композицию нам нужно добавить тот прекомпоженный слой, к которому мы только что применили эффект Light Burst.

Также на композицию Comp4 мы скидываем два наших исходника: фотографии смартфона и компьютера. Расположить их нужно в такой последовательности:

1. Фотография смартфона;
2. Прекомпоженный слой;
3. Фотография компьютера.

Ко второму слою нам нужно применить эффект Distort > CC Power Pin. При помощи этого эффекта нам нужно уменшить и исказить наш слой таким образом, чтобы он находился на месте экрана смартфона:

11hk.jpg

Делается это при помощи этих параметров:

12hk.jpg

На каждом из этих параметров нам также нужно поставить ключи примерно на шестой секунде.

С шестой по седьмую секунды, когда логотип начнёт переходить в частицы из цифр, нам нужно постепенно снизить прозрачность фотографии смартфона до 0. Также нам нужно перетянуть точки из эффекта CC Power Pin на края композиции. На 18 секунде, когда частицы-цифры начнут переходить в видеофутаж, нам нужно поставить ключи на параметрах из эффекта CC Power Pin. Далее нужно отмотать композицию на 20 секунду, и разместить точки из этого эффекта таким образом, чтобы видеофутаж находился на месте экрана компьютера.

Теперь нам нужно отмотать композицию на 21 секунду и поставить ключ на параметр Opacity футажа с фотографией компьютера. Затем нужно отмотать композицию на 19 секунду и поставить в этом же параметре значение "0".

После всех этих махинаций мы получим примерно такое-же интро, как и на превью.

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

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

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

Титры с автоповоротом букв в Adobe After Effects

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

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