Руководство пользователя Отмена

Как изменить обводку фигуры

  1. Руководство пользователя After Effects
  2. Выпуски бета-версии
    1. Обзор программы бета-тестирования
    2. Домашняя страница бета-версии After Effects
    3. Функции бета-версии
      1. Панель «Свойства» (Бета-версия)
  3. Начало работы
    1. Начало работы с After Effects
    2. Новые возможности After Effects 
    3. Сведения о выпуске | After Effects
    4. Системные требования для After Effects
    5. Сочетания клавиш в After Effects
    6. Поддерживаемые форматы файлов | After Effects
    7. Рекомендации по аппаратному обеспечению
    8. After Effects для компьютеров с процессорами Apple
    9. Планирование и настройка
    10. Настройка и установка
  4. Рабочие среды
    1. Общие элементы пользовательского интерфейса
    2. Знакомство с интерфейсом After Effects
    3. Рабочие процессы
    4. Рабочие среды, панели управления, программы просмотра
  5. Проекты и композиции
    1. Проекты
    2. Основы создания композиции
    3. Предварительная композиция, вложение и предварительный рендеринг
    4. Просмотр подробных сведений о производительности с помощью инструмента «Профайлер композиций»
    5. Модуль рендеринга композиций CINEMA 4D
  6. Импорт видеоряда
    1. Подготовка и импорт неподвижных изображений
    2. Импорт из After Effects и Adobe Premiere Pro
    3. Импорт и интерпретация видео и аудио
    4. Подготовка и импорт файлов 3D-изображений
    5. Импорт и интерпретация элементов видеоряда
    6. Работа с элементами видеоряда
    7. Определение точек редактирования с помощью функции «Определение изменения сцен»
    8. Метаданные XMP
  7. Текст и графические элементы
    1. Текст
      1. Форматирование символов и панель символов
      2. Эффекты текста
      3. Создание и редактирование текстовых слоев
      4. Форматирование абзацев и панель «Абзац»
      5. Экструзия слоев текста и слоев-фигур
      6. Анимация текста
      7. Примеры и ресурсы для текстовой анимации
      8. Шаблоны динамического текста
    2. Анимационный дизайн
      1. Работа с шаблонами анимационного дизайна в After Effects
      2. Использование выражений для создания раскрывающихся списков в шаблонах анимационного дизайна
      3. Работа с основными свойствами для создания шаблонов анимационного дизайна
      4. Замена изображений и видео в шаблонах анимационного дизайна и основных свойствах
  8. Рисование, заливка цветом и контуры
    1. Обзор слоев-фигур, контуров и векторных изображений
    2. Инструменты рисования: «Кисть», «Штамп» и «Ластик»
    3. Как изменить обводку фигуры
    4. Атрибуты фигур, операции заливки цветом и операции с контурами для слоев-фигур
    5. Использование эффекта фигуры «Cмещение контура» для изменения фигур
    6. Создание фигур
    7. Создание масок
    8. Удаление объектов из видеоматериалов с помощью панели «Заливка с учетом содержимого»
    9. Инструменты «Кисть для ротоскопии» и «Уточнить подложку»
  9. Слои, маркеры и камера
    1. Выделение и упорядочивание слоев
    2. Режимы наложения и стили слоев
    3. 3D-слои
    4. Свойства слоя
    5. Создание слоев
    6. Управление слоями
    7. Маркеры слоя и маркеры композиции
    8. Камеры, освещение и точки обзора
  10. Анимация, ключевые кадры, отслеживание движения и прозрачное наложение
    1. Анимация
      1. Основы анимации
      2. Анимация с помощью инструментов «Марионетка»
      3. Управление и анимация контуров фигур и масок
      4. Анимация фигур Sketch и Capture с помощью After Effects
      5. Инструменты анимации
      6. Работа с анимацией на основе данных
    2. Ключевой кадр
      1. Интерполяция ключевого кадра
      2. Установка, выбор и удаление ключевых кадров
      3. Редактирование, перемещение и копирование ключевых кадров
    3. Отслеживание движения
      1. Отслеживание и стабилизация движения
      2. Отслеживание лиц
      3. Отслеживание маски
      4. Ссылка на маску
      5. Скорость
      6. Растягивание по времени и перераспределение времени
      7. Тайм-код и единицы отображения времени
    4. Прозрачное наложение
      1. Прозрачное наложение
      2. Эффекты прозрачного наложения
  11. Прозрачность и композиция
    1. Обзор композиции и прозрачности и соответствующие ресурсы
    2. Альфа-каналы, маски и подложки
  12. Корректирование цвета
    1. Основы работы с цветом
    2. Использование расширения Adobe Color Themes
    3. Управление цветом
    4. Эффекты цветокоррекции
  13. Эффекты и стили анимации
    1. Обзор эффектов и стилей анимации
    2. Список эффектов
    3. Эффекты имитации
    4. Эффекты стилизации
    5. Аудиоэффекты
    6. Эффекты искажения
    7. Эффекты перспективы
    8. Эффекты канала
    9. Эффекты создания
    10. Эффекты перехода
    11. Эффект «Устранение эффекта плавающего затвора»
    12. Эффекты «Размытие» и «Резкость»
    13. Эффекты 3D-канала
    14. Программные эффекты
    15. Эффекты подложки
    16. Эффекты «Шум» и «Зернистость»
    17. Эффект «Увеличение с сохранением уровня детализации»
    18. Устаревшие эффекты
  14. Выражения и автоматизация
    1. Выражение
      1. Основы работы с выражениями
      2. Понимание языка выражений
      3. Использование элементов управления выражениями
      4. Различия в синтаксисе между движками выражений JavaScript и Legacy ExtendScript
      5. Управление выражениями
      6. Ошибки выражения
      7. Использование редактора выражений
      8. Использование выражений для изменения свойств текста и доступа к ним
      9. Справочник языка выражений
      10. Примеры выражений
    2. Автоматизация
      1. Автоматизация
      2. Сценарии
  15. Видео с погружением, VR и 3D
    1. Создание сред VR в After Effects
    2. Применение видеоэффектов с эффектом погружения
    3. Инструменты составления композиций для видеоизображений VR/360
    4. Отслеживание движений камеры в трехмерном пространстве
    5. Пространство для работы с трехмерными объектами
    6. Инструменты 3D-преобразования
    7. Дополнительные возможности 3D-анимации
    8. Предварительный просмотр изменений в 3D-дизайнах в режиме реального времени с помощью модуля режима реального времени
    9. Добавление гибкого дизайна в графику 
  16. Виды и предварительный просмотр
    1. Предпросмотр
    2. Предпросмотр видео с помощью Mercury Transmit
    3. Изменение и использование представлений
  17. Рендеринг и экспорт
    1. Основы рендеринга и экспорта
    2. Экспорт проекта After Effects как проекта Adobe Premiere Pro
    3. Преобразование фильмов
    4. Многокадровый рендеринг
    5. Автоматический рендеринг и рендеринг по сети
    6. Рендеринг и экспорт неподвижных изображений и наборов неподвижных изображений
    7. Использование кодека GoPro CineForm в After Effects
  18. Работа с другими приложениями
    1. Dynamic Link и After Effects
    2. Работа с After Effects и другими приложениями
    3. Синхронизация настроек в After Effects
    4. Библиотеки Creative Cloud Libraries в After Effects
    5. Подключаемые модули
    6. CINEMA 4D и Cineware
  19. Совместная работа: Frame.io и Team Projects
    1. Совместная работа в Premiere Pro и After Effects
    2. Frame.io
      1. Установка и активация Frame.io
      2. Использование Frame.io с Premiere Pro и After Effects
      3. Часто задаваемые вопросы
    3. Team Projects
      1. Начало работы с Team Projects
      2. Создание Team Project
      3. Совместная работа с помощью Team Projects
  20. Память, хранилище, производительность
    1. Память и хранилище
    2. Повышение производительности
    3. Установки
    4. Требования к графическому процессору и драйверу графического процессора для After Effects

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

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

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

Возможности работы со сглаженными ободками:

Укажите, где начинается сглаживание по контуру

Можно сгладить начало обводки, выбрать длину и интенсивность сглаживания.
Например, чтобы обводка начиналась только посередине, следует с помощью свойства Начальная длина задать значение 50 %, если в качестве Единицы длины используется процент.

Сгладьте любую сторону обводки

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

Отрегулируйте степень скругления сглаживания

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

Создание волн разной толщины по всей длине обводки

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

анимация обводки текста

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

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

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

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

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

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

Начальная длина: определяет длину сглаживания от начала обводки.

Конечная длина: определяет длину сглаживания от конца обводки.

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

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

Начальное замедление: определяет степень скругления сглаживания по начальной длине. Этот параметр применяется к резким краям для сглаживания обводки, чтобы придать более плавный и естественный вид. Если задать негативное значение на ползунке, сглаживание будет заостренное. При значении 0 сглаживание будет линейным. А при положительном значении сглаживание будет скругленным.

Конечное замедление: определяет степень скругления сглаживания по конечной длине. Этот параметр применяется к резким краям для сглаживания обводки, чтобы придать более плавный и естественный вид. Если задать отрицательное значение на ползунке, сглаживание будет заостренное. При значении 0 сглаживание будет линейным. А при положительном значении сглаживание будет скругленным.

Волна: применяйте этот параметр, чтобы применить волнистую обводку по контуру.

  • Величина: определяет интенсивность и количество волн, примененных к обводке. Чем меньше это значение, тем более плавными будут волны, чем выше значение, тем интенсивнее волны.
  • Единицы: определяет единицы измерения длина волны — Пикселы или Циклы. Циклы можно использовать для замкнутых контуров фигур, поскольку в результате поддерживается непрерывность на краях.
  • Длина волны: определяет расстояние между волнами. Используйте небольшое значение, чтобы волны были редкими, или большое значение, чтобы волны получились частыми.
  • Фаза: используйте этот параметр, чтобы сместить волну по контуру и таким образом анимировать ее по всей длине контура.

Выберите различные единицы волны для получения различных результатов

В качестве единицы выбраны «Циклы»

Если в качестве единиц выбраны «Циклы», параметр «Длина волны» превращается в параметр «Циклы». Если параметру «Длина волны» задать значение 1, в обводке будет видна одна волна. Количество волн растет с увеличением длины волны. Это лучше всего работает с замкнутыми фигурами.

В качестве единицы выбраны «Пикселы»

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

Как начать сглаживание для обводки фигуры?

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

Сглаживание

  1. Создайте композицию, выберите Композиция > Новая композиция.

    ИЛИ

    Нажмите раздел Новая композиция на домашнем экране.

    ИЛИ

    Нажмите значок Композиция на панели Проекты.

  2. Нажмите инструмент Перо или клавишу G. Нарисуйте прямую линию и измените форму нужным образом. Настройте размер обводки и цвет заливки. Чем больше толщина контура, тем заметнее будут результаты.

  3. Нажмите треугольник на таймлайне, чтобы отобразить компоненты. Выберите Слой-фигура > Содержимое > Обводка1 > Сглаживание.

    Меню СГЛАЖЕННЫЕ
    Параметр «Сглаживание»

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

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

Волна

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

  1. В том же параметре Обводка1 в разделе Сглаживание есть настройка Волна. Нажмите на треугольник, чтобы отобразить свойства.

    Меню «Волна»
    Параметр «Волна»

  2. Используйте свойство Величина, чтобы настроить интенсивность волн.

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

  4. Установите фазу, чтобы сместить волну по контуру и таким образом анимировать ее по всей длине контура. Для анимации используйте значения от 0 до 360 с промежутком в 4 секунды.

Примечание.

Невозможно импортировать сглаженные обводки из Illustrator. В настоящее время можно использовать только собственные сглаженные обводки After Effects.

Пример. Создайте эффект записи со сглаженной обводкой

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

Анимация сглаженного текста

Загрузить файл с примером

Загрузить

Есть вопрос или идея?

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

Логотип Adobe

Вход в учетную запись

[Feedback V2 Badge]