Как создать треугольник Пенроуза в After Effects

Треугольник Пенроуза - это невозможный, но очень крутой объект. Если вы хотите включить эту оптическую иллюзию в свои проекты, вы можете создать ее в After Effects. Для этого вам понадобится немного творчества. Давайте рассмотрим, как создать треугольник Пенроуза в After Effects.

Узнайте, как сделать треугольник Пенроуза

Шаг 1: Создайте стороны треугольника

Шаг 2: Добавьте нулевой объект

Шаг 3: Исправьте искривление перспективы

Шаг 4: Раскрасьте фигуру

Шаг 5: Анимируем куб

Шаг 6: Создание треугольника с помощью масок

Шаг 7: Предварительный рендеринг анимации

Шаг 8: Доработка анимации

Узнайте, как сделать треугольник Пенроуза

Шаг 1: Создание сторон треугольника

Первым шагом будет создание куба, который станет основой всей анимации.

1.Создайте новую композицию (1920×1080, 29,97 кадров в секунду, длительность 600 кадров) и назовите ее "Треугольник Пенроуза".

2.Перейдите в меню Layer > New > Shape Layer и, используя кнопку добавления, добавьте Прямоугольник и Заливку.

3.В настройках контура прямоугольника измените размер на 450. Вы можете изменить заливку на любую другую.

4.Переименуйте слой в "Сторона 1" и сделайте его 3D-слоем.

5.Продублируйте "Сторону 1" дважды, чтобы у вас было еще два слоя с фигурами ("Сторона 2" и "Сторона 3").

6.Измените заливку на двух новых сторонах, чтобы они отличались друг от друга.

7.На стороне 2 с помощью инструмента "Точка привязки" (Y) переместите точку привязки в верхнюю часть слоя. Удерживая CMD на Mac, привяжите ее к краям.

8.Измените Ориентацию по X на 90 градусов.

9.На стороне 3 с помощью инструмента "Точка привязки" (Y) переместите точку привязки в правую часть слоя. Измените ориентацию по Y на 90 градусов.

Шаг 2: Добавьте нулевой объект

1.Перейдите в меню Слой > Новый > Нулевой объект. Назовите нулевой объект "Control" и сделайте его 3D. Измените Z Position нулевого объекта Control на 225 (половина от 450), чтобы он находился в центре куба.

2.Привяжите все 3 стороны к нулю Control.

3.На Control null измените Y Orientation на 55 градусов, а Z Orientation на 45 градусов.

Шаг 3: Исправьте искривление перспективы

Теперь вы можете увидеть куб! Куб немного искажает перспективу, поэтому для борьбы с этим давайте создадим новую камеру с сильным зумом.

1.Перейдите в меню Слой > Новый > Камера.

2.В настройках камеры измените тип на One-Node Camera и фокусное расстояние на 1000 мм. Это устранит искривление перспективы.

3.Не выделяя слоев, инструментом "Перо" нарисуйте линию, повторяющую грани куба (в итоге это будут два отдельных контура).

Шаг 4: Раскрасьте фигуру

1.Назовите слой с новой фигурой "Линии" и в содержимом фигуры удалите Заливку.

2.В настройках обводки установите ширину 25 и измените цвет на любой другой.

3.Включите кнопку "Сохранить прозрачность подложки" на слое с фигурой "Линии". В результате линии будут видны только в слоях под ним. Теперь куб готов.

Шаг 5: Анимация куба

1.Выделите все слои и перейдите в меню Layer > Precompose. Назовите новый компонент "Куб" и нажмите OK.

2.Поднимите Масштаб куба и измените его на 40%.

3.Поднимите Position of the Cube comp и установите ключевой кадр в кадре 0 для 960, 290.

4.В кадре 100 измените Position на 1255, 800.

5.В кадре 200 измените Position на 665, 800.

6,В кадре 300 верните положение на 960, 290.

7.Выделите все ключевые кадры, щелкните на одном из них правой кнопкой мыши и перейдите в раздел Интерполяция ключевых кадров. В разделе Пространственная интерполяция выберите Линейная. Это заставит куб двигаться по прямой треугольной траектории.

8.Выберите композицию "Куб" и перейдите в меню Слой > Составить композицию.

9.Назовите новый компонент "Cube Animation" и убедитесь, что выбрана опция "Move all attributes...".

10.Выбрав композицию "Анимация куба", перейдите в меню "Эффект" > "Время" > "Эхо".

11.В настройках "Эхо" измените число эхо на 300, а оператор эхо - на "Композиция спереди". Это позволит получить "экструзию" куба.

Здесь вы столкнетесь с проблемой работы с невозможным объектом. Мы хотим, чтобы конец анимации заходил за начало, но с эхом это не так. Чтобы обойти эту проблему, вам придется проявить немного изобретательности.

Шаг 6: Создание треугольника с помощью масок

1.Дублируйте анимационную композицию "Куб".

2.Переименуйте дубликат в "Front". Щелкните на нем правой кнопкой мыши и перейдите в меню Time > Enable Time Remapping. На кадре 75 установите ключевой кадр на свойство Time Remap. Затем перейдите к ключевому кадру в конце временной шкалы для Time Remap и удалите его. Это остановит анимацию дубликата на кадре 75.

3.С помощью инструмента "Перо" нарисуйте маску на слое Front так, чтобы она только прикрывала место окончания анимации. Теперь у нас есть полностью анимированный треугольник Пенроуза!

Шаг 7: Предварительный рендеринг анимации

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

1.Перейдите в меню Composition > Add to Render Queue (Композиция > Добавить в очередь рендеринга).

2.В очереди щелкните на модуле вывода (Lossless, если вы не изменили значение по умолчанию). В настройках модуля вывода в разделе Post-Render Action выберите Import. В разделе Каналы выберите RGB + Alpha, а затем нажмите OK.

3.Щелкните на синем типе рядом с Output To и выберите место сохранения файла.

Когда все это будет сделано, нажмите Render и расслабьтесь на мгновение. Без предварительного рендеринга анимации вы можете получить странные подергивания на некоторых углах. Предварительный рендеринг - лучшее решение, чтобы обойти это, а дополнительным бонусом является то, что работать с предварительным рендером гораздо быстрее.

Шаг 8: Доработка анимации

1.После завершения рендеринга он должен быть импортирован прямо в ваш проект. Перетащите файл MOV на кнопку "Новая композиция", чтобы создать новую композицию на основе этого файла.

2.Добавьте сплошной слой (Layer > New > Solid) того же цвета, что и краевые линии, в качестве фона и перетащите его под MOV-файл.

3.Щелкните MOV правой кнопкой мыши и перейдите в меню Time > Enable Time Remapping. Переместите головку воспроизведения на кадр 300. Это центр анимации. Переместите головку воспроизведения назад во времени, пока не дойдете до кадра, где треугольник становится полностью соединенным, и установите ключевой кадр Time Remap.

4.Теперь сделайте то же самое, когда треугольник станет разъединенным после средней точки. Теперь у вас должно быть четыре ключевых кадра с временной перестройкой.

5.Выделите их все и примените Easy Ease. Когда все ключевые кадры все еще выделены, удерживая клавишу (ALT), щелкните на последнем ключевом кадре и перетащите его на кадр 200.

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

Вот и все! Здесь довольно много шагов, но это связано с созданием физически невозможного объекта - чтобы создать треугольник Пенроуза в After Effects , придется прибегнуть к нескольким обходным путям. В конце процесса у вас должен получиться стильный, плавно анимированный треугольник Пенроуза, который вы сможете использовать в любых своих проектах.