Как сделать градиент в after effects
Обновлено: 07.07.2024
Узнайте о многих интересных и эффективных способах работы со слоями сплошного цвета в After Effects.
Если вы опытный редактор или дизайнер, по-прежнему неохотно относитесь к After Effects, я призываю вас, наконец, попробовать. Видеоредакторы могут чувствовать себя совершенно комфортно, работая полностью внутри предпочитаемой ими нелинейной системы обучения, а дизайнеры могут быть обеспокоены технической стороной видео, и это вполне понятно. Однако After Effects предоставляет множество мощных инструментов, явно более продвинутых, чем в Premiere Pro и Photoshop.
Что такое сплошной цветной слой?
Слой сплошного цвета внутри After Effects.
Хотя твердые тела являются более старым типом слоев в After Effects, они сохраняют свою актуальность благодаря своей простоте. Например, сплошной слой может достичь тех же результатов, что и слой формы, но если все, что вам нужно, это простая прямоугольная форма, сплошной слой будет намного легче с точки зрения обработки и памяти. Кроме того, многие мощные эффекты и плагины разработаны специально для применения к твердотельным слоям, например, Element 3D. Именно благодаря этой простой, но надежной функции слои сплошного цвета являются основой работы в After Effects.
Как создать сплошной слой в After Effects?
Создать сплошной цветовой слой просто. Перейти к Слой раскрывающееся меню и под Новый Выбрать Твердый… или просто используйте ключевую команду (Command + Y на Mac, Ctrl + Y на ПК).
Чтобы создать новый слой сплошного цвета, вы можете перейти в меню «Слой» и в разделе «Новый» выбрать «Сплошной…»
Внутри Твердые настройки панели, вы можете настроить размеры, соотношение сторон и цвет вашего нового сплошного цветного слоя. Если вы хотите, чтобы размеры вашего твердого тела соответствовали размерам вашей композиции, просто нажмите Сделать размер компа. Если позже вам нужно будет настроить размеры или цвет твердого тела, используйте ключевую команду Shift + Command + Y на Mac и Shift + Control + Y на ПК.
Я создал сплошной цветовой слой. Как мне это использовать?
После того, как вы создали сплошной цветовой слой, его можно использовать разными способами. Здесь я рассмотрю некоторые из наиболее распространенных приложений для этого важного типа слоя.
Сплошной фон вашей композиции предназначен исключительно для работы в After Effects и эффективно представляет прозрачность.
Возможно, наиболее важным применением сплошного цветного слоя является создание фона для вашей композиции. Конечно, вы можете установить цвет фона в настройках композиции, но эта функция предназначена исключительно для работы внутри After Effects. Это означает, что сплошной фон вашей композиции нужен только для того, чтобы показать вам прозрачность. Фактически, вы можете отключить этот цветной фон, чтобы показать сетку прозрачности, которую мы узнали, работая в Photoshop или Illustrator.
Фактически, вы можете переключить эту кнопку, чтобы открыть сетку прозрачности.
Эта 3D-сцена имеет 3D-сплошной цветовой слой в качестве фона.
Искусственный 3D
Хотя сплошной цветовой слой является двухмерным объектом, вы можете превратить его в трехмерный слой внутри своей композиции. Фактически, то же самое верно для любого 2D-объекта, такого как изображение или видео. Чтобы превратить 2D-слой в 3D-слой, просто переключите поле под маленьким значком куба на шкале времени или щелкните слой правой кнопкой мыши и выберите 3D слой.
Чтобы превратить 2D-слой в 3D-слой, переключите поле под маленьким значком куба на шкале времени.
Хотя технически это все еще является двухмерным объектом, преобразование твердых тел, изображений и видео в трехмерные слои позволяет вашим плоским изображениям плавать в трехмерном пространстве. Этот плоский объект не будет иметь бокового профиля, но будет иметь переднюю и заднюю грани, которые существуют в виде своего рода параллакса.
2D-объекты могут плавать в 3D-пространстве при переключении на 3D-слои.
Вы можете использовать эту функцию для создания простых сред для 3D-сцены или даже для создания грубых, но эффективных трехмерных форм в крайнем случае.
Эффекты
Многие эффекты предназначены для изменения и настройки изображения или видео, которые вы импортировали в After Effects. Однако некоторые эффекты создаются специально для создания новых изображений и визуализации смоделированных объектов, а не просто для манипулирования изображением. Чтобы использовать такой эффект, вам понадобится слой, на котором его можно разместить. Вот где на помощь приходят твердые тела.
Щелкните правой кнопкой мыши слой Solid Color Layer, чтобы применить эффект.
Чтобы добавить эффект к сплошному цветному слою, вы можете щелкнуть слой правой кнопкой мыши и перейти к Эффект или выделите слой в своей композиции и перейдите в Меню эффектов вверху экрана.
Здесь я применил эффект градиентного наклона к твердому телу. Я могу настроить параметры этого эффекта либо на панели управления эффектами, либо на моей шкале времени.
Вы можете настроить параметры эффекта на панели управления эффектами или на шкале времени.
Маски
Создавайте векторные фигуры прямо на сплошных цветных слоях с помощью инструмента «Перо».
Фактически, вы можете вставлять векторные контуры из Illustrator прямо в After Effects. Открыв проекты After Effects и Illustrator, перейдите в Illustrator, выберите векторную фигуру, которую вы хотите перенести, и скопируйте ее (Mac: Command + C, ПК: Ctrl + C). Затем перейдите в After Effects, выберите слой сплошного цвета, с которым хотите работать, и просто вставьте (Mac: Command + V, ПК: Ctrl + V).
Векторная графика, вставленная на слой в After Effects, становится несколькими редактируемыми контурами маски.
Конечно, вы можете вставить векторные контуры на контур слоя формы, но процесс может быть немного сложнее. Для более сложной векторной графики лучше всего использовать твердые тела, так как они занимают меньше места в вашей памяти и на них гораздо проще наклеивать маски.
Вставляя векторные фигуры непосредственно в After Effects, вы эффективно сохраняете все векторные изображения, содержащиеся в вашем проекте After Effects. Вы также можете анимировать маску, задав ключевые кадры пути маски на временной шкале, что обеспечивает гораздо большую гибкость, чем просто импорт векторной графики в ваш проект.
Вы можете анимировать контур маски в After Effects. Просто отредактируйте путь и установите ключевые кадры на временной шкале.
Трек матовый
Подложку дорожки можно использовать для отображения слоя точно такой же формы, что и слой над ним.
Чтобы использовать сплошной слой в качестве подложки дорожки, вам нужно переключить настройку подложки дорожки для слоя, который вы хотите показать. Для этого вы должны сначала поместить этот слой непосредственно под слоем, который служит вашей подложкой дорожки на временной шкале. Затем найдите столбец на временной шкале, отмеченный TrkMat и следуйте по нему до раскрывающегося списка для слоя, который вы хотите показать.
В столбце «TrkMat» вы можете применить подложку дорожки к слою.
У вас будет четыре варианта на выбор: Alpha, Alpha Inverted, Luma и Luma Inverted. Alpha раскроет ваше изображение в форме матового покрытия.
Альфа-подложка откроет слой в форме замаскированного твердого тела.
Alpha Inverted даст вам инверсию, раскрывая все, что находится за пределами формы матового покрытия.
Между тем, альфа-инвертированная матовая поверхность обеспечивает обратное.
Luma и Luma Inverted работают немного по-разному. Если вы знакомы с Photoshop, они работают как маска слоя, отображая изображение в градациях серого.
Luma Matte покажет слой по шкале серого.
Например, если вы добавили эффект градиента градиента к слою подложки дорожки, применение подложки дорожки яркости к изображению покажет большую часть изображения под более светлыми частями градиента и постепенно скроет изображение по мере того, как градиент станет темнее. . Luma Inverted, естественно, добьется обратного.
Вот Luma Matte, примененная под замаскированным Solid с градиентом.
Этот метод отлично подходит для создания плавных переходов с вытеснением или использования более визуально сложных матовых слоев.
Понять твердое тело, чтобы раскрыть его потенциал
Узнайте больше обо всем, что касается After Effects, с помощью этого полезного контента:
и в панели Composition напишите текст, который желаете сделать объёмным.
Шаг 2.
При помощи открывшейся панели Character отредактируйте текст. Выберите шрифт, выберите цвет заливки и обязательно добавьте обводку.
Шаг 3.
Преобразуйте наш текстовый слой из 2D в 3D. Для этого кликните в чекбоксе 3D Layer.
Шаг 4.
Теперь давайте добавим небольшое выражение нашему текстовому слою. Для этого выделите слой с текстом и нажмите клавишу «P» (P — английская, первая буква слова Position). Под слоем с тестом появится параметр Position (Позиция). Напротив него Вы увидите три значения: первое обозначает позицию по оси X, второе по оси Y и третье по оси Z.
Зажмите клавишу Alt и кликните мышью по кнопке с изображением секундомера. Таким образом Вы добавите параметру выражение.
Теперь следует изменить это выражение. Здесь будьте очень внимательны. Кликните по тексту выражения, оно выделится:
Нажмите на кнопку с изображением спирали (expression pick whip). Удерживая кнопку мыши переместите спираль на значение по оси X свойства Position.
В строке выражения у Вас появится следующая надпись:
Поставьте запятую. Снова воспользуйтесь спиралью, но теперь переместите её на значение по оси Y параметра Position.
Теперь нам осталось лишь дописать фразу: index-1
и закрыть квадратную скобку.
Кликните в пустом месте панели Timeline, чтобы активизировать выражение. Если у Вас что-либо не получилось, просто впишите текст в поле выражения с картинки выше.
Итак, что нам даёт это выражение? В принципе, мы просто сообщили программе как нужно располагать текстовый слой в пространстве. В квадратных скобках мы написали откуда брать координаты. Координаты по X и Y будут взяты из текущего значения параметра Position, а координата по оси Z будет получатся следующим образом: index-1 (номер данного слоя минус 1). Т. е. координата Z у первого слоя будет равна 0, а у второго 2–1=1.
Шаг 5.
Теперь сверните слой с текстом. Выделите его и нажмите сочетание клавиш Ctrl+D. Ntv самым Вы создадите дубликат слоя. Продублируйте слой 19 раз. В итоге Вы получите 20 одинаковых слоёв, смещённых друг относительно друга на 1 пиксель по оси Z.
Шаг 6.
Создадим новый слой с камерой. Выполните команду Layer => New => Camera.
Перед Вами появится настройки новой камеры. Выберите 35mm пресет и нажмите ОК.
Шаг 6.
Камера создана. Теперь, перемещая камеру, мы можем просмотреть наш 3D текст в пространстве.
Кликните и удерживайте кнопку мыши на инструменте с изображением камеры, пока не появится выпадающее меню. В нём выберите инструмент Orbit Camera Tool.
Шаг 7.
При помощи данного инструмента просмотрите наш объёмный текст. Для этого кликните на панели Composition и, удерживая кнопку мыши, перемещайте мышь в разные стороны, тем самым Вы будете вращать камеру.
Получился довольно таки неплохой 3D текст. Давайте доработаем его.
Шаг 8.
Выделите самый верхний из текстовых слоёв.
Перейдите к панели Effects и Presets и найдите эффект Ramp (Градиент). Перенесите его на выделенный слой (самый верхний из текстовых слоёв).
Перейдите к панели Effect Controls и настройте данный эффект. Сначала определите начальный и конечный цвета, а уж потом при помощи кнопок с изображением целей настройте начальную и конечную точки градиента (делается это очень просто: нажимаете на кнопку с изображением цели, перемещаете курсор на панель Composition и указываете точку, в которой хотите установить начало/конец градиента).
Шаг 9.
Снова вернитесь к панели Effects и Presets. Найдите эффект Bevel Alpha и примените его всё к тому же слою.
Здесь не так много настроек. Так что попробуйте самостоятельно поработать с ними и выбрать наилучший вариант.
Вот что у меня получилось.
Шаг 10.
В заключении нам осталось выделить все текстовые слои и нажать сочетание клавиш Ctrl+Shift+C (в появившемся окошке нажмите ОК). Этим мы преобразуем все текстовые слои в одну отдельную композицию. Новая композиция появится на панели Timeline вместо всех текстовых слоёв. Напротив новой композиции отметьте чекбокс Collapse Transformations.
Наш стильный 3D текст готов! На этом всё. Увидимся в следующих уроках, в которых мы продолжим обучение After Effects!
Если программа у вас уже установлена на русском - лучше переустановить на английскую версию, предварительно сменив язык After Effects в настройках Creative Cloud. Просто сменить язык недостаточно, часть программы останется на русском и это может запутать.
С чего начать изучение After Effects?
Всем начинающим рекомендуем этот урок. За 10 минут автор познакомит вас с интерфейсом, базовыми инструментами и доступным языком объяснит, как анимировать в After Effects.
Вы научитесь импортировать файлы, работать со слоями и эффектами, соберёте свою первую композицию и узнаете, как превратить её в готовый ролик.
Самый быстрый и понятный урок по After Effects для начинающих:
Для чего нужен After Effects?
В After Effects вы можете создавать анимированную графику, презентации или слайдшоу, накладывать спецэффекты на видео и многое другое.
Если вы знакомы с Photoshop или Illustrator - вы легко поймёте и логику Ae, тут те же слои, стили и эффекты, но в Ae вы приводите всё это в движение.
After Effects особенно удобен для моушн-дизайна. Взгляните, какие эффектные ролики моушн-дизайнеры создают с его помощью:
Важно понимать, что After Effects - это не программа для видеомонтажа, у неё другая логика. Вам будет неудобно нарезать снятое видео на клипы, склеивать их в другом порядке и накладывать звуковые эффекты.
Заинтересовались изучением After Effects? Ниже мы собрали ресурсы с интересными уроками After Effects для начинающих.
Уроки After Effects для начинающих
Как только вы освоили основные инструменты Ae, можете переходить к более интересным вещам.
На YouTube есть бесплатные видеокурсы After Effects на русском:
1. Фишки и лайфхаки After Effects
В этом мини-курсе автор познакомит вас с полезными фишками работы в After Effects, которые будут необходимы в работе. Курс состоит из 6 уроков по 10 минут, наполненных ценными знаниями:
Отличный курс для новичков, 40 уроков длительностью до 5 минут. Никакой воды, удобный формат, начнёте с изучения интерфейса и последовательно изучите все нужные инструменты:
Легендарная серия из 25 уроков по After Effects, с простой и увлекательной подачей.
Вместе с автором вы изучите After Effects с нуля. Освоите кучу полезных инструментов и техник анимации, соберёте несколько композиций и создадите эффектный ролик, идя от простого к сложному:
Уроки After Effects на английском
Обязательно загляните на популярные каналы по After Effects на английском языке. Ниже мы привели плейлисты известных авторов на YouTube.
Лучшие англоязычные уроки по After Effects самой разной сложности. Автор учит крутейшим техникам, к тому же обладает недурным чувством юмора и харизмой.
Многие начинали именно с Video Copilot, и даже мы. На любом этапе обучения - обязательно к ознакомлению, уроки очень увлекательные:
Крутой автор, живая подача, интересные техники. Научитесь создавать профессиональные титры, графику или переходы для ваших видео:
Если вас заинтересовал моушн-дизайн в Ae - зацените этот 2-часовой курс по его основам на примере стильной и несложной анимации текста:
Ещё один канал с кучей уроков по After Effects, автор разбирает много полезных фишек и даёт ответы на часто задаваемые вопросы новичков:
Читайте также: