Анимация обводки в after effects
Эффект Текст пути позволяет применять анимацию текста по контуру. Можно задать путь как прямую линию, как окружность любого диаметра или как кривую Безье. Также можно импортировать контур, созданный в другой программы (например, Adobe Photoshop или Adobe Illustrator). Эффект «Текст пути» поддерживает работу с неквадратными пикселями, корректируя и форму символов, и форму контура соответственно.
Этот эффект работает с цветом 8 бит на канал.
Примечание.
Если при использовании Adobe Type Manager (ATM) в крупном тексте заметна значительная пикселизация или рендеринг текста выполняется некорректно, следует увеличить значение «Размер кэша символов» в столбце элемента управления ATM.
При изменении формы контура Безье во времени обязательно нужно создать начальные ключевые кадры для всех четырех контрольных точек контура. При перемещении контрольной точки без ключевого кадра она не перемещается во времени. Возможно, проще будет применить анимацию к контуру путем изменения контура движения или отдельных контрольных точек на панели «Слой».
Примечание.
Дескрипторы отображаются на панели «Элементы управления эффектами» только в том случае, если эффект выбран на панели «Элементы управления эффектами» и анимация текста по маске или контуру не применяется.
Чтобы переместить контур Безье в композиции, не изменяя его форму, следует применить анимацию к слою, а не к контуру. Чтобы растянуть, сжать или настроить колебание одной из сторон контура Безье, сохранив другую его половину в том же положении, следует переместить пару «касательная-вершина» одновременно. Для этого необходимо создать ключевые кадры для обоих элементов, перетащив внешний круг соответствующей вершины.
Примечание.
При анимации контрольных точек контура Безье не следует путать форму контура Безье с пространственной интерполяцией ключевых кадров по Безье. Как и ключевые кадры для других элементов управления положением, ключевые кадры для вершины или касательной контура Безье можно задать как линейные или как элементы Безье. Настроить пространственную интерполяцию по умолчанию можно в разделе «Общие установки». После этого можно настроить пространственную интерполяцию для отдельных ключевых кадров, выбрав команду «Анимация» > «Интерполяция ключевого кадра».
Можно применить размытие в движении к движению, созданному с помощью эффекта «Текст пути». Размытие выполняется для каждого символа. Как и размытие в движении для слоев, размытие для символов лучше видно при быстром движении. Например, размытие отчетливо видимо при выборе отрицательных значений колебания, которые обеспечивают скачкообразное движение.
Элементы управления «Параметры пути»
Тип формы
Определяют форму пути. Необходимо выбрать эффект «Текст пути» на панели «Элементы управления эффектами», чтобы сделать контур видимым на панели «Композиция».
Кривая Безье
Формы вдоль кривой Безье, заданные четырьмя контрольными точками («Вершина 1/Центр окружности», «Касательная 1/Точка окружности», «Касательная 2» и «Вершина 2»). Символы, которые невозможно поместить на контур, сдвигаются в конец и размещаются на прямой линии.
Круг
Размещает текст по периметру круга, заданного двумя контрольными точками («Касательная 1/Точка окружности» и «Вершина 1/Центр окружности»). Если длина текста превышает длину окружности круга, текст перекрывает сам себя. Если выбран произвольный контур, и этот контур является замкнутым, это свойство располагает текст по контуру, а не замыкает его кольцом.
Повтор
Размещает текст по периметру круга, заданного двумя контрольными точками («Вершина 1/Точка круга» и «Касательная 1/Центр круга»). Если длина текста превышает длину окружности, текст отходит от точки «Касательная 1» по прямой. Также можно использовать элементы управления полями, чтобы поместить текст в круг или вынести его за пределы круга на прямой линии.
Линия
Располагает текст на прямой линии, заданной двумя контрольными точками («Вершина 1/Центр окружности» и «Вершина 2»). Как и в случае с контуром Безье, расстояние между двумя контрольными точками не влияет на интервал в тексте, если только для выравнивания не задано значение «Принудительно».
Контрольные точки
Задает точки на контуре.
Касательная 1/Точка окружности
Задает следующие точки: начальная касательная для кривой Безье, диаметр круга и начальная или конечная точка текста (в зависимости от заданного параметра выравнивания), а также диаметр петли и точка, где заканчивается текст.
Вершина 1/Центр окружности
Задает начальную вершину для кривой Безье, центр круга или петли и начальную или конечную точку для текста на линии (в зависимости от заданного типа выравнивания).
Касательная 2
Задает конечную касательную кривой Безье. Линия между точками «Касательная 2» и «Вершина 2» задает уклон кривой в ее конечной точке. Для кругов или петель точка «Касательная 2» игнорируется.
Вершина 2
Задает конечную вершину кривой Безье и угол линии. Для кругов или петель точка «Вершина 2» игнорируется.
Настраиваемый путь
Задает произвольный контур. Можно использовать маску, созданную на панели «Слой» или в Adobe Illustrator.
Обратная траектория
Обращает контур.
Заливка и обводка
Укажите параметры заливки и обводки для текста вдоль траектории.
Параметры
Только заливка
Активирует параметр для выбора цвета заливки. Все параметры обводки отключены.
Только обводка
Активирует параметр для выбора цвета обводки и только ширины. Параметр заливки отключен.
Заливка поверх обводки
Позволяет создать новый текст c заливкой поверх обводки.
Обводка поверх заливки
Позволяет создавать текст с обводкой поверх заливки.
Цвет заливки
Добавить цвет заливки к тексту вдоль траектории.
Цвет обводки
Добавить цвет обводки к тексту вдоль траектории.
Ширина обводки
Измените ширину обводки текста вдоль траектории.
Элементы управления символов
Размер
Размер символов.
Трекинг
Среднее расстояние между символами.
Кернинг
Определяет расстояние между двумя символами по горизонтали. Если текст изменяется, указанный кернинг сохраняется для всех неизмененных пар символов. Нельзя использовать команду «Отменить команду», чтобы отменить изменения кернинга. Чтобы изменить интервал по горизонтали между символами во времени, используйте параметр «Максимальное колебание кернинга» или создайте ключевые кадры для трекинга.
Пара кернинга
Задает пару символов для кернинга. Для перемещения между парами щелкните стрелку.
Значение кернинга
Объем кернинга, который требуется применить.
Ориентация
Задает значения ориентации или поворота для каждого символа.
Поворот символов
Каждый символ поворачивается от текущего угла на указанное число градусов. Центр поворота находится в точке, где символ пересекается с контуром. Параметр «Перпендикулярно пути» изменяет начальный угол символов.
Перпендикулярно пути
Поворачивает каждый символ таким образом, чтобы он был перпендикулярен контуру. Если выбор параметра «Перпендикулярно пути» отменен, символы всегда остаются вертикальными (если их не повернуть с помощью команды «Поворот символов»).
Вертикальное письмо
Поворачивает каждый символ таким образом, чтобы он располагался вертикально вдоль контура.
Поворот символов латиницы
Поворачивает символы латиницы вертикально вдоль контура; если параметр «Поворот символов латиницы» не выбран, выполняется поворот всех символов, кроме латиницы.
Горизонтальный наклон
Наклоняет символы вправо или влево (как курсив). Наклон выполняется от той точки, где символ пересекается с контуром. Чтобы наклонить символы от их центров, задайте параметр «Смещение базовой линии», чтобы контур проходил через центры символов.
«Масштаб по горизонтали», «Масштаб по вертикали»
Измените размер символов, задав процентное значение для размера по горизонтали и по вертикали. Текст масштабируется от исходного размера растеризации, заданного параметром «Размер». Если для этого параметра настроено процентное значение больше 100, это может привести к размытию краев. Для получения оптимальных результатов следует задать для параметра «Размер» размер точки, которой не требуется масштабирование за пределами 100 % для получения максимального желаемого размера текста. Например, чтобы увеличить размер текста от 44 до 88 точек, следует задать для параметра «Размер» значение 88 и указать начальные значения параметра «Масштаб по вертикали» и «Масштаб по горизонтали» равным 50 %. После этого увеличьте оба значения масштаба до 100 %, чтобы текст отображался с размером 88 точек.
Элементы управления «Абзац»
Выравнивание
Задает выравнивание текста по горизонтали на указанном контуре.
Слева
Помещает первый символ в положение, заданное параметром «Левое поле»; рисование всех остальных символов выполняется относительно первого символа. Параметр «Правое поле» игнорируется.
Справа
Помещает последний символ в положение, заданное параметром «Правое поле»; рисование всех остальных символов выполняется относительно последнего символа. Параметр «Левое поле» игнорируется.
По центру
Центрирует текст между правым и левым полями.
Принудительно
Помещает первый символ в положение, заданное параметром «Левое поле», и последний символ в положение, заданное параметром «Правое поле», а все остальные символы помещаются между ними с равными интервалами. Параметр «Трекинг» игнорируется.
«Левое поле», «Правое поле»
Задайте значения полей. Параметр «Левое поле» определяет положение первого символа в пикселях относительно начальной точки. Параметр «Правое поле» задает положение последнего символа относительно конечной точки. В формах контура начальной точкой кривых Безье и линий является точка «Вершина 1», а начальной точкой для кругов и петель — точка «Касательная 1». Конечной точкой кривых Безье и линий является точка «Вершина 2», а конечной точкой для кругов и петель — точка «Касательная 1». Чтобы переместить текст на определенной форме контура, следует создать ключевые кадры или выражения для левого и правого полей (в зависимости от выбранного типа выравнивания). Положительные значения перемещают текст вправо, отрицательные — влево.
Межстрочный интервал
Задает интервал между линиями символов.
Отклонение от базовой линии
Задает расстояние (в пикселях) между контуром и нижней частью символов. В зависимости от формы контура интервалы в тексте могут быть выстроены более оптимально, если контур проходит через центры символов. Можно задать для параметра «Смещение базовой линии» отрицательное значение, чтобы центры символов приходились на контур.
Элементы управления «Дополнительно»
Видимые символы
Число символов, отображаемых в текущем времени. Примените анимацию к видимым символам, чтобы отобразить одновременно один или несколько символов и создать внешний эффект ввода символов. Положительные значения определяют количество видимых символов от начала до конца текста. Отрицательные значения определяют количество видимых символов от конца к началу текста. Следует помнить, что пробелы также являются символами. Также можно использовать этот элемент управления с параметром «Время затухания», чтобы настроить нарастание и затухание символов. Если для параметра «Время затухания» настроено значение 0, следующий символ отображается, когда значение «Видимые символы» находится на середине расстояния до следующего целого числа. Например, второй символ отображается, когда значение «Видимые символы» равно 1,5, а третий символ отображается, когда значение равно 2,5, и так далее. Если для параметра «Время затухания» выбрано значение 0, создается внешний эффект ввода символов.
Примечание.
Параметр «Видимые символы» не изменяет положение символов, определенное контуром и другими элементами управления.
Время затухания
Задает диапазон времени, в течение которого отдельный символ будет отображаться частично. Параметр «Время затухания» используется в сочетании с параметром «Видимые символы». Если для параметра «Время затухания» задано значение 0, каждый символ отображается полностью непрозрачным при выборе соответствующего значения параметра «Видимые символы». Если для параметра «Время затухания» задано значение 100 %, непрозрачность отдельного символа увеличивается по мере увеличения целочисленных значений параметра «Видимые символы». Точное значение непрозрачности символа равно дробной части значения «Видимые символы». Например, восьмой символ отображается с 10 % непрозрачностью, если значение «Видимые символы» равно 7,10, а значение «Время затухания» — 100 %. Тот же символ отображается с непрозрачностью 60 %, если значение «Видимые символы» равно 7,60, и так далее.Для значений «Время затухания» в диапазоне от 0 % до 100 % непрозрачность символа определяется как диапазон, проходящий через точку по центру расстояния между целочисленными значениями параметра «Видимые символы». Например, если значение «Время затухания» равно 20 %, восьмой символ начинается отображаться при выборе значения «Видимые символы» 7,40, и полностью непрозрачен при значении 7,60. Если значение «Время затухания» задано равным 60 %, тот же символ начинает отображаться при значении 7,20 и полностью непрозрачен при значении 7,80.
Режим
Режим смешения, используемый при наложении символов.
Настройки колебания
Задайте максимальный объем отклонения, добавляемый в произвольном порядке для значений базовой линии, кернинга, поворота или масштаба. Более высокие значения задают больший объем отклонения. При выборе положительных значений обеспечивается плавное движение. При выборе отрицательных значений движение получается скачкообразным. Движение создается без использования ключевых кадров или выражений, хотя их можно использовать для изменения максимальных значений.Конкретное значение колебания создает такое же, кажущееся произвольным движение для того же самого текста и настроек. Если композиция содержит дублированный анимированный текст, можно создавать различные движения для каждого из экземпляров текста, изменив настройку, но сделав изменение невидимым. Например, можно добавить пробел во второй экземпляр текста и отрегулировать кернинг таким образом, чтобы пробел не был виден. Такой метод создает невидимые изменения, которые создают другое движение.Можно задать следующие параметры колебания:
Максимальное колебание интерлиньяжа
Задает максимальное расстояние (в пикселях), на которое символы перемещаются в произвольном порядке выше или ниже контура после применения параметра «Смещение по базовой линии».
Максимальное колебание кернинга
Задает максимальное расстояние (в пикселях), на которое символы перемещаются в произвольном порядке в направлении друг от друга вдоль горизонтальной оси после применения кернинга и трекинга.
Максимальное колебание при повороте
Задает максимальную величину (в градусах) поворота символов в произвольном порядке после применения параметра «Поворот символов».
Максимальное колебание масштаба
Задает максимальный коэффициент (в процентах) масштабирования символов в произвольном порядке после применения параметров «Масштаб по горизонтали» и «Масштаб по вертикали». Для получения оптимальных результатов не рекомендуется масштабирование символов за пределами 100 %.
Перемещение вершин, центров кругов и касательных
Чтобы переместить точки «Вершина 1/Центр окружности» и «Касательная 1/Точка окружности» одновременно, перетащите внешний круг точки «Вершина 1/Центр окружности».
Чтобы переместить только точку «Вершина 1/Центр окружности», перетащите ее перекрестье.
Чтобы выполнить автоматическую привязку точки «Касательная 1/Точка окружности» поверх точки «Вершина 1/Центр окружности», выберите инструмент «Перо» и щелкните внешний круг точки «Касательная 1» (Windows) или нажмите COMMAND и щелкните внешний круг (не перекрестье) точки «Касательная 1» (Mac OS).
Чтобы выполнить привязку точки «Касательная 1/Точка окружности» с шагов в 45° от точки «Вершина 1/Круг центра», нажмите SHIFT и перетащите внешний круг точки «Касательная 1».
Чтобы переместить точки «Вершина 2» и «Касательная 2» одновременно, перетащите внешний круг точки «Вершина 2».
Чтобы переместить только точку «Вершина 2», перетащите ее перекрестье.
Узнайте, как изменить обводку фигуры, чтобы создать интересную анимацию и сгладить контуры фигур.
Создайте волнообразную, заостренную или скругленную обводку на слоях фигуры и анимируйте отображение обводки, создавая оригинальные графические элементы. В отличие от работы в Illustrator, здесь можно задать произвольную толщину в любой точке фигуры. В After Effects доступны параметры, с помощью которых можно сгладить или искривить конечные точки.
Наряду со сглаживанием обводки эта функция постепенно уменьшает толщину для создания более гладкой формы. Вы можете указать, насколько плавно начинается и завершается сглаживание анимации. Если вы прежде не работали с обводкой в слоях-фигурах, начните с раздела Обводки и заливки для фигур.
Укажите, где начинается сглаживание по контуру
Можно сгладить начало обводки, выбрать длину и интенсивность сглаживания.
Например, чтобы обводка начиналась только посередине, следует с помощью свойства Начальная длина задать значение 50 %, если в качестве Единицы длины используется процент.
Сгладьте любую сторону обводки
Можно сгладить обводку с любой стороны с помощью свойств Начальная длина и Конечная длина . Например, можно сделать так, чтобы оба конца волны были более плавными и цельными по сравнению с ее средней частью.
Отрегулируйте степень скругления сглаживания
При сглаживании края могут заостриться, но их можно смягчить с обеих сторон. Для этого используйте свойства Начальное замедление и Конечное замедление .
Создание волн разной толщины по всей длине обводки
К обводке можно добавить волны и настроить их толщину, чтобы создать оригинальный вид. Используйте параметр Волна для добавления волн.
Применяйте сглаживание вместе с другими настройками обводки
Также можно использовать другие способы изменения обводки, например, добавить пунктиры или обрезку контуров, чтобы создавать обводку с разным внешним видом. Так, можно создать текстовую анимацию записи и добавить к ней движение со свойством Обрезать контуры .
Перед началом необходимо ознакомиться с описанными ниже элементами управления, используемыми для работы со сглаженными обводками.
Сглаживание: используйте этот параметр для настройки ширины обводки по контуру.
Единицы длины : выберите любой из двух вариантов — Проценты или Пикселы . При анимировании размера контура (например, путем обрезки контура) лучше выбрать пикселы, чтобы длина сглаживания не менялась в зависимости от длины контура. Если нужно, чтобы эта длина менялась в зависимости от длины контура (например, при сужении от середины до конца (с использованием значения 50 %)), в качестве единицы длины выберите проценты.
Начальная длина : определяет длину сглаживания от начала обводки.
Конечная длина : определяет длину сглаживания от конца обводки.
Начальная ширина: определяет толщину сглаживания по начальной длине контура. Чтобы этот эффект был виден, в качестве начальной длины необходимо установить значение, которое не равно нулю.
Конечная ширина: определяет толщину сглаживания по конечной длине контура. Чтобы этот эффект был виден, в качестве конечной длины необходимо установить значение отличное от нуля.
Начальное замедление: определяет степень скругления сглаживания по начальной длине. Этот параметр применяется к резким краям для сглаживания обводки, чтобы придать более плавный и естественный вид. Если задать негативное значение на ползунке, сглаживание будет заостренное. При значении 0 сглаживание будет линейным. А при положительном значении сглаживание будет скругленным.
Конечное замедление : определяет степень скругления сглаживания по конечной длине. Этот параметр применяется к резким краям для сглаживания обводки, чтобы придать более плавный и естественный вид. Если задать отрицательное значение на ползунке, сглаживание будет заостренное. При значении 0 сглаживание будет линейным. А при положительном значении сглаживание будет скругленным.
Пути маски и формы можно анимировать тем же способом, что и остальные свойства: задать ключевые кадры для свойств «Путь маски» или «Путь», задать пути для каждого ключевого кадра, и After Effects выполнит интерполяцию между заданными значениями.
Ротоскопирование (или ротоскопия) является рисованием на кадрах фильма с использованием визуальных элементов фильма в качестве основы. Общий тип ротоскопирования представляет собой отслеживание контуров вокруг объекта в фильме и использование этого контура в качестве маски для разделения объекта и фона. Это позволяет работать с объектом и фоном по отдельности и выполнять по отношению к ним различные действия, например применять различные эффекты к объекту и фону или заменять фон.
After Effects включает инструменты «Кисть для ротоскопии» и «Уточнить края», которые позволяют затрачивать значительно меньше времени на выполнение множества одинаковых задач, например обычного ротоскопирования. Дополнительные сведения об использовании инструмента «Кисть для ротоскопии» см. в разделе Инструменты «Кисть для ротоскопии», «Уточнить края» и «Уточнить подложку».
Если объект фона или переднего плана имеет четкий, определенный цвет, для удаления фона или объекта вместо ротоскопирования можно использовать цветовое наложение. Если особенности съемки видеоряда позволяют использовать цветовое наложение, то это будет гораздо проще, чем ротоскопирование. (См. раздел Введение в работу с прозрачным наложением и рабочий процесс.)
Ротоскопирование в After Effects в основном состоит из рисования масок, анимирования контуров масок, а затем использование этих масок для детализации подложки. Многие дополнительные задания и методы облегчают выполнение этой работы. Например, использование отслеживание движения объекта перед началом рисования маски, а затем использование данных отслеживания движения для создания маски или подложки, которая автоматически следует за объектом.
Советы по ротоскопированию
- Сразу после начала рисования маски, нажмите ALT+SHIFT+M (Windows) или OPTION+SHIFT+M (Mac OS), чтобы включить для этой маски кадрирование изображений и задать ключевой кадр. Таким образом, не придется тратить лишние несколько минут на покадровое редактирование маски в случае потери результатов работы над предыдущими кадрами из-за того, что не была нажата кнопка секундомера для анимации пути маски.
- Рисуйте маски на белом сплошном слое с отключенным переключателем «Видео» (зрачок) над (заблокированным) слоем видеоряда. Это позволит избежать случайного перемещения слоя видеоряда во время выполнения манипуляций с маской. Кроме того, это намного облегчает применение к маске данных отслеживания. (Данные отслеживания применяются к невидимому сплошному слою, содержащему маску.) Это также исключает потерю кэшированных в памяти кадров предпросмотра при выполнении любых манипуляций с маской. (См. разделы Включение и выключение видимости или влияния слоя или группы свойств и Блокировка или снятие блокировки со слоя.)
- Включите параметр «Сохранить номер постоянной вершины». (См. раздел Определение первой вершины для контура Безье.)
- По возможности преобразуйте (поворот, масштабирование, перемещение) всю маску или подмножество вершин маски вместо перемещения вершин по отдельности. Это более эффективно и позволяет избежать вибрации, которая является следствием несогласованного движения через кадры. (См. раздел Перемещение вершин в режиме свободного преобразования.)
- Отслеживание движения вручную занимает меньше времени, чем ротоскопирование вручную. Чем больше внимания уделяется получению точных данных отслеживания для разных частей сцен и объекта, тем меньше времени тратится на рисование и настройку маски. (См. раздел Отслеживание и стабилизация движения.)
- Для более тщательного контроля растушевки объектов используйте функцию Растушевка маски с переменной шириной.
Ресурсы в Интернете, посвященные ротоскопированию
Это видео из серии «After Effects CS5: изучаем по видео» показывает, как объединять отслеживание трассировки движения и ротоскопирование, чтобы изолировать и сделать выборочную цветокоррекцию лица актера.
Скотт Сквайрс (Scott Squires) на своем веб-сайте Effects Corner предлагает несколько видео, которые демонстрируют как использовать ротоскопирование для рисования и маскирования.
Матиас Мёль (Mathias Möhl) опубликовал на своем веб-сайте сценарий KeyTweak, с помощью которого можно одновременно изменить несколько ключевых кадров свойства. С помощью сценария KeyTweak можно вручную изменить несколько ключевых кадров, а сценарий сам изменит остальные ключевые кадры между ними соответствующим образом. Сценарий KeyTweak особенно полезен для ключевых кадров «Путь маски» в технологическом процессе ротоскопирования.
Рич Янг (Rich Young) предлагает несколько ресурсов для ротоскопирования на своем веб-сайте After Effects Portal.
- Для просмотра путей маски для выделенных слоев на панели «Таймлайн» нажмите клавишу M.
- Чтобы просмотреть выделенные маски или формы на панели «Таймлайн», нажмите SS (нажмите клавишу S дважды).
- Для просмотра контуров масок и форм на панели «Композиция» нажмите кнопку «Переключить видимость контуров масок и форм» в нижней части панели «Композиция».
- Для просмотра контуров масок на панели «Слой» выберите «Маски» из меню «Вид» на панели «Слой».
- Чтобы скрыть контур маски при отображении других контуров, заблокируйте маску, нажав ее переключатель блокировки на панели «Таймлайн», а затем выберите «Слой» > «Маска» > «Скрыть заблокированные маски».
- Чтобы отделить выделенные маски и скрыть остальные, выберите «Слой» > «Маска» > «Заблокировать остальные маски», а затем выберите «Слой» > «Маска» > «Скрыть заблокированные маски».
Слои-фигуры и их компоненты можно выбирать в любом из четырех уровней выделения, называемых режимами выделения.
Режим выделения слоя
Выбирается весь слой-фигура. Преобразования применяются к свойствам преобразования слоя в группе свойств «Преобразование», которая находится на том же уровне, что и группа свойств «Содержимое».
Режим выделения группы
Выбирается целая группа форм. Преобразования применяются к свойствам преобразования слоя в группе свойств «Преобразование», которая находится в группе слоя на панели «Таймлайн».
Режим свободного преобразования
Выбираются несколько вершин на одном или нескольких контурах Безье. Ограничительная рамка свободного преобразования отображается вокруг вершин на панели «Композиция». Работая с этой ограничительной рамкой, можно переместить несколько вершин с помощью одной операции преобразования. Преобразования применяются к вершинам, которые содержатся в свойстве «контур» на панели «Таймлайн».
Режим редактирования контура
Выбираются только вершины. В этом режиме можно выполнять операции редактирования контура, например, добавлять вершины к контуру или перемещать отдельные вершины.
Режим редактирования контура активен, когда активен инструмент «Перо». Чтобы оставаться в режиме редактирования контура, выберите инструмент «Перо»; при необходимости нажмите V или CTRL (Windows) или COMMAND (Mac OS), чтобы временно активировать инструмент выделения.
A. Выделение слоя B. Выделение группы C. Свободное преобразование D. Редактирование контура
Дополнительные сведения о выделении масок см. в разделе Выделение масок, сегментов и вершин.
Чтобы выбрать все вершины контура, нажмите CTRL+A (Windows) или COMMAND+A (Mac OS), когда выбрана одна вершина контура. Нажмите еще раз, чтобы выделить все формы. Нажмите еще раз, чтобы выделить все слои.
Выделение слоя-фигуры
- Щелкните имя слоя или панель продолжительности слоя на панели «Таймлайн».
- Используя инструмент «Выделение», щелкните внутри границ слоя на панели «Композиция».
- Чтобы отменить выделение всех фигур, но оставить выделенным слой-фигуру, щелкните внутри границ слоя, но за пределами всех контуров фигур.
Выбор группы форм в режиме группового выделения
- Используя инструмент «Выделение», дважды щелкните элемент группы на панели «Композиция». С каждым двойным щелчком происходит переход на один уровень вниз в иерархии групп.
- Для активации инструмента «Частичное выделение» удерживайте клавишу Ctrl (Windows) или Command (Mac OS), когда выбран инструмент «Выделение». Чтобы выделить группу формы, независимо от того, насколько глубоко форма находится в иерархии групп, щелкните эту форму на панели «Композиция» с помощью инструмента «Частичное выделение».
- Чтобы выделить группу, содержащуюся внутри той же группы, что и группа, которая уже выбрана, щелкните требуемую группу.
- Чтобы добавить группу к выделенной области, щелкните ее, удерживая нажатой клавишу SHIFT. Чтобы добавить в выделенную область более глубоко вложенные группы, можно одновременно использовать клавишу SHIFT и двойной щелчок мышью с инструментом «Частичное выделение».
Выделение контуров и вершин в режиме редактирования контуров
Чтобы задать размер дескрипторов направления кривой Безье и вершин для масок и форм, выберите «Правка» > «Установки» > «Общие» (Windows) или «After Effects» > «Установки» > «Общие» (Mac OS) и измените значение параметра «Размер точки контура».
- Чтобы выбрать вершину, щелкните вершину с помощью инструмента «Выделение». Для добавления вершин к выделенной области, щелкните их, удерживая нажатой клавишу SHIFT.
- Чтобы выбрать сегмент контура, щелкните сегмент с помощью инструмента «Выделение». Для добавления сегментов к выделенной области, щелкните их, удерживая нажатой клавишу SHIFT.
- Чтобы выделить весь контур, щелкните сегмент или вершину с помощью инструмента «Выделение», удерживая нажатой клавишу ALT (Windows) или OPTION (Mac OS), или выберите любую часть контура и нажмите CTRL+A (Windows) или COMMAND+A (Mac OS).
- Для выбора вершин с помощью перетаскивания, выделите контур или часть контура, чтобы войти в режим его редактирования, а затем перетащите их с помощью инструмента выделения прямоугольником , нарисовав прямоугольную область вокруг вершин, которые нужно выделить. Для добавления вершины в выделенной области при рисовании дополнительных прямоугольных областей выделения нажмите и удерживайте клавишу SHIFT.
Выделение всех точек на контуре и вход в режим свободного преобразования
- Дважды щелкните сегмент контура в режиме редактирования контура или в режиме выделения группы для отдельной формы.
- Выберите свойство «контур» на панели «Таймлайн» и нажмите CTRL+T (Windows) или COMMAND+T (Mac OS).
В отличие от слоев, маски могут иметь более одного уровня выделения. Маску можно выбрать как целый контур, что удобно, когда требуется переместить или изменить размеры маски. Однако если необходимо изменить контур маски, выберите одну или несколько точек на ней. Выбранные точки отображаются сплошными, а невыделенные точки — полыми.
Чтобы задать размер дескрипторов направления кривой Безье и вершин для масок и форм, выберите «Правка» > «Установки» > «Общие» (Windows) или «After Effects» > «Установки» > «Общие» (Mac OS) и измените значение параметра «Размер точки контура».
Выделение или отмена выбора масок на панели «Слой» или на панели «Композиция»
- Чтобы выбрать вершину в маске, щелкните вершину с помощью инструмента «Выделение» . Для добавления вершин к выделенной области, щелкните их, удерживая нажатой клавишу SHIFT.
- Чтобы выбрать сегмент маски, щелкните сегмент с помощью инструмента «Выделение». Для добавления сегментов к выделенной области, щелкните их, удерживая нажатой клавишу SHIFT.
- Чтобы выделить всю маску, щелкните сегмент, вершину или дескриптор маски с помощью инструмента «Выделение», удерживая нажатой клавишу ALT (Windows) или OPTION (Mac OS), или выберите любую часть маски и щелкните «Правка» > «Выделить все», или нажмите CTRL+A (Windows) или COMMAND+A (Mac OS). Чтобы добавить маску к выделенной области, щелкните ее, удерживая нажатыми клавиши ALT+SHIFT (Windows) или OPTION+SHIFT (Mac OS).
- Для выбора масок с помощью перетаскивания, выделите маску или часть маски, чтобы войти в режим ее редактирования, а затем перетащите их с помощью инструмента «Выделение», нарисовав прямоугольную область вокруг вершин и масок, которые нужно выделить. Для добавления масок или вершин в выделенной области при рисовании дополнительных прямоугольных областей выделения нажмите и удерживайте клавишу SHIFT.
- Чтобы выбрать все маски на слое, выделите на слое одну маску и выберите «Правка» > «Выделить все» или нажмите CTRL+A (Windows) или COMMAND+A (Mac OS).
- Для отмены выделения всех масок нажмите CTRL+SHIFT+A (Windows) или COMMAND+SHIFT+A (Mac OS).
- Для выбора на слое смежной маски нажмите ALT+` (ударение) (Windows) или OPTION+` (ударение) (Mac OS), чтобы выделить следующую маску, или SHIFT+ALT+` (ударение) (Windows) или SHIFT+OPTION+` (ударение) (Mac OS), чтобы выделить предыдущую маску.
- Для отмены выделения маски щелкните в любом месте за пределами маски.
- Чтобы удалить из выделения вершину или сегмент, щелкните вершину или сегмент, удерживая нажатой клавишу SHIFT.
Для использования инструмента «Выделение», когда выбран инструмент «Перо», удерживайте нажатой клавишу CTRL (Windows) или COMMAND (Mac OS).
Обводка объекта After Effects - Как сделать эффект Stroke с анимацией и Motion Blur
Обводка объекта After Effects - Как сделать эффект Stroke с анимацией и Motion Blur
00:43 Суть проблемы Motion Blur с обводкой Layer Styles
02:37 Плагин Vegas вместо Stroke (стиль слоя)
03:48 Собрал еще на основе эффекта Drop Shadow (Тень)
04:50 Эффект Stroke (Обводка) для векторной маски
05:47 Плагин Border Patrol от Red Giant
06:41 На сайте Red Giant пропала информация о старых плагинах
07:26 Нашел как скачать старые установки
Для того, чтобы избежать этой проблемы, нужно сделать так, чтобы обводка объекта After Effects рисовалась на уровне эффектов, которые просчитываются раньше Layer Styles. Это можно сделать, например, с помощью стандартного плагина Vegas для пунктирных линий по контуру слоя, но у него наблюдаются небольшие проблемы на острых краях. Также я собрал с результатом чуть лучше цепочку из эффектов на основе Drop Shadow. Для удобства можно сохранить ее в пресет. Для стандартной векторной маски вообще нет проблем, применяем эффект Stroke и готово.
Но лучше всего показал себя специальный плагин Border Patrol от Red Giant, он входит в набор эффектов Image Lounge для After Effects, который в свою очередь входит в Effects Suite, который почему-то пропал с сайта Red Giant. С помощью плагина Border Patrol для обводки слоя можно сделать отступ от края, добавить сглаживание и несколько интересных режимов наложения.
Анимация ТЕКСТА в After Effects с Layer Styles
Что такое и зачем Pre-Compose
Эффект рисования в After Effects
Стилизация под карандашный рисунок в After Effects
Покадровая анимация на видео в Photoshop
Пресеты в After Effects
Выбирайте, что вам больше нравится! А Стили слоя больше не нужны. Хотя это наверно слишком громкое заявление ведь у них достаточно много и других применений. Кстати, эта проблема Layer Styles с Motion Blur касается не только обводки Stroke, но и всех остальных эффектов этой серии, другое дело, что это может быть визуально менее заметно в разных проектах. Очень жаль, что Adobe за несколько лет так и не исправили этот досадный баг. фичу.
Еще один вариант - это сделать предварительный Pre-Compose (прекомпоз) графического элемента, применить к нему нужные Стили Слоя и потом двигать уже его в главной композиции с включенным "размытием в движении". Но лично я по какой-то причине терпеть не могу плодить лишние композиции и логически ненужные прекомпозы. Мне нравится иметь все элементы контроля слоя в той же композиции, где я с ним работаю и анимирую, а не лазить в параллельный таймлайн After Effects и отвлекаться на такие пустяки, тем более когда этого можно спокойно избежать.
Я не знаю, что там происходит с сайтом Red Giant, и почему из доступа пропали странички наборов плагинов из моего урока и некоторых других, но пока старые установки все еще доступны по ссылке Red Giant - Legacy Installers. Надеюсь, что они не удалят их окончательно, в таком случае только торренты "спасут отцов русской демократии".
Эффект Drop Shadow (Тень), который я упомянул ранее, спокойно может заменить в 90% случаев аналогичный эффект из Layer Styles и Outer Glow, но без режимов наложения. И с ним будет нормально работать Motion Blur. Как и с эффектом Gradient Ramp, который, к сожалению, тоже не имеет в своих параметрах режимов наложения. А вот Стили Слоя вида Inner Shadow стандартными средствами сделать не получается.
Эх! Не в том направлении развивается теперь After Effects! Вместо по настоящему нужных изменений какая-то странная почти незаметная и никем не используемая чепуха. Хорошо, что хоть иногда проскакивают такие вещи как удаление объектов из видео и Roto Brush 2 с машинным обучением для почти автоматического выделения.
С августа 2016 года изучаю AE, начала работать в сфере моушен-дизайна, помимо иллюстраций.
Я подготовила урок для блога с простой анимацией фигур и линий. Этот урок предназначен для тех, кто уже более или менее хорошо ориентируется в After Effects, поэтому если вам он покажется сложным, то рекомендую посмотреть базовые уроки в сети. Например этот мини курс: Вводный курс Illustrator + After Effects.
Совсем недавно я закончила и выложила проект с анимированными линиями-выносками (callouts), и в своем уроке я расскажу вам, как я это делала на самом простом примере.
1. Создаем в Adobe Illustrator векторный файл с рисунком. У нас callout. Все линии без заливки, только обводка. Сделайте как на рисунке, чтобы было понятнее выполнять анимацию. Сохраните файл в ai формате.
2. Импорт в After Effects. Есть несколько способов. Двойной клик в окошке Project и выбрать файл в выпадающем окне. Либо через проводник - выбрать файл и перетащить мышью в окно Project. Ещё можно в Меню File > импорт > файл, и выбираем наш файл. Обратите внимание! Должно стоять footage в поле Import As и никаких галочек мы не ставим.
3. Создаем новую композицию в After Effects. CTRL + N или через меню Composition > New Composition. Задаем настройки - пишем название, у нас 30 кадров (frame rate) и 15 секунд (Duration) длительность анимации, задаем также размеры самой композиции 1920x1080. Жмем — OK.
4. Перетаскиваем мышкой импортированный векторный файл с окна Project на time line - нижний раздел рабочей области, где, собственно, мы и будем анимировать наши линии.
5. Выделяем слой с файлом. Идем в меню Effect > Generate > Fill.
Цвет выбираем белый.
6. Слой выделен. Далее нажимаем на вторую по счету иконку Rasterize рядом с названием слоя (если не видно иконок, то внизу тайм лайна есть Toggle Swiches/Modes - нажмите и вид слоя измениться - появятся справа иконки).
Теперь наши линии хорошо видно. Нужно задать им Scale масштаб. Можно раскрыть слой и в параметрах Transform > Scale ввести значение, я поставила 450 на 450. Или горячая клавиша S - сразу отображает только один масштаб из всех параметров трансформации объекта. Горячие клавиши есть на все функции и это очень удобно. Да, каждый слой или объект можно трансформировать и эти настройки есть в каждом слое.
7. Затем разместим наш callout по центру. Как и в иллюстраторе: сначала стрелочка выделение Selection Tool(V), затем двигаем объект.
8. Выделяем наш слой, идем в меню Layer > Create Shapes from Vector Layer.
И после этого действия у нас будет уже 2 слоя. Первый наш векторный оригинальный слой мы можем удалить. Выделяем и клавишу DELETE. Не забудем сохранить проект — Ctrl+Shift+S. Совет - периодически нажимайте волшебные Ctrl+S.
9. Теперь нам нужно разбить один слой на несколько — ведь у нас несколько линий. Можно вручную, но это долго и скучно. Лучше скачать и установить бесплатный скрипт ZI_ExplodeShapesLayers (улучшенная новая версия). Выделяем слой и идем как и в иллюстраторе File > Scripts. Жмем кнопку Explode!
Все слои разбились отдельно и можно опять удалить наш оригинальный слой, он самый нижний получается. А вручную пришлось бы копировать (копирование слоя - CTRL+D) слой столько раз сколько подслоев - линий, затем удалять лишние подслои у нового скопированного слоя и переименовывать.
Подробнее, кто не нашел или не захотел качать скрипт:
У нас 4 подслоя, значит нужно еще 3 копии, делаем их. Затем у первого слоя удаляем 2,3,4 группы. А дальше по аналогии. Затем переименовываем — выделяем слой — ENTER – вводим новое имя - ENTER или в пустое место клик. Должно получиться 4 слоя с отдельными линиями.
10. Можно слои расположить в порядке анимации — сначала кружок, потом линии, потом квадратик. А можно и так оставить, по вашему желанию. Ну, все приготовления закончены. Теперь самое интересное — анимация вектора. Начнем с кружочка — с маркера callout.
11. Анимация круга. Анимируем Scale.
Можно включить соло на слое, тогда будет видно только круг (значок кружочка или точки). Затем проставляем ключи — это и будет наша анимация. Передвигаем индикатор времени (вот эту линию с синим наконечником — Current Time Indicator) на 0 секунд 15 кадров и ставим ключик — щелкаем по секундомеру рядом со Scale, значение оставляем (у меня 450).
Далее у меня в уроке большие скриншоты. Поэтому нажимайте на картинку, чтобы открыть её на весь экран, у кого мелковато видно.
Передвигаем в начало композиции на ноль — и изменяем значение на ноль (сразу вбиваем значение размера и автоматически проставляется новый ключик). Далее продвигаемся на 3 секунды — 450, на 3 секунды 15 кадров — 300, еще через 5 кадров — это будет 3 секунды 20 кадров — 450, и снова повторяем на 6 секундах, 6,15 и 6,20 — ставим те же значения — 450/300/450. Далее так же на 9 и 12 секундах примерно на одном и том же расстоянии. А теперь делаем затухание в конце композиции — 14 секунды 15 кадров — 450, на 15 секундах в самом конце - 0. Затем нажмите F9 – сгладить ключи.
Можно добавить ключик еще одним способом — кликнуть по ромбику рядом с секундомером и затем изменять значение) . Передвигаться по шкале времени можно клавишами PAGE UP и PAGE ON. Аккуратнее двигайте индикатор! Не сдвигайте сам слой! Если что CTRL + Z вам в помощь.
Ну вот теперь наш круг ожил — появляется в начале, плавно мигает в процессе и плавно затухает в конце композиции. Для просмотра нажмите ноль 0 и для окончания просмотра также ноль 0.
12. Анимация главной линии.
Выделяем следующий слой с главной линией. Нажимаем дважды U и раскрывается все содержимое слоя. Используется, когда нужно открыть те подслои, которые были изменены. Очень удобно. Закрыть — еще раз U. В процессе работы сами все поймете. Далее выделяем подслой Group 3 — Add – Trim Path.
Раскрываем параметры Trim Path и задаем значение у END. Я поставила 75%. Этот показатель отвечает за то на сколько процентов будет отображаться в анимации линия: 100 % - полностью, 0% - соответственно линия не будет отображаться. Оптимально — примерно от 50 до 95%. Индикатор стоит в начале композиции. Далее анимируем. Зажимаем ALT и кликаем по секундомеру параметра Offset (прямо под End) и вводим в появившейся строке выражение — time*n (где n – число, обозначающее количество оборотов или скорость движения анимации).
Проиграйте композицию (ноль) и посмотрите что вышло. Можно изменить значение END и сравнить анимацию, выражение при этом изменять не нужно. Таким образом, добейтесь наиболее интересного и оптимального результата. Теперь добавим линии также появление и затухание. Можно это сделать и при помощи прозрачности Opacity. Выделяем слой — жмем клавишу T и на 1 секунде, задаем значение 100, на нуле в начале композиции — 0. Далее двигаемся на 14 секунд — 100 и в конце композиции ставим 0. F9 – сглаживаем. Кстати чтобы выделить все ключи сразу можно выделить их мышкой аккуратно и нажать F9 или же проще всего выделить сам параметр Opacity и все ключики выделятся сразу.
13. Анимация второй линии.
Сейчас научимся с вами работать с настройками самой линии. Сделаем из обычной прямой пунктирную линию и анимируем ее. Дважды U по слою с линией, находим Stroke и раскроем его значения, нажав на стрелочку. Находим параметр Dashes и нажимаем на плюсик + два раза. Появятся значения Dash (количество точек), Gap (расстояние между точками), Offset (анимировать точки). Введем, предположим, значения 5 и 5. Теперь снова ALT + клик по секундомеру у параметра Offset и вводим time*n (у меня значение 35).
Теперь выделим Contens — Add – Trim Path и на 1 секунде на End ключ 100, на нуле 0, на 14 секунде 100 и в конце 0. И выделяем ключики и сглаживаем F9.
14. Анимация квадрата. Вращение.
Выделяем слой с квадратом, горячая клавиша R (rotation). Выделяем rotation и ALT + клик по секундомеру. В строке ввода выражения пишем time*n (у меня значение 250). Можно и с помощью ключиков вручную — в начале ключик с нулевыми начальными значениями и в конце ключик (вводим количество оборотов 0х и градусы +0,0) допустим 8 оборотов и 360 градусов. Выражения значительно облегчают и автоматизируют работу. Ну и по аналогии добавляем прозрачность в начале появления (на 1 секунде 100 и на нуле 0) и в конце затухание ( на 14 секунде 100 и в конце 0) и F9. Или же делаем появление и затухание через Trim Path.
Все! Анимация готова! Наш callout ожил! Теперь сохраняемся. Делаем рендер.
Нажимаем горячие клавиши CTRL + M (или идем в меню).
Нажимаем напротив Output Module прямо на стрелочку и выбираем формат у меня MOV+PNG+ALPHA (или же MOV+PNG). И нажимаем Render, ждем пока идет рендер. Потом смотрим результат. Видео сохранится в ту же папку, где и ваш проект.
Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового:
Читайте также: