Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-21

1 <a>#подборки</a>

2 <ul><li>3 май 2024</li>

3 <li>0</li>

4 </ul>Мы протестировали возможности ИИ для создания анимаций в Adobe After Effects.

5 Иллюстрация: Полина Честнова для Skillbox Media

6 Пишет, следит за красотой ситуации.

7 After Effects - один из известных видеоредакторов, который, несмотря на всю сложность в освоении, предпочитает множество профессионалов. Однако пакет After Effects эффективен не только при создании анимации. Есть много классных плагинов, которые делают программу практически универсальной.

8 Кадр:<a>Afolabi Akinwunmi</a>/<a>Vimeo</a>Например, Adobe After Effects используют в полиграфии и дизайне (в том числе и для редактирования статичных объектов).

9 С инструментами Adobe After Effects работают режиссёры анимации, дизайнеры, дизайнеры интерфейсов, типографы. Оптимизировать же этот сложный инструмент способна нейросеть - и об этом наш материал.

10 Выражения (Expressions) в Adobe After Effects - функция, которая позволяет создавать сложные анимации, динамически управлять свойствами и автоматизировать рутинные задачи. Выражения представляют собой фрагменты кода, написанные на языке программирования JavaScript, и эти фрагменты можно применять к различным свойствам в After Effects. И получать, соответственно, разные интересные эффекты в анимации.

11 Изображение:<a>Sudhamshu Ds</a>/<a>Behance</a>Выражения могут связывать значение одного свойства с другим, создавая динамические взаимоотношения между разными элементами в вашей композиции.

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

13 Выражения позволяют выполнять математические вычисления и применять логические операции для изменения значений.

14 Вы можете использовать выражения для создания динамических анимаций на основе времени, создания осцилляций или тряски, применения сложных движений и многого другого.

15 Выражения поддерживают использование переменных, которые позволяют сохранять и повторно применять значения.

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

17 Выражения могут получать доступ к различным параметрам слоёв, масок, эффектов и даже самой композиции.

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

19 Выражения в After Effects используют синтаксис, основанный на языке программирования JavaScript. Хотя знания JavaScript могут быть полезны, изучить и лучше понять выражения в After Effects можно по гайдлайнам и любым доступным инструкциям, не владея языком программирования.

20 Для работы со всеми выражениями, описанными выше, подходит ChatGPT, потому что весь функционал можно использовать с помощью JavaScript.

21 Именно для выражений мы и используем нейросеть - она отлично пишет код. А про промпты и прочие особенности работы с редактором мы поговорили с режиссёром анимации Данилом Лавриковым.

22 - Самое классное - вы можете напрямую задавать вопросы чату о синтаксисе выражений, использовании различных функций и методов, а также получать понятные объяснения о том, как использовать выражения для достижения конкретных эффектов и анимаций.

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

24 Изображение: Louis Dazy /<a>Behance</a>Механика работы с нейросетью и Adobe After Effects довольно проста: открыть чат GPT и написать запрос, открыть After Effects и создать слой, вставить результат из чата, всё. Со скриптами для Adobe After Effects ИИ справляется отлично. В случае неудачи чат поможет исправить ошибки в коде. Для этого нужно скопировать скрипт + ошибку, которую вам выдаст Adobe After Effects.

25 Expressions применяются к параметрам слоёв или свойствам:

26 <ul><li>Выберите параметр, щёлкнув правой кнопкой мыши на таймер в слое.</li>

27 <li>Затем выберите "Выражение" из контекстного меню.</li>

28 <li>После этого откроется панель, куда вы вставите уже готовое выражение или напишете своё, используя язык JavaScript и математические операторы, функции и переменные.</li>

29 </ul>В выражениях вы можете использовать значения других параметров, используя их имена и точечную нотацию. Например, чтобы получить значение позиции слоя, вы можете использовать выражение thisLayer.position.

30 <ul><li>Выражения также могут быть связаны с временем или временной шкалой проекта. Например, чтобы создать анимацию, основанную на времени, вы можете использовать выражение time * 2 для удвоения скорости анимации.</li>

31 <li>В выражениях вы можете использовать математические функции, условные операторы, циклы и многое другое. Например, Math.sin (time) создаст колеблющуюся анимацию на основе синусоиды.</li>

32 <li>After Effects также предоставляет много предопределённых выражений, которые можно использовать для создания различных эффектов. Например, предопределённое выражение wiggle (5, 10) создаст случайное движение со смещением до 5 пикселей и частотой 10 раз в секунду.</li>

33 <li>Выражения могут быть применены к множеству параметров, таких как позиция, масштаб, вращение, прозрачность и так далее. Вы также можете создавать собственные пользовательские выражения для управления параметрами.</li>

34 <li>Если у вас возникли проблемы с выражениями, After Effects предоставляет консоль для отладки, где вы можете проверить ошибки и значения переменных.</li>

35 </ul>Это лишь базовое введение в применение выражений в After Effects. Существует множество ресурсов, включая документацию Adobe и сообщества пользователей, где можно найти более подробные руководства, примеры и советы по использованию выражений для создания сложных и интересных эффектов в After Effects.

36 Изображение: Skillbox MediaПромпт: "Масштабируем текст в зависимости от длины строки"

37 var maxLength = 100; // Максимальная длина строки для нормального отображения

38 var textLayer = thisComp.layer ("Название вашего текстового слоя");

39 var text = textLayer.text.sourceText;

40 var textLength = text.length;

41 var scaleFactor = linear(textLength, 0, maxLength, 100, 50); // Изменение масштаба в диапазоне от 100% до 50%

42 scaleFactor

43 Промпт: "Создаём эффект тряски камеры"

44 var magnitude = 10; // Измените значение по вашему усмотрению

45 var speed = 2; // Измените значение по вашему усмотрению

46 var seedRandomValue = randomSeed;

47 randomSeed(1); // Зафиксируем случайное значение, чтобы тряска оставалась постоянной

48 var shakeX = wiggle(speed, magnitude, 1, 0.5, time);

49 var shakeY = wiggle(speed, magnitude, 1, 0.5, time + 100); // Используем сдвиг по времени для создания разных значений на осях X и Y

50 [random(seedRandomValue, shakeX[0]), random (seedRandomValue, shakeY[1])]

51 Промпт: "Создаём пульсацию цвета"

52 var pulseFrequency = 2; // Частота пульсации

53 var pulseAmplitude = 50; // Амплитуда пульсации

54 var timeRemapped = time * pulseFrequency; // Масштабируем время для контроля частоты

55 var color = Math.sin(timeRemapped) * pulseAmplitude; // Используем синусоиду для создания пульсации

56 [value[0] + color, value[1], value[2]] // Применяем пульсацию к компоненте красного цвета

57 Другие материалы о нейросетях

58 <a>Попробуйте бесплатно 4 топовые профессии в дизайнеПройдите бесплатный курс по дизайну. Добавьте 4 крутых кейса в портфолио и решите, в каком направлении развиваться дальше. Пройти курс→</a>