Появление текста в after effects: Анимация текста в After Effects / Skillbox Media

Crt_input_label_help

Работа 18+

После добавления работы:

Автоматически перейти в портфолио
Остаться на текущей странице

Запланировать публикацию

{{pub_dates[pub_date]}}

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

Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адресе, помогающих нам сделать его удобнее для вас.

Анимация разлетающегося на частицы текста в After Effects без использования плагинов.

Содержание

быстрая навигация по статье

Посмотреть видео-урок

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

1. Создаём новый проект

Для начала создаём новый проект, для этого в верхнем меню выбираем «File» — «New» — «New project». Настройки я оставлю по умолчанию: размер композиции — FullHD, Frame Rate — 25 кадров в секунду, продолжительность — одна минута и цвет фона — чёрный.

2. Пишем текст для дальнейшей анимации

Первым делом пишем текст, на который будем накладывать эффект. Берём инструмент «Текст», устанавливаем нужный шрифт, цвет, размер и печатаем что-нибудь, ну допустим «After Effects».

Теперь нужно сделать дубликат этого слоя. Для этого выделяем слой с текстом, нажимаем комбинацию клавишь «Ctrl+C», то есть копируем его и нажимаем комбинацию «Ctrl+V» —
вставляем копию.

3. Накладываем эффект и настраиваем

Теперь на верхний слой наложим эффект «Parcticle Systems». Для этого открываем панель эффектов и пресетов и ищем в ней данный эффект. Берём его и перетаскиваем на наш верхний слой.

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

Но он выглядит не красиво, потому что ограничен прямоугольным полем. Для того, чтобы это исправить ищем в панели эффектов «Composite» и так же подключаем его к первому слою.

Он появился в параметрах эффекта и мы просто берём его мышкой и ставим поверх всех других эффектов, перетаскиваем вверх.

Получаем вот такой результат.

Теперь нужно настроить параметры эффекта «Parcticle Systems». Начнём с самого первого «Birth Rate» — это так называемый, уровень рождаемости частиц. По умолчанию его
значение — четыре и если попробовать изменить это значение, то можно увидеть, что изменяется плотность потока частиц. Чем больше значение мы выставим, тем плотнее будет
выглядеть эффект. В данном случае, нам нужен очень плотный поток и мы в ручную укажем значение «25».

Далее идет параметр «longevity» — это время жизни частиц. Если мы его убавим, то соответственно, время жизни частиц уменьшится и они будут пропадать не долетая до конца
экрана. Этот параметр мы выставим примерно на значение 0.5. Затем настраиваем радиус полёта частиц. По оси X выставим единицу, а по оси Y установим где-нибудь двадцать. В результате получается вот такой эффект.

4. Анимируем движение эффекта

Теперь, с помощью параметра «Position», мы сделаем перемещение эффекта частиц слева направо, так как у нас текст будет разлетаться на частици именно в таком направлении.
Устанавливаем на тайм-лайн ползунок на время с которого будет начинаться эффект распада текста, я поставлю на первую секунду и выкручиваем у параметра «position» положение по горизонтали на ноль.

Перемещаем ползунок немного вперёд, допустим эффект будет длиться до 6-й секунды и устанавливаем позицию на 1920, т.е. на всю ширину нашей сцены. Таким образом, у нас получается вот такой эффект.

Если нужно сделать его быстрее или медленнее, просто перемещайте точки дальше друг от друга или наоборот ближе.

Следующим шагом мы верхний слой сделаем источником альфа-наследования нижнего слоя. Говоря простыми словами, верхний слой с эффектом наложем на нижний слой с текстом. Для этого открываем параметр «Particle» и у значения «Sourse alpha inpherit» ставим галочку. Теперь, если проиграть результат, то можно наблюдаем эффект разлетающихся частиц, проходящий по тексту. Цвет частицам сразу зададим белый, так как текст у нас белый.

Сам эффект частиц можно тоже настроить по разному, задать ему разные формы. Сейчас вот у нас просто такие частицы, типа фейерверка. В настройках эффекта можно изменить их на что-нибудь другое, тут есть много вариантов можете сами поэксперементировать. Вот например, звёзды, пузыри и другие. Я же оставлю эффект по умолчанию «Line».

В параметрах «Physics» можно настроить сам процесс полёта частиц, т.е. их анимацию. Вот сейчас стоит значение «Explosive» т. е. взрыв. Можно выставить другой, например вот
«Twirl» и теперь частицы закручиваются.

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

Есть еще интересный параметр «Гравитация», с помощью него можно настроить силу притяжения частиц к нижней части экрана, т.е. к земле. Я выставлю этот параметр на -1, чтобы частицы наоборот взлетали при исчезновении, а не падали, как искры от сварки.

Кстати, по поводу цвета, я выставил оба значения белым, но тут можно делать интересные вещи. Первый цвет — это цвет частиц, при их зарождении, а второй при исчезании. Если, к примеру, первый цвет оставить белым, а второй выставить красным, то получится вот такой эффект.

С настройками эффекта мы закончили и теперь остаётся сделать так, чтобы текст исчезал по ходу движения частиц. Для этого в панели эффектов нужно найти эффект  «Linear Wipe» и наложить его на наш нижний слой с текстом.

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

Мы их просто удаляем и создаём заново с нужными параметрами. Для того, чтобы это было точно, удерживая «Shift» ведём ползунок к первой точке и он встаёт точно над ней. Теперь ставим первый ключ и настраиваем параметр на 0%.

Затем перемещаем ползунок ко второй точке, удерживая «Shift», ставим второй ключ и выставляем значение параметра на 100%.

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

5. Накладываем анимированный текст на видео

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

С настройками данного эффекта вы конечно можете ещё поэксперементировать, на своё усмотрение.

Поделиться:

Как использовать текст и фигуры

В After Effects есть два типа текста. Это точечный текст и текст абзаца. Точечный текст используется для одного слова или строки символов. Абзацный текст используется, когда вы хотите ввести более длинные фрагменты текста, которые являются или напоминают абзацы.

Текст можно добавлять в композиции с помощью текстовых слоев. Его можно напрямую добавить и отредактировать на панели «Композиция», а затем отформатировать с помощью нескольких инструментов, доступных на панелях «Инструменты», «Символ» и «Абзац».

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

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

Перейдите на панель инструментов, расположенную под строкой меню. Нажмите на инструмент «Горизонтальный текст». Мы обвели его ниже.

Теперь щелкните в любом месте панели «Композиция» и начните печатать. Мы напечатаем «Космическое пространство».

На снимке ниже вы можете увидеть текст, который мы ввели, щелкнув нашу композицию на панели «Композиция».

Вы также можете посмотреть на панель временной шкалы и новый добавленный текстовый слой.

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

Попрактикуйтесь в форматировании текста с помощью панели «Символ». Начните с нажатия на текстовый слой на панели «Таймлайн», чтобы выбрать его.

На картинке ниже мы изменили размер и тип шрифта. Затем мы изменили свойства слоя на панели «Таймлайн», чтобы переместить текстовый слой.

Создание текста абзаца

Чтобы создать текст абзаца, снова щелкните инструмент «Горизонтальный текст».

Далее перейдите на панель «Композиция». Перетащите мышь на панель, чтобы создать текстовое поле, как показано на рисунке ниже.

Щелкните внутри текстового поля, затем введите абзац или абзацы.

Теперь вы можете использовать панель «Символ» для форматирования текста. Мы собираемся изменить тип и размер шрифта.

Если хотите, вы также можете перетащить маркеры текстового поля, чтобы изменить его размер. Ручки расположены по всем четырем углам, а также со всех четырех сторон. Наведите указатель мыши на маркер, пока не увидите двустороннюю стрелку, затем перетащите, чтобы уменьшить, или перетащите, чтобы увеличить.

Используйте панель «Абзац» (показана ниже), чтобы отформатировать абзац. Как видите, мы выровняли наш абзац по центру.

Если вы хотите переместить текстовый слой, не забудьте перейти на панель «Таймлайн», выберите слой и щелкните треугольник. Однако вы также можете использовать линейки, направляющие и сетки для размещения текстового слоя.

Для этого выберите слой на панели «Таймлайн». Перейдите в Layer>Transform>Fit to Comp Width. Это отмасштабирует слой так, чтобы он имел ту же ширину, что и композиция.

Затем выберите Вид > Показать сетку. Затем перейдите в «Просмотр»> «Привязать к сетке».

Щелкните инструмент «Выделение» на панели инструментов. Это выглядит так: .

Перетащите текст в нужное место.

Чтобы скрыть сетку, выберите View>Show Grid.

Анимация текста с помощью предустановок анимации текста

Использование предустановки анимации — самый простой способ добавить анимацию в текст. Предустановка анимации просто должна быть применена к тексту. Это легко сделать.

Чтобы узнать, как анимировать текст с помощью предустановки текстовой анимации, мы перейдем на панель «Таймлайн» и выберем первый созданный нами текстовый слой. На этом слое написано «Космическое пространство».

Выбрав текстовый слой, нажмите кнопку «Домой» на клавиатуре, чтобы переместить указатель воспроизведения на панели «Таймлайн» обратно на 0:00.

Затем перейдите в «Анимация»> «Обзор пресетов».

Adobe Bridge откроется. Для этого у вас должен быть установлен Adobe Bridge.

Дважды щелкните папку Text, как показано ниже.

Затем вы увидите папки, которые представляют различные предустановки текстовой анимации.

Хотите узнать больше? Пройдите онлайн-курс по Adobe After Effects.

Мы собираемся выбрать Blurs.

Нажмите на размытие, чтобы просмотреть его. Мы выбрали Фогги.

Если вы посмотрите на панель предварительного просмотра справа, вы увидите анимацию.

Когда вы найдете размытие, которое хотите применить, щелкните правой кнопкой мыши миниатюру размытия, затем выберите «Поместить в After Effects CC» в контекстном меню.

Затем к слою применяется размытие.

Помните, что вы можете нажать пробел, чтобы просмотреть эффект.

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

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

Щелкните слово Смещение. Это выбирает оба ключевых кадра анимации. Ключевой кадр отмечает начало или конец анимации. Мы обвели ключевые кадры на нашей временной шкале ниже.

Теперь перейдите в «Анимация»> «Помощник по ключевым кадрам» и выберите, какие изменения вы хотите внести. Например, если вы выберете Time-Reverse Keyframes, порядок ключевых кадров изменится.

Масштабировать ключевые кадры

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

Вот как выглядел наш текст после использования Fit to Comp Width.

Выбрав слой, нажмите S. Откроется свойство Масштаб.

Переместите указатель воспроизведения на панели «Таймлайн» в то место, где вы хотите разместить ключевой кадр.

Теперь щелкните значок секундомера слева от шкалы, чтобы добавить ключевой кадр.

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

Перетащите желтые значения справа от шкалы, чтобы уменьшить их до 100%.

Чтобы просмотреть анимацию, нажмите «Домой», чтобы вернуться к началу. Затем нажмите пробел.

Конец анимации будет казаться резким при предварительном просмотре. Чтобы решить эту проблему, вы можете использовать Easy Ease.

Щелкните правой кнопкой мыши первый ключевой кадр «Масштаб» и выберите «Помощник по ключевым кадрам» > «Легкое замедление».

Затем щелкните второй ключевой кадр «Масштаб» и выберите «Помощник по ключевым кадрам» > «Легкое ускорение».

Использование родительских дочерних слоев для создания анимации

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

Используя наш пример из прошлой статьи, наш слой «Lorem» — это слой с примененной анимацией масштаба.

Теперь мы хотим применить ту же анимацию к «слою без названия». Это даст нам ощущение, что камера отдаляется.

Прежде чем мы начнем, нажмите клавишу «Домой», чтобы переместить указатель воспроизведения обратно на 0:00.

Затем выберите слой с именем Без названия. В столбце «Родительский» выберите слой с именем Lorem из раскрывающегося меню, как показано ниже.

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

Использование предустановок анимации пути

Ранее в этой статье мы использовали предустановки для создания эффекта анимации размытия. Теперь давайте анимируем текст вдоль траектории движения, используя предустановку.

При использовании набора настроек анимации пути в After Effects набор настроек содержит замещающий текст. Это означает, что при использовании предустановки анимации пути вам не нужно вводить или форматировать текст до тех пор, пока вы не примените анимацию.

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

Перейдите в меню «Анимация»> «Обзор пресетов».

Откроется Adobe Bridge.

Откройте папку «Текст», как мы делали ранее в этой статье, затем откройте папку «Пути».

Предустановки анимации пути показаны ниже.

Щелкните правой кнопкой мыши предустановку «Скрепка», затем выберите «Поместить в After Effects CC» в контекстном меню.

Анимация пути теперь появляется в нашей композиции.

Чтобы изменить текст, щелкните инструмент «Горизонтальный текст» на панели «Инструменты», затем щелкните текст-заполнитель на панели «Композиция». Введите текст, который вы хотите отобразить.

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

Нажмите на панели «Композиция», чтобы скрыть траекторию движения или желтую линию, показанную выше.

Добавление пути движения к нетекстовому слою

Мы также можем добавить путь движения к нетекстовому слою.

Для этого нажмите на текстовый слой с траекторией движения. Наша называется Добро пожаловать.

Нажмите M, чтобы отобразить свойство Путь маски.

Щелкните свойство «Путь маски», затем выберите «Правка» > «Копировать».

Теперь выберем слой с нашим космическим кораблем. Этот слой называется Untitled. Если вы следите за тем, как мы продвигаемся по статье в After Effects, выберите слой, для которого вы хотите добавить траекторию движения.

Нажмите P на клавиатуре, чтобы отобразить его свойства.

Нажмите «Положение» (как показано выше), затем выберите «Правка»> «Вставить».

Ключевые кадры положения из исходного слоя затем добавляются к целевому слою.

Теперь давайте зададим его ориентацию, выбрав Layer>Transform>Auto Orient.

Вы увидите диалоговое окно Auto Orient.

Выберите «Ориентировать вдоль пути», затем нажмите «ОК».

Создание размытия в движении

Размытие в движении — это анимация, которая размывает движущийся объект. Чтобы создать размытие в движении, перейдите на панель «Таймлайн».

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

Нажмите кнопку «Включить размытие в движении» (обведена ниже), чтобы увидеть размытие в движении, как оно происходит на панели «Композиция».

Использование пресетов отслеживания анимации текста

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

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

Затем перейдите в «Анимация»> «Обзор пресетов».

Откроется Adobe Bridge.

Откройте папку настроек текста, затем откройте папку отслеживания.

Выберите анимацию, затем щелкните ее правой кнопкой мыши и выберите «Поместить в After Effects CC» в контекстном меню.

Анимация непрозрачности текста

Вы можете использовать ключевые кадры для увеличения или уменьшения текста на экране.

Для этого выберите текстовый слой. Нажмите T на клавиатуре, чтобы просмотреть свойства непрозрачности слоя.

Переместите указатель воспроизведения в точку, где вы хотите добавить свой первый ключевой кадр. Отрегулируйте значение непрозрачности (выделено желтым цветом) для кадра, затем щелкните секундомер, чтобы добавить первый ключевой кадр. Секундомер появится слева от Непрозрачности, как показано ниже.

Мы собираемся установить значение непрозрачности на 100%.

Затем переместите точку воспроизведения в точку, где вы хотите поместить второй ключевой кадр. Установите значение непрозрачности. Мы собираемся установить наш на 50%.

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

Изучение предустановок

В этой статье мы научились применять предустановки для создания анимации, выбрав «Анимация» > «Обзор предустановок», а затем открыв папку «Текст».

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

——————————————————-

Слои формы

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

В этом разделе мы обсудим, как:

• Рисование базовых фигур

• Рисование пользовательских фигур

• Дублировать фигуру

• Поворот фигур

Рисование базовой фигуры

В After Effects доступно пять инструментов для создания фигур. Это инструменты «Прямоугольник», «Прямоугольник со скругленными углами», «Звезда», «Эллипс» и «Многоугольник». Нарисовав фигуру, вы можете форматировать ее, добавляя цвета обводки и заливки, а также линейные и радиальные градиенты. Кроме того, вы также можете применять предустановки анимации к фигурам так же, как мы делали это с текстом в предыдущем разделе.

Чтобы нарисовать прямоугольник, щелкните инструмент «Прямоугольник» на панели «Инструменты». Он обведен ниже.

Затем щелкните свою композицию на панели «Композиция».

Перетащите, чтобы нарисовать прямоугольник.

Наш прямоугольник красного цвета, как показано ниже.

Если вы посмотрите на панель временной шкалы, вы увидите, что был добавлен слой формы.

ПРИМЕЧАНИЕ.  Перед использованием инструмента «Прямоугольник» убедитесь, что все слои не выбраны. В противном случае After Effects нарисует маску для выбранного слоя вместо фигуры в новом слое формы.

Чтобы применить градиентную заливку к прямоугольнику, снова перейдите на панель «Инструменты». Щелкните слово ЗАПОЛНИТЬ.

Затем вы увидите диалоговое окно «Параметры заливки».

Выберите вариант градиента, затем нажмите OK. Вы также можете выбрать сплошной цвет, если хотите.

Мы выбрали радиальный градиент.

Затем щелкните цветное поле рядом со словом ЗАПОЛНИТЬ на панели инструментов.

Если вы выбрали радиальный градиент, вы увидите редактор градиента.

В зависимости от выбранного вами градиента вы также можете увидеть диалоговое окно «Цвет заливки фигуры».

Поскольку диалоговое окно «Цвет заливки формы» говорит само за себя и точно так же, как палитра цветов в других программах Adobe, давайте поговорим о диалоговом окне «Редактор градиентов».

Сначала установите цветовые упоры.

Начните с остановки белого цвета слева. Вы можете перетащить его, чтобы переместить.

Затем выберите цвет в палитре цветов.

Теперь сделайте то же самое для точки черного цвета справа.

Нажмите OK, когда закончите.

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

Рисование пользовательской фигуры

Вы можете изменить контур любой фигуры, чтобы изменить ее. Например, воспользуемся инструментом «Многоугольник». Он находится с помощью инструмента «Прямоугольник». Просто нажмите и удерживайте кнопку мыши над треугольником в нижнем углу инструмента «Прямоугольник».

Затем перетащите многоугольник на композицию.

Обратите внимание, что инструмент «Многоугольник» использует настройки последней нарисованной фигуры.

Далее перейдите на панель временной шкалы. Щелкните треугольник рядом с Shape Layer 1, затем сделайте то же самое для Contents под Shape Layer 1, Polystar 1 под Contents, затем Polystar Path 1, как выделено ниже.

Измените значения точек, поворота и радиуса.

Затем измените значение параметра «Внешняя округлость».

Посмотрите, как меняется ваша фигура на панели «Композиция».

Теперь вы можете добавить цвет заливки, а также цвет обводки.

Чтобы добавить цвет обводки, щелкните слово ОБЛИЦОВКА на панели инструментов.

В диалоговом окне «Параметры обводки» выберите, хотите ли вы, чтобы обводка была однотонной или градиентной.

Нажмите OK.

Вернитесь на панель инструментов. Укажите ширину обводки в пикселях.

Мы собираемся установить наше значение 5px.

Затем щелкните поле рядом с ОБЛИЦОВКОЙ на панели инструментов, чтобы выбрать цвет обводки.

Нажмите OK, когда закончите.

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

Формы сморщивания и раздувания

Функция сморщивания и раздувания After Effects позволяет изменять внешний вид фигур путем их сморщивания и раздувания.

На снимке ниже мы нарисовали форму звезды на нашей композиции.

Слой формы — это слой формы 1, как показано на временной шкале.

Под слоем формы 1 мы собираемся нажать кнопку рядом с «Добавить». Мы обвели его ниже.

Выберите «Сморщивание и раздувание» в меню.

Щелкните треугольник рядом с Pucker & Bloat, чтобы развернуть его.

Чтобы сморщить, уменьшите значение. Чтобы раздуть форму, увеличьте значение.

Повторяющиеся формы

Чтобы дублировать фигуру, выберите «Слой фигуры 1» на временной шкале.

Нажмите «Добавить», чтобы открыть меню, затем выберите «Повторитель».

Разверните повторитель 1 на временной шкале, щелкнув треугольник рядом с ним.

Введите количество копий (или количество повторяющихся фигур), которые вы хотите добавить. Мы выделили его для вас на картинке ниже.

Чтобы разделить эти фигуры и увидеть их все, разверните Преобразование под Повторителем 1 на временной шкале, как показано ниже.

Перейти к положению. Чтобы сдвинуть фигуры ближе друг к другу, используйте небольшое число для первого появившегося значения. Это ось Х. Чтобы раздвинуть их дальше друг от друга, используйте большее число.

Затем вы можете щелкнуть треугольник рядом с Transform под Shape Layer 1, чтобы переместить положение слоя для отображения всех фигур.

Нажав еще раз «Добавить», затем «Повторитель», мы добавили еще один ряд фигур для создания фона.

Вращающиеся фигуры

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

Перейти к панели временной шкалы.

Перейдите к Shape Layer 1> Contents> Polystar 1> Transform: Polystar 1. Мы выделили его ниже.

Нажмите клавишу «Домой», чтобы указатель воспроизведения переместился на 0:00.

Далее нажмите на секундомер слева от Rotation.

Добавляет ключевой кадр.

Теперь нажмите клавишу End на клавиатуре. Это переместит точку воспроизведения в конец временной шкалы.

Измените значение параметра «Вращение». Мы собираемся изменить наше значение на 5x, что означает, что фигура будет вращаться пять раз за 10 секунд.

Щелкните P, чтобы скрыть свойства слоя.

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

Если вы хотите, чтобы ваши фигуры больше сливались с фоном, вы можете изменить непрозрачность слоя Shape Layer 1.

Фигуры по-прежнему будут вращаться, но немного исчезнут с фона.

Применение мультяшного эффекта

After Effects позволяет делать снимки или видео и добавлять к ним мультяшный эффект.

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

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

Выберите Эффект>Стилизация>Мультфильм.

На приведенном ниже снимке показано, что происходит при добавлении мультипликационного эффекта.

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

Перейдите к Render, затем выберите Fill из меню.

Настройте значения радиуса детализации и порога детализации. Эти значения определяют, сколько деталей удаляется и как они сглаживаются.

Далее перейдите в область заполнения. Отрегулируйте значения Shading Steps и Shading Smoothness, чтобы добиться желаемого вида заливки. Эти значения будут определять, как уменьшается цвет, а также как отображаются градиенты.

Мы выделили эти области на панели управления эффектами ниже.

Теперь вернитесь в меню Render и выберите Edges.

Перейдите в область Edge на панели и отрегулируйте Threshold и Width, чтобы уменьшить количество черных линий, которые вы видите. Вы также можете настроить непрозрачность.

Вернитесь в меню Render еще раз и выберите Fills and Edges. Перейдите в раздел «Дополнительно» и щелкните треугольник, чтобы развернуть его. Вы можете настроить значения, чтобы сделать края более резкими или смягчить их.

Взгляните на мультяшный эффект, который мы создали ниже.

Волнистые фигуры

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

Для начала нарисуйте прямоугольник в композиции, затем выберите слой формы прямоугольника на временной шкале.

Нажмите стрелку вниз, чтобы развернуть свойства слоя, затем нажмите кнопку «Добавить».

Выберите в меню Wiggly Paths.

Затем нажмите треугольник рядом с параметром «Пути покачивания 1».    Отрегулируйте значения параметров «Размер» и «Детализация», чтобы получить желаемый вид.

Выберите «Сглаживание» в раскрывающемся меню «Точки», чтобы сгладить путь, затем определите, сколько «покачиваний» вы хотите в секунду, как показано ниже.

Ваш прямоугольник начинает выглядеть так:

Экспериментируя с размером и детализацией, нам легко удалось создать звуковую волну:

Основные текстовые анимации в After Effects

Приятно снова вас видеть , редактор! Это наш учебник по After Effects, и мы собираемся анимировать текст. Среди лучших способов создать хорошую текстовую анимацию — настройка свойств «Положение» и «Непрозрачность», работа со значениями «Распродажа» и «Размытие», использование «Отслеживания» для анимации текста, «Обводки» и «Маски» или некоторых простых, но удобных эффектов. Кроме того, мы проверим, как расширение Viewer может заставить его работать таким же образом. Давайте начнем!

Позиция

Первый способ оживить текст — изменить Положение и Непрозрачность. Эти два — основные свойства After Effects, которые дают вам возможность работать со своим слоем (то же самое с Масштабом и Поворотом). Перейдите в меню Transform и установите ключ в положение примерно на 1,5 секунды.

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

Следующим шагом является установка значения непрозрачности под клавишей Position. Оставьте значение непрозрачности на 100%, перейдите к началу и установите его на 0%. Повторите создание ключей EasyEase.

Установите непрозрачность

Затем выберите слой, перейдите в «Эффекты и пресеты» и найдите «Эффект заливки».

Установите ключ и выберите понравившийся цвет. После 1-й секунды можно вернуть белый цвет.

Клавиши EasyEase снова помогут вам сделать анимацию плавной.

Sink

Второй метод создается с использованием значений Scale и Blur. Перейдем в меню «Преобразование» и установим ключ на значение «Масштаб» примерно на 2,5 секунды. Вернитесь к началу и установите значение масштаба на 115%.

Установите значение Масштаба

Здесь клавиши EasyEase также сделают свою работу более плавной. Затем выберите слой, перейдите в «Эффекты и пресеты» и найдите эффект «Размытие по Гауссу». Он очень популярен среди редакторов и по очень веской причине — он помогает создавать мягкие изображения с устранением шума. Установите значение 15 в начале композиции текста. Через несколько кадров установите для него значение 0.

Отслеживание

В третьем способе мы будем использовать Отслеживание. Перейдите в меню «Символ» и установите значение 600 interleaved Distance. Далее — откройте слой с текстом, перейдите в Animate>Tracking.

Установить слежение

Поставить ключ на старт и на 2-ю секунду. В начале установите значение 65 и оставьте 0 в конце. Сделайте клавиши EasyEase для более плавной анимации.

Stroke

В четвертом способе мы будем использовать Stroke и Mask. Перейдите в меню «Символ» и выключите заливку, автоматически включится обводка.

Здесь мы можем настроить толщину штриха. Оставляем значение 3. Далее — выделяем слой и дублируем его. Для нижнего слоя отключите Обводку и включите заливку.

В меню «Преобразование» установите значение «Непрозрачность» на 20%. Выберите инструмент «Маска» и создайте прямоугольник вокруг текста.

Установите ключ на 1,5 секунды. Вернитесь к началу и переместите маску вниз. Используйте клавиши EasyEase для более плавной анимации. Затем добавьте больше растушевки. В первую секунду установим ключ на непрозрачность, а в конце установим на 100%.

Базовые эффекты

Следующий способ — использовать базовые эффекты, которые можно применить к тексту. Перейдите в меню «Эффекты и шаблоны»> «Стили анимации»> «Текст». Здесь вы можете выбрать эффекты, подходящие для вашего случая. Например, если мы выбираем «Анимировать в» и показываем вам 3 эффекта, которые нам нравятся. Первый — Медленное затухание, при котором текст выглядит плавно.

Второй — пишущая машинка.