Как сделать анимированную рамку в after effects

Обновлено: 29.09.2022

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

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

Для отображения индикаторов ограничительной рамки вокруг отдельных символов в текстовых слоях посимвольного 3D-рендеринга и вложенных слоях в свернутых предварительных композициях активируйте параметр «Показать внутренние каркасы» в установках предпросмотра. Этот параметр установлен по умолчанию.

Определение ориентации ограничительной рамки

Во время перетаскивания слоя при отключенном режиме динамического обновления (например при удерживании клавиши Alt (Windows) или Option (Mac OS), когда режим динамического обновления включен) или во время просмотра композиции в режиме предпросмотра каркаса (в меню «Быстрый предпросмотр») буква «V» (вместо «X», как было ранее) отображается на переднем плане ограничительной рамки для обозначения направления вверх или для указания на верхнюю часть слоя, а маленький значок плюса (+) отображается в центре ограничительной рамки для указания на центр передней стороны. Обозначение «V» на 3D-слоях в режиме предпросмотра каркаса необходимо для определения их ориентации.

Изменение масштаба или поворот слоя относительно стороны его ограничительной рамки

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

Масштабирование слоя относительно стороны его ограничительной рамки

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

Поворот слоя относительно стороны его ограничительной рамки

С помощью инструмента «Поворот» выберите строну, а затем выполните одно из следующих действий. Перетащите центральный маркер вдоль края, чтобы выполнить поворот вокруг оси этого края. Поворот вокруг осей x или y (при перетаскивании центрального маркера) теперь выполняется так же, как поворот вокруг оси z: необходимо перетащить маркер вокруг опорной точки, а не из стороны в сторону.

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

Привязка опорной точки к разным частям стороны ограничительной рамки

С помощью инструмента «Панорамирование назад» (опорная точка), начните перетаскивать опорную точку, затем нажмите и удерживайте и держите клавишу Ctrl (Windows) или Cmd (Mac) при достижении края, центра края, центра видимой стороны или центра ограничительной рамки 3D. Край будет выделен (станет толще) когда на нем разместится опорная точка; края стороны будут выделены при привязке точки к ее центру; все края будут выделены при привязке точки к центру ограничительной рамки 3D. Если опорная точка привязана к центру, вокруг нее появится небольшая рамка; две небольших рамки появятся, если точка будет расположена над центром ограничительной рамки 3D.

Пути маски и формы можно анимировать тем же способом, что и остальные свойства: задать ключевые кадры для свойств «Путь маски» или «Путь», задать пути для каждого ключевого кадра, и 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 и способы работы с шаблонами анимационного дизайна и основными свойствами.

Панель Основные графические элементы позволяет создавать настраиваемые элементы управления для анимационного дизайна и обмениваться ими как локальными файлами или шаблонами анимационного дизайна через библиотеки Creative Cloud Libraries. Панель «Основные графические элементы» работает как корзина, в которую можно добавлять различные элементы управления, изменять их, а затем упаковывать в качестве общих шаблонов анимационного дизайна . Новая среда для работы с панелью Основные графические элементы в After Effects, называющаяся Основные графические элементы , доступна на панели рабочих сред. Для доступа к рабочей среде выберите Окно > Рабочая среда .

Панель «Основные графические элементы» в After Effects можно использовать четырьмя способами.

  • Как плоскость контроля в After Effects: используйте панель «Основные графические элементы» в качестве плоскости контроля для своих композиций. Перетаскивайте параметры с панели «Таймлайн» на панель «Основные графические элементы» для создания сочетания клавиш для элементов из композиции, которые вы часто изменяете.
  • Можно создать основные свойства, которые работают как основные элементы управления и позволяют изменять свойства эффектов и слоев композиции при ее вложении в другую композицию.
  • Для экспорта шаблонов анимационного дизайна (.mogrt): заключите свой проект After Effects в шаблоны анимационного дизайна, который можно будет изменять прямо в Premiere Pro. Все исходные изображения, видеоизображения и предварительные композиции, необходимые для созданного дизайна, упаковываются в шаблон. Настройку в Premiere Pro можно будет выполнять только с помощью элементов управления, к которым вы предоставили доступ, что позволяет контролировать ваш дизайн.
  • Группировать элементы управления, управлять свойствами шрифтов и добавлять в шаблон анимационного дизайна элементы управления для источников данных электронных таблиц в формате CSV и TSV. Доступ к группам можно получить с помощью меню «Добавить форматирование» на панели «Основные графические элементы». Команда «Добавить комментарий» доступна в этом меню.

Создание шаблонов анимационного дизайна в After Effects

Композиции на панели «Основные графические элементы»

В раскрывающемся меню «Основной» на панели Основные графические элементы выберите композицию в проекте и начните формировать шаблон анимационного дизайна.

Просмотр композиций в меню «Основной»

Для открытия композиции на панели Основные графические элементы в After Effects выполните любое из следующих действий:

  • Чтобы открыть текущую композицию, выберите Композиция > Открыть в Основные графические элементы.
  • Для открытия конкретной композиции щелкните правой кнопкой мыши композицию на панели Проект и выберите Открыть в Основные графические элементы .
  • Чтобы открыть любую композицию в проекте, щелкните меню Основной на панели Основные графические элементы .

Основная композиция

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

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

Совет. Для использования несвязанных свойств разместите композицию, которая содержит эти свойства, в основной композиции или в иерархии.

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

Добавление элементов управления

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

Типы поддерживаемых элементов управления:

  • Флажок
  • Цвет
  • Числовой ползунок (т. е., числовое свойство с одним значением), например «Преобразовать» > «Непрозрачность» или эффект элементов управления выражениями «Ползунок»
  • Исходный текст
  • Свойства 2D-точки, такие как «Преобразовать > Опорная точка», «Преобразовать > Положение» и эффект управления выражениями элемента управления точкой
  • Свойства 2D-шкалы, такие как «Преобразовать > Масштаб»
  • Угловые свойства, такие как «Преобразовать > Поворот» и эффекты управления выражениями элемента управления «Угол»

При добавлении неподдерживаемого свойства After Effects выводит предупреждение Ошибка After Effects. Свойство этого типа еще не поддерживается в шаблонах анимационного дизайна.

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

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

  • Выделите свойство на панели Таймлайн , а затем выберите Анимация > Добавить свойство к основным графическим элементам .
  • Правой кнопкой мыши щелкните свойство на панели Таймлайн или Элементы управления эффектами , а затем в меню выберите команду Добавить свойства на панель «Основные графические элементы» .

Команде Добавить свойства на панель «Основные графические элементы» также можно назначить сочетание клавиш. Описание этой процедуры см. в разделе Визуальный редактор сочетаний клавиш.

Добавление элементов управления на панель «Основные графические элементы»

Просмотр поддерживаемых свойств

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

Элементы управления изменениями

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

  • Переименование элемента управления: чтобы переименовать элемент управления, выполните любое из следующих действий:
    • Щелкните поле с именем элемента управления и введите новое имя.
    • Перетащите курсор, чтобы выделить текущее имя, и введите новое имя.

    Элементы управления, которые добавляются на панель Основные графические элементы , связаны с исходными свойствами. При изменении значения элемента управления также изменяется значение свойства в композиции. Например, если на панели изменить непрозрачность до 50 %, значение параметра Непрозрачность в композиции также изменяется до 50 %.

    Значения композиций обновляются по мере изменения значения с помощью числовых элементов управления на панели. Чтобы отключить функцию динамического обновления, удерживайте клавишу Option (Mac) или Alt (Win) при перемещении ползунка.

    Создание групп элементов управления

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

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

    Чтобы добавить элемент управления в группу, перетащите его на имя группы.

    Элементы управления шрифтами

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

    Добавьте свойство текстового слоя Исходный текст на панель Основные графические элементы .

    Щелкните Редактировать свойства на правой стороне строки элемента управления.

    В диалоговом окне «Свойства исходного текста» выберите свойства шрифта для управления из следующих вариантов:

    • Разрешить выбор пользовательских шрифтов . Добавляет элементы управления «Гарнитура» и «Стиль шрифта».
    • Разрешить регулировать размер шрифта . Добавляет элемент управления «Размер шрифта».
    • Разрешить псевдостили . Добавляет элементы управления «Полужирный псевдостиль», «Псевдостиль курсив», «Все прописные» и «Малые прописные».

    В этом диалоговом окне доступен еще один параметр — Использовать слой как резервное текстовое поле . Установка напротив него флажка позволяет выбрать композицию/подкомпозицию и слой-фигуру или слой клипа, чтобы определить альтернативное текстовое поле для редактирования текста в программном мониторе Premiere Pro. Этот параметр важен, потому что многие файлы в формате .mogrt содержат прямоугольные текстовые блоки, которые выходят за пределы экрана, имеют неверный размер или положение.

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

    Добавление комментариев на панель «Основные графические элементы»

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

    • Для переименования щелкните поле с именем комментария и введите новое имя.
    • Для изменения порядка следования перетащите комментарий на панели вверх или вниз.

    Чтобы удалить комментарий, выделите его и нажмите клавишу Backspace или Delete.

    Изменение элементов управления

    При дублировании композиции на панели Проект ( Cmd+D Mac или Ctrl+D Windows) After Effects дублирует свойства и комментарии, добавляемые на панель «Основные графические элементы» для данной композиции.

    Присвоение имени шаблону

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

    Установка кадра афиши для шаблона

    Можно задать кадр афиши для шаблона. Кадр афиши используется в качестве миниатюры шаблона в библиотеках Creative Cloud Libraries и на панели Основные графические элементы в Premiere Pro.

    Чтобы задать кадр афиши, выполните следующие действия:

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

    Экспорт шаблона

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

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

    • Creative Cloud Libraries: добавление шаблонов в библиотеки Creative Cloud Libraries.
    • Основные графические элементы: добавление шаблонов в локальную папку по умолчанию. Шаблоны, хранящиеся в папке Основные графические элементы , непосредственно доступны на панели Основные графические элементы в Premiere Pro.
    • Локальный диск: сохранение шаблонов в локальный каталог. Шаблоны, сохраненные в локальном каталоге, не становятся автоматически доступны на панели Основные графические элементы в Premiere Pro.

    Экспорт шаблонов анимационного дизайна

    Установите флажок в разделе «Совместимость»:

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

    Дополнительные сведения о добавлении ресурсов в библиотеки Creative Cloud Libraries см. в разделе Библиотеки Creative Cloud Libraries в After Effects.

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

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

    Вы можете импортировать в Premiere Pro шаблоны анимационного дизайна, использующие эффект «Кисть для ротоскопии». Дополнительные сведения см. разделе Эффекты «Кисть для ротоскопии», «Уточнить края» и «Уточнить подложку».

    Можно создавать шаблоны анимационного дизайна (файлы .mogrt), для настройки которых пользователю на его компьютере не потребуется программа After Effects. Чтобы пользователю шаблонов .mogrt не потребовалось использовать программу After Effects, шаблоны должны удовлетворять следующим требованиям:

    • Поддерживается только модуль рендеринга композиции Classic 3D; модули рендеринга CINEMA 4D и 3D-рендеринга с трассировкой не поддерживаются.
    • Поддерживаются все имеющиеся в After Effects эффекты, кроме: Эффект восстановления четкости при дрожании камеры, Synthetic Aperture Color Finesse, Maxon CINEWARE, «Марионетка» и «Стабилизатор деформации».
    • Использование видеорядов Dynamic Link, таких как эпизоды Premiere Pro или Character Animator CC, в композициях After Effects не поддерживается.
    • Видеоряды в формате FLV и сторонние внешние модули не поддерживаются.

    Чтобы изменить шаблоны анимационного дизайна After Effects (файлы .mogrt), их можно открыть в After Effects как файл проекта. Внеся изменения в шаблон, заново экспортируйте его в виде файла .mogrt.

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

    Выберите Файл > Открыть проект .

    При открытии файла .mogrt в виде проекта приложение After Effects извлекает файл проекта и ресурсы. В диалоговом окне Извлечь <имя файла>.mogrt выберите место для извлечения содержимого файла .mogrt, а затем нажмите кнопку Извлечь .

    Также можно изменить шаблон анимационного дизайна, использующийся в эпизоде в Premiere Pro 12.1, выполнив следующие действия:

    1. В After Effects откройте файл .mogrt как проект. Измените одни или несколько композиций либо добавьте или измените элементы управления на панели Основные графические элементы .
    2. После внесения изменений на панели Основные графические элементы нажмите кнопку Экспорт шаблонов анимационного дизайна . Можно либо заменить исходный файл .mogrt, либо выбрать новое расположение или имя обновленного файла.
    3. В Premiere Pro нажмите клавишу Option (Mac OS) или Alt (Windows) и перетащите новый или обновленный файл .mogrt из вкладки Обзор панели Основные графические элементы на существующий клип .mogrt в данной последовательности. Premiere Pro обновляет вкладку Правка панели Основные графические элементы с учетом элементов управления.

    В After Effects откройте файл .mogrt как проект. Измените композиции либо добавьте или измените элементы управления на панели Основные графические элементы .

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

    В Premiere Pro на вкладке Обзор панели Основные графические элементы , удерживая нажатой клавишу Opt (MacOS) или Alt (Win), перетащите новый или измененный файл .mogrt на имеющийся в эпизоде клип .mogrt. Premiere Pro обновляет вкладку Правка панели Основные графические элементы с учетом элементов управления.

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

    С помощью этой функции можно добавлять на панель «Основные графические элементы» элементы управления для данные таблицы в формате CSV и TSV. При экспорте этих шаблонов анимационного дизайна с элементами управления данными в Premiere Pro данные можно будет изменять и заменять прямо в программе Premiere Pro.

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

    Чтобы добавить элементы данными на панель «Основные графические элементы», выполните следующие действия:

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

    Изображение

    Буду очень благодарна за ссылку на алгоритм создания такого шедевра.

    PS если поможет, могу выложить кусочек видео с этой рамкой

    голова с дырками

    ну способов много есть, можно поступить вот так:

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

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

    Дали нажать на красную кнопку :)

    спасибо за советы!

    попробую в выходные сделать. если что - буду спрашивать дальше!

    голова с дырками

    вот именно, способов очень много.
    если поконкретней.

    1. есть у вас, допустим, вот такое вот видео

    2. создаем солид, рисуем обьект который будет активной маской (можно нарисовать и допустим в фотошопе, а потом просто вставить отдельным слоем), дублируем и зеркально отражаем.

    3. двигаем их за обьектом, немного вращая, если надо уменьшая и увеличивая (предварительно анкор поинт естессна нада поставить на интерисующий обьект)

    4. создаем новый солид цвета требуемого фона, который будет скрывать окружение, обрисовываем в первом кадре масочкой нашу рамку и присваиваем движение от нее (можно просто копи\пастом, если анимировали по ключам), и настраиваем размытие

    5. рамочки в прекомпоз и здвигаем каждую новую немного по времени

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

    Анимация в Adobe After Effects: пошаговая инструкция, как создать анимированное изображения для сайта

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

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

    Рассмотрим процесс создания анимированного изображения для сайта в подробностях и по шагам:

    • создание проекта: как создать анимированное изображение
    • создание иконки
    • аnchor Point
    • свойства слоя — Position и Rotation
    • создание анимации иконки
    • улучшение анимации, добавление микроанимации
    • плавность анимации, Easy Ease
    • ключевые кадры анимации в adobe after effects
    • выражения
    • ресурсы в интернете, посвященные анимации
    • редактор диаграмм
    • ресурсы в интернете, посвященные редактору диаграмм
    • указание свойств для отображения в редакторе диаграмм
    • параметры диаграммы в редакторе диаграмм
    • панорамирование и увеличение масштаба в редакторе диаграмм
    • автоматическое масштабирование по высоте и подгонка
    • результат работы

    создание проекта: как создать анимированное изображение

    Анимация — изменение картинки за определенное время. Это происходит из-за смены слоев. В результате можно получить динамичную картинку, которая активно двигается.

    Все уроки по анимации в adobe after effects начинаются в того, что надо создать проект. Для этого нужно перейти по вкладке «Композиция» и создать новый проект. После того как файл назвали, его необходимо сохранить.

    Анимация в Adobe After Effects: пошаговая инструкция, как создать анимированное изображения для сайта

    В начале создания можно указать:

    • разрешение анимации;
    • длительность;
    • количество кадров.

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

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

    вернуться к оглавлению ↑

    создание иконки

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

    Именно с ней будет происходить основная работа. Это макет изображения, на который будут накладываться все слои. Можно создать рисунок с нуля, либо же загрузить уже готовую иконку. Для этого нужно ее импортировать в Adobe или открыть с помощью вкладки «Файл». После загрузки она автоматически появится на панели Timeline.

    вернуться к оглавлению ↑

    аnchor Point

    Точка, вокруг которой происходит все движение, называется Anchor Point. Автоматически она находится в самом центре будущей анимации. Тем, кто только начинает разбираться в том, как сделать анимацию в After Effects, стоит проверять ее положение. Иногда ее можно случайно сдвинуть в процессе работы. Тогда съедет весь рисунок. Чтоб изображение было по центру, надо всегда проверять контрольную точку.

    Анимация в Adobe After Effects: пошаговая инструкция, как создать анимированное изображения для сайта

    Чтоб изменить положение нужно открыть Anchor Point и передвинуть ее в нужное положение. Это один из самых важных моментов, ведь от положения точки зависит исходный результат.

    вернуться к оглавлению ↑

    свойства слоя — Position и Rotation

    Адоб позволяет самостоятельно выбирать и создавать свои. Можно выбирать их насыщенность, цветовую гамму и размещение. Функцию Position используют для изменения расположения объекта. Rotation — градус его вращение.

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

    вернуться к оглавлению ↑

    создание анимации иконки

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

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

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

    вернуться к оглавлению ↑

    улучшение анимации, добавление микроанимации

    Применяя все инструменты и функции Адоб, можно создать красивую, детализированную анимацию. Важно уделить внимание всем частям. Чтоб добавить микроанимацию нужно:

    • добавить еще один слой;
    • изображение привязать к нему;
    • задать нужные параметры разворота на определенном участке;
    • добавить нужное количество кадров;
    • нажать Time Reserve Timeframes.

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

    вернуться к оглавлению ↑

    плавность анимации, Easy Ease

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

    • на слой Null 1 перенести кадр со второй секунды десятого кадра;
    • его же вставить на вторую секунду двадцатого кадра;
    • включить Rotation на 190 градусов;
    • в нижнем прямоугольнике продублировать все так же, как для Null 1, только с Rotation 45 градусов;
    • изображение с третьей секунды десятого кадра перенести на Null 1;
    • добавить двадцатый кадр с третьей секунды, указав Rotation 0;
    • на нижнем прямоугольнике нужно все повторить.

    Когда все сделано, выделяют ключевые кадры и выбирают инструмент Easy Ease. Если все желтые точки совпадают, анимация сглаживается и становится плавной. В случае если есть несовпадения, нужно проверить правильно ли скопированы и перенесены кадры.

    по теме Фотошоп :

    Как сделать прозрачный фон картинки в Photoshop (фотошоп)

    Как нанести градиент на фото с помощью adobe photoshop

    Фотошоп онлайн редактор, функции фотошоп — монтаж, рисование…

    вернуться к оглавлению ↑

    ключевые кадры анимации в adobe after effects

    Ключевые кадры нужны, чтоб задать параметры, которые будут меняться. Это может быть:

    • движения;
    • эффекты;
    • аудиосопровождение;
    • текст;
    • другие объекты.

    Для создания анимации нужно минимум два кадра: начало и конец. Чтоб знать, как анимировать в after effects нужно включить секундомер. При изменениях параметра данные будут сохраняться. Если же таймер выключен, результат не сохранится.

    Ключевые кадры анимации в adobe after effects

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

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

    вернуться к оглавлению ↑

    выражения

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

    Эту опцию чаще всего используют для:

    • беспрерывного вращения;
    • зацикливания точек входа и выхода;
    • разнообразных покачиваний.

    Чтоб создать adobe after effects анимация с выражением, нужно открыть редактор и кликнуть на область, которую нужно изменить. Затем нужно открыть таймлайн и выбрать секундомер рядом с функцией «Положение». Софт предложит стандартные варианты выражений. О том, что данный параметр включен, сигнализирует синий символ «равно». Рядом с ним есть кружок с треугольником внутри. Нажав на него, можно открыть редактор, чтоб ввести текст собственного выражения.

    Анимация в Adobe After Effects: пошаговая инструкция

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

    вернуться к оглавлению ↑

    ресурсы в интернете, посвященные анимации

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

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

    вернуться к оглавлению ↑

    редактор диаграмм

    Что увидеть свойства анимации в виде двумерного графика, нужно зайти в редактор диаграмм. Горизонтально в нем отображено время изменения объектов.

    Есть два варианта диаграммы:

    • значения (указаны все элементы);
    • скорости (скорость их изменений).

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

    Анимация в Adobe After Effects: пошаговая инструкция

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

    по теме создания сайтов :

    Как настроить текстовый редактор Notepad++ нелишне изучить программку — текстовый редактор Notepad++ ! её возможности нынче и рассмотрим: подстроим первичные, но необходимые рычаги управления редактором, а также, что очень важно, научимся работать с Нотепад как с FTP — откроем ftp клиент соединение…

    вернуться к оглавлению ↑

    ресурсы в интернете, посвященные редактору диаграмм

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

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

    вернуться к оглавлению ↑

    указание свойств для отображения в редакторе диаграмм

    Чтоб указать свойства при покадровой анимации картинки в After Effects нужно:

    • выбрать пункт «Показать свойства»;
    • указать необходимую команду.

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

    вернуться к оглавлению ↑

    параметры диаграммы в редакторе диаграмм

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

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

    В параметрах диаграммы видно, присвоены ли звуковые волны слоям. Эталонная диаграмма показывает, насколько элемент соответствует норме. Она серого цвета и доступна только для просмотра.

    вернуться к оглавлению ↑

    панорамирование и увеличение масштаба в редакторе диаграмм

    Чтоб растянуть изображение по горизонтали или вертикали нужно использовать инструмент «Рука». Одновременно с другими его можно включить через длительное нажатие на пробел или среднюю кнопку мыши.

    В зависимости от типа панорамирования стоит использовать:

    • колесико мышки для вертикального;
    • нажать SHIFT при прокрутке мышки для горизонтального.

    Чтоб изменить масштаб нужно открыть функцию «Масштаб». Чтоб уменьшить размер нужно нажать ALT, при запуске инструмента. Это уменьшит размер по вертикали. Чтоб сделать это горизонтально, используют CTRL.

    Для изменения размеров по горизонтали можно попробовать перетащить инструмент «Масштаб». Движение влево уменьшит, вправо — увеличит. Чтоб сделать то же самое во вертикали, инструмент нужно двигать вверх (для увеличения) или вниз (для уменьшения). При этом кнопка ALT должна быть зажатой постоянно.

    Прежде, чем изменять масштабы анимации для Adobe After Effects нужно знать, что при автоматической настройке параметров по высоте, менять вертикаль нельзя.

    вернуться к оглавлению ↑

    автоматическое масштабирование по высоте и подгонка

    Есть несколько видов автоматического масштабирования:

    • по высоте;
    • выбранной области;
    • всего изображения.

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

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

    вернуться к оглавлению ↑

    результат работы

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

    Телеграм канал подпишись. Для вас самое важное и полезное по теме IT технологий и новостей мира!

    Создание… продвижение сайтов: студия ATs media запросто с WordPress


    все статьи: COMPLITRA
    я - сайт COMPLITRA RU. Буду делиться для вас, надеюсь, полезной информацией. всегда рад сотрудничеству с авторами.
    мой сайт

    Читайте также: