Создание и настройка фигур и масок в After Effects
Создавайте и изменяйте фигуры с помощью инструментов «Перо» и «Фигура», копируйте контуры в After Effects из Illustrator и Photoshop.
Слои-фигуры создаются рисованием на панели «Композиция» с использованием инструмента фигур или инструмента «Перо». Затем к существующим фигурам можно добавлять атрибуты фигур или создавать фигуры в пределах этого слоя-фигуры. По умолчанию при выделении слоя-фигуры и рисовании на панели «Композиция» в этом слое-фигуре создается фигура над выделенными фигурами или группой фигур. Рисование на панели «Композиция» с помощью инструмента фигур или инструмента «Перо», когда выбран слой изображения, не являющийся слоем-фигурой, приводит к созданию маски. Дополнительные сведения см. в разделе Создание масок в After Effects.
Комбинация клавиш инструмента «Фигура» — Q, а комбинация клавиш инструмента «Перо» — G.
Примечание.
Перед тем как начать рисовать на панели «Композиция», чтобы создать слой-фигуру, нажмите клавишу F2 и отмените выделение всех слоев.
Обычно новая фигура имеет заливку и обводку, которые соответствует настройкам «Заливка» и «Обводка», выбранным на панели «Инструменты» в момент, когда фигура была нарисована. Те же самые элементы управления на панели «Инструменты» можно использовать, чтобы изменить эти атрибуты для выбранной фигуры после того, как она была нарисована. Фигуры, созданные из текста, создаются с помощью заливок и обводок, которые соответствуют заливкам и обводкам исходного текста.
Можно создать слой-фигуру из слоя векторной графики видеоряда, а затем изменить его. Функции создания фаски и экструзии в After Effects позволяют также выполнить экструзию графического объекта, например, логотипа.
Дополнительные сведения см. в разделе Экструзия слоев текста и слоев-фигур.
Чтобы преобразовать слой векторной графики видеоряда в слой фигуры, выберите Слой > Создать > Создать фигуры из векторного слоя. Соответствующий слой-фигура отображается поверх слоя видеоряда, который будет отключен.
- В настоящее время сохранены не все функции файлов Illustrator. Примеры включают непрозрачность, изображения и градиенты.
- Преобразованные фигуры игнорируют переопределения PAR, заданные в диалоговом окне «Интерпретация видеоряда».
- Градиенты и неподдерживаемые типы могут отображаться как фигуры с уровнем серого 50 %.
- Файлы с тысячами контуров могут импортироваться медленно и без обратной связи.
- Команда меню за один раз срабатывает только на одном выделенном слое.
- При импорте файла Illustrator в качестве композиции (нескольких слоев) невозможно преобразовать все эти слои одновременно. Однако, можно импортировать файл в качестве видеоряда, а затем использовать команду для преобразования слоя видеоряда в фигуры.

К инструментам фигур относятся инструменты «Прямоугольник» , «Прямоугольник со скругленными углами» , «Эллипс» , «Многоугольник» , и «Звезда» .
Примечание.
Для активации инструментов фигур и переключения между ними используйте клавишу Q.
Многоугольник представляет собой звезду без свойств «Внутренний радиус» или «Внутренняя округлость», поэтому имена фигур, созданных инструментами «Многоугольник» и «Звезда», одинаковые:
Маску можно создать с помощью инструмента фигур путем перетаскивания на выбранный слой на панели «Композиция» или панели «Слой». Фигуру можно создать с помощью инструмента фигур путем перетаскивания на выбранный слой на панели «Композиция». Если слой не выбран, перетаскивание с помощью инструмента фигур на панель композиции, создает фигуру на новом слое-фигуре.
Примечание.
Чтобы нарисовать маску в слое-фигуре, нажмите активным инструментом фигур кнопку «Инструмент создания маски» на панели «Инструменты».
При создании фигуры путем перетаскивания на панель «Композиция» с помощью инструмента фигур создается параметрический контур фигуры. Чтобы вместо этого создать контур фигуры кривой Безье, перед началом перетаскивания нажмите клавишу ALT (Windows) или OPTION (Mac OS). Клавишу можно отпустить до окончания операции перетаскивания. Все контуры маски являются контурами кривой Безье. (См. раздел Сведения о фигурах и слоях-фигурах.)
Перетаскивание начинается со щелчка панели «Композиция» или панели «Слой» для рисования и заканчивается при отпускании кнопки мыши. Нажатие клавиш-модификаторов в различное время в ходе одной операции перетаскивания приводит к различным результатам.
Чтобы переместить фигуру или маску в процессе рисования, удерживайте клавишу пробела или среднюю кнопку мыши при перетаскивании.
Для масштабирования круга, эллипса, квадрата, квадрата со скругленными углами, прямоугольника или прямоугольника со скругленными углами вокруг его центра в процессе рисования удерживайте клавишу CTRL (Windows) или COMMAND (Mac OS) после начала перетаскивания.
Не отпускайте клавишу до тех пор, пока не отпустите кнопку мыши для завершения рисования.Для отмены операции рисования нажмите клавишу ESC.
Примечание.
Каждый инструмент фигур сохраняет настройки самой последней операции рисования, выполненной с использованием этого инструмента. Например, если нарисовать звезду и изменить количество точек на 10, следующая звезда, также будет иметь 10 точек. Чтобы сбросить значения параметров для инструмента и создать фигуру с настройками по умолчанию, дважды щелкните инструмент на панели «Инструменты». (См. раздел Создание фигуры или маски по размеру слоя).
- Выберите инструмент «Прямоугольник» или «Прямоугольник со скругленными углами» и выполните одно из приведенных ниже действий.
- Чтобы нарисовать прямоугольник или прямоугольник со скругленными углами, перетащите курсор по диагонали.
- Чтобы нарисовать квадрат или квадрат со скругленными углами, перетащите курсор по диагонали, удерживая нажатой клавишу SHIFT.

2. (Необязательно) При рисовании прямоугольника со скругленными углами или квадрата со скругленными углами, прежде чем отпустить кнопку мыши, выполните приведенные ниже действия.
- Для увеличения или уменьшения скругления углов нажмите клавишу СТРЕЛКА ВВЕРХ или СТРЕЛКА ВНИЗ или прокрутите колесико мыши вперед или назад.
- Чтобы установить скругление углов на минимум или максимум, нажмите клавишу СТРЕЛКА ВЛЕВО или СТРЕЛКА ВПРАВО.
3. Завершите рисование, отпустив кнопку мыши. При рисовании квадрата или квадрата со скругленными углами отпустите клавишу SHIFT после отпускания кнопки мыши.
Примечание.
Квадраты создаются в соответствии с попиксельной пропорцией композиции. Если значение пропорций пиксела композиции отлично от 1, квадраты отображаются на панели «Композиция» в квадратной форме, только если кнопка «Вкл./выкл. коррекцию пропорций пиксела» нажата в нижней части панели композиции.
- Выберите инструмент «Эллипс» и выполните одно из указанных ниже действий.
- Чтобы нарисовать эллипс, перетащите курсор по диагонали.
- Чтобы нарисовать круг, перетащите курсор по диагонали, удерживая клавишу SHIFT.
- Отпустите кнопку мыши, чтобы завершить рисование. При рисовании круга отпустите клавишу SHIFT после отпускания кнопки мыши.
Примечание.
Круги создаются в соответствии с пропорциями пиксела композиции. Если значение пропорций пиксела отлично от 1, круги отображаются на панели «Композиция» в форме круга, только если кнопка «Вкл./выкл. коррекцию пропорций пиксела» нажата в нижней части панели композиции.
- Выберите инструмент «Многоугольник» или «Звезда» и выполните одно из указанных ниже действий.
- Перетащите курсор для изменения масштаба и поворота многоугольника или звезды во время их рисования.

- В процессе рисования удерживайте клавишу SHIFT, чтобы масштабировать многоугольник или звезду без поворота.
- Перетащите курсор для изменения масштаба и поворота многоугольника или звезды во время их рисования.
2. (Необязательно) Прежде чем отпустить кнопку мыши, выполните приведенные ниже действия.
- Для добавления или удаления вершин нажмите клавишу СТРЕЛКА ВВЕРХ или СТРЕЛКА ВНИЗ или прокрутите колесико мыши вперед или назад.
- Для увеличения или уменьшения наружного скругления углов нажмите клавишу СТРЕЛКА ВЛЕВО или СТРЕЛКА ВПРАВО.
- Чтобы сохранить внутренний радиус звезды постоянным по мере перемещения мыши в целях увеличения внешнего радиуса, удерживайте нажатой клавишу CTRL (Windows) или COMMAND (Mac OS).
- Для увеличения или уменьшения внутреннего скругления звезды нажмите клавишу PAGE UP или PAGE DOWN.
3. Отпустите кнопку мыши для завершения рисования. Если при перетаскивании для предотвращения поворота удерживалась клавиша SHIFT, отпустите ее после отпускания кнопки мыши.
Маску Безье можно создать посредством применения инструмента «Перо» на выбранном слое на панели «Композиция» или на панели «Слой». Фигуру с контуром кривой Безье можно создать посредством применения инструмента «Перо» на выбранном слое-фигуре на панели «Композиция». Если слой не выбран, рисование с помощью инструмента «Перо» на панели «Композиция» создает фигуру на новом слое фигур.
Создание контура RotoBezier аналогично созданию контура кривой Безье вручную. Основное различие состоит в том, что линии направления для вершин и кривизна сегментов контура вычисляются автоматически.
Выбрав инструмент «Перо» и сняв выделение с параметра RotoBezier на панели «Инструменты», щелкните панель «Композиция» в том месте, где требуется поместить первую вершину.
Щелкните область, в которую необходимо поместить следующую вершину. Чтобы создать сегмент кривой, перетащите дексриптор линии направления и создайте необходимую кривую.
Примечание.

Чтобы изменить положение вершины после того, как указано ее местоположение, но до того, как отпущена кнопка мыши, используйте перетаскивание, удерживая клавишу пробела.
Последняя добавленная вершина имеет вид закрашенного квадрата, указывающего на её выбор. Ранее добавленные вершины будут выглядеть полыми, и, по мере добавления новых вершин, с них будет сниматься выделение.
Повторяйте шаг 2 до завершения создания контура.
Завершите создание контура. Для этого выполните одно из предложенных ниже действий.
- Чтобы замкнуть контур, поместите указатель над первой вершиной и, когда рядом с указателем появится значок замкнутого круга , щелкните вершину. Замкнуть контур также можно, дважды щелкнув последнюю вершину или выбрав Слой > Путь маски и фигуры > Замкнутый.
- Чтобы оставить контур открытым, выберите другой инструмент или нажмите F2, чтобы отменить выделение контура.
- Чтобы замкнуть контур, поместите указатель над первой вершиной и, когда рядом с указателем появится значок замкнутого круга , щелкните вершину. Замкнуть контур также можно, дважды щелкнув последнюю вершину или выбрав Слой > Путь маски и фигуры > Замкнутый.
Простейший контур, который можно нарисовать инструментом «Перо» — это прямая линия из двух вершин, созданных щелчком инструмента «Перо».
Сделав несколько щелчков инструментом, можно создать контур, состоящий из отрезков прямых линий, соединенных угловыми точками.
Поместите инструмент «Перо» в точку, где должен начинаться прямой сегмент, и щелкните, чтобы поместить вершину. (Без перетаскивания.)
При щелчке инструментом «Перо» создаются прямые сегменты.
Щелкните еще раз в том месте, где должен заканчиваться сегмент. (Щелчок при нажатой клавише SHIFT позволит сделать угол между сегментами в угловой точке кратным 45°.)
Продолжайте нажимать кнопку мыши, чтобы создать вершины для дополнительных прямых сегментов.
Для создания искривленного сегмента контура необходимо перетащить линии направления. Фигура кривой определяется длиной и направлением линий направления.
Примечание.
Перетаскивание с нажатой клавишей SHIFT позволит сделать угол между направляющими линиями кратным 45°.
Используйте перетаскивание, удерживая клавишу ALT (Windows) или OPTION (Mac OS), чтобы изменить только исходящую направляющую линию.
1. Поместите инструмент «Перо» в то место, где должна начинаться кривая, и удерживайте кнопку мыши. Появится вершина, и указатель инструмента «Перо» превратится в стрелку.
2. Используйте перетаскивание, чтобы изменить длину и направление обеих линий направления вершины, а затем отпустите кнопку мыши.
Рисование первой вершины изогнутого контура
A. Размещение инструмента «Перо» B. Начало перетаскивания (с нажатой кнопкой мыши) C. Растягивание управляющих линий путем перетаскивания
3. Поместите инструмент «Перо» в то место, где должен заканчиваться искривленный сегмент, и выполните одно из следующих действий.
- Для создания кривой в форме буквы С, перетащите ее в противоположном направлении от направления, в котором создавалась предыдущая линия направления, а затем отпустите кнопку мыши.

Рисование второй вершины изогнутого контура
A. Начало перетаскивания B. Перетаскивание от предыдущей управляющей линии, при котором создается С-образная кривая. C. Результат после отпускания кнопки мыши
- Чтобы создать кривую в форме буквы S, перетащите указатель в направлении предыдущей линии направления и отпустите кнопку мыши.
Рисование S-образной кривой
A. Начало перетаскивания B. Перетаскивание в направлении предыдущей линии, при котором создается S-образная кривая C. Результат после отпускания кнопки мыши
4. Для того чтобы создать несколько сглаженных кривых, продолжайте перетаскивать инструмент «Перо» в другие места.
Выберите папку для размещения новой фигуры.
- Чтобы создать фигуру на существующем слое фигур, выделите нужный слой фигур.

- Чтобы создать фигуру на новом слое фигур, имеющим размер композиции, отмените выбор всех слоев, нажав клавишу F2.
- Чтобы заменить контур фигуры, выберите контур фигуры (не группу) на панели «Композиция» или таймлайне.
- Чтобы создать фигуру на существующем слое фигур, выделите нужный слой фигур.
На панели «Инструменты» дважды щелкните инструмент «Прямоугольник» , «Прямоугольник со скругленными углами» , «Эллипс» , «Многоугольник» или «Звезда» .
Команда Создать фигуры из текста извлекает очертания каждого символа, создает из них фигуры и размещает фигуры в новом слое-фигуре. Затем эти фигуры можно использовать, как любые другие фигуры.
Команда Создать маски из текста извлекает очертания каждого символа, создает из них маски и размещает маски в новом слое сплошного цвета. Затем эти маски можно использовать, как любые другие маски.
Примечание.
Некоторые шрифты, например Webdings, включают в себя символы, которые являются графическими изображениями, а не текстом.
Преобразование текста из таких шрифтов может быть хорошим способом начать работу с простыми графическими элементами в слоях-фигурах.
Выделите текст для преобразования в фигуры.
- Чтобы создать фигуры для всех символов в текстовом слое, выделите текстовый слой на таймлайне или панели «Композиция».
- Чтобы создать фигуры для отдельных символов, выделите символы на панели «Композиция».
Выполните одно из предложенных ниже действий.
- Выберите Слой > Создать фигуры из текста.
- Щелкните слой или текст правой кнопкой мыши (Windows) или левой кнопкой мыши, удерживая нажатой клавишу Control (Mac OS), и из контекстного меню выберите Создать фигуры из текста.
- Переключатель «Видео» для текстового слоя должен быть выключен.
- Новый слой фигур создается в порядке расположения объектов слоя сверху. Новый слой содержит одну группу фигур для каждого выделенного символа, а также свойства заливки и обводки, которые соответствуют заливке и обводке текста.

- Для символов, которые составляют составные контуры, такие как i и e, создается несколько контуров, которые объединяются с помощью операции «Объединить контуры».
- Эффекты, маски, стили слоев, а также ключевые кадры и выражения для свойств в группе свойств преобразования текстового слоя будут скопированы на новый слой фигур или сплошной слой.
Можно скопировать контур из Illustrator или Photoshop и вставить его в After Effects как контур маски или контур фигуры.
Чтобы копируемые из Illustrator данные были совместимы с After Effects, необходимо выбрать параметр AICB в разделе «Файлы и буфер обмена» диалогового окна установок Adobe Illustrator.
Для корректного масштабирования контура, импортированного из Photoshop, документ Photoshop должен иметь разрешение 72 dpi. 72 dpi — это разрешение документов, созданных в Photoshop с использованием шаблона настроек «Пленка и видео».
Контур, скопированный из Illustrator или Photoshop, можно также использовать в качестве пути движения в After Effects.
Дополнительные сведения см. в разделе Создание пути движения из маски, фигуры или контура заливки.
Контур, нарисованный в Adobe Illustrator (слева) и вставленный в After Effects в качестве маски (справа)
В Illustrator или Photoshop выделите весь контур, а затем выполните команду Редактировать > Копировать.
Чтобы определить цель для операции вставки в After Effects, выполните одно из следующих действий.
- Чтобы создать маску, выделите слой.
- Чтобы заменить существующий контур маски или контур фигуры, выберите его свойства контура.
Примечание.
Чтобы вставить контур как контур фигуры, необходимо выбрать свойство контура существующей фигуры в слое фигур. Этот выбор сообщает After Effects о цели операции вставки; если целевой объект не определен, After Effects предполагает, что целевым объектом является весь слой и поэтому рисует новую маску.
Если в слое фигур не существует ни одного контура (возможно, когда слой фигур пустой), то можно с помощью инструмента «Перо» нарисовать контур-заполнитель и затем вставить в контур-заполнитель контур из Illustrator.Выберите команду «Правка» > «Вставить». При вставке нескольких контуров в контур фигуры в него переходит первый контур, а остальные контуры вставляются в контуры новой маски.
Можно скопировать ключевые кадры положения, ключевые кадры опорных точек или ключевые кадры положения контрольных точек эффекта и вставить эти ключевые кадры в выделенный контур маски или фигуры. При создании путей маски или фигуры из путей движения, убедитесь, что копируются ключевые кадры только из одного свойства «Положение». Не копируйте ключевые кадры любого другого свойства.
Примечание.
Нарисуйте путь движения с помощью инструмента «Набросок движения» и вставьте его в контур маски или фигуры.
Путь движения космического корабля скопирован на задний план и анимирован
На панели «Таймлайн» щелкните имя свойства «Положение» или «Опорная точка», из которого требуется скопировать путь движения. (Это выделяет все ключевые кадры. Чтобы выбрать только некоторые из ключевых кадров пути движения, щелкните их, удерживая нажатой клавишу SHIFT.)
Выберите команду «Правка» > «Копировать».
Чтобы создать слой-фигуру, нажмите клавишу F2 для отмены выделения всех слоев, затем инструментом «Перо» щелкните на панели «Композиция» для создания одноточечного контура Безье.
Нажмите SS для отображения свойства «контур» для фигуры. Щелкните имя свойства «контур», в который необходимо вставить ключевые кадры из пути движения.
Выберите команду «Правка» > «Вставить».
Чтобы это сделать, см. раздел Создание маски из пути движения.
Если группа фигур выделена в режиме группового выделения, при ее перемещении, вращении или масштабировании на панели «Композиция» можно создать дубликат группы.
Для преобразования группы удерживайте клавишу ALT (Windows) или OPTION (Mac OS) при перетаскивании.
Если, удерживая данную клавишу, установить указатель рядом с окном преобразования группы, курсор превращается в указатель дублирования ( или ).
Правовые уведомления | Политика конфиденциальности в сети Интернет
Анимация в After Effects
Анимация
в After Effects
Онлайн школа Большого фестиваля мультфильмов
Курс Натальи Томиловой
СТАРТ КУРСА 24 ОКТЯБРЯ 2020 ГОДА
Анимация
в After Effects
Онлайн школа Большого фестиваля мультфильмов
Курс Натальи Томиловой
СТАРТ КУРСА 24 ОКТЯБРЯ 2020 ГОДА
Этот курс подходит
для новичков
Специальные навыки не требуются,
можно даже не уметь рисовать
Освойте After Effects
за 8 занятий
В результате курса у вас получится
готовый анимационный ролик
Дистанционное обучение
Занимайтесь онлайн
из любой удобной точки мира
Курс состоит из 8 видеоуроков, из которых вы узнаете, как из сценария сделать раскадровку, а из раскадровки аниматик, и как делать анимацию и компоузинг в программе After Effects.
В каждом видеоуроке есть домашнее задание, на выполнение которого у вас будет неделя. Задать вопросы и показать выполненное задание можно на вебинарах.
Курс подходит для новичков и даже для тех, кто не имеет навыков рисования. Вы сможете изучить программу с нуля и в финале курса получить готовый анимационный ролик в технике компьютерной перекладки.
Записаться:
Обучение проходит на платформе GETCOURSE. Для того, чтобы получать уроки, необходимо зарегистрировать в данной форме, а после регистрации перейти к оплате.
Оплатить:
Курс «Анимация в After Effects»
8 практических видеоуроков, 8 еженедельных вебинаров
+ обратная связь от преподавателя
+ Telegram чат группы
12500
р.
Для прохождения курса вам понадобятся:
1. Компьютер с операционной системой Windows или iOS
2. Программа After Effects (www.adobe.com)
Программа курса
Сферы применения и возможности программы After Effects.
Превизуализация.
Этапы работы над сценарием
1
Онлайн-встреча с преподавателем,
разбор домашних заданий, ответы на вопросы
Перевод истории в кадры
2
Онлайн-встреча с преподавателем,
разбор домашних заданий, ответы на вопросы
Знакомство с After Effects.
Создание видеоряда из раскадровки. Монтаж и звук
3
Онлайн-встреча с преподавателем,
разбор домашних заданий, ответы на вопросы
Создание объёмного фона
4
Онлайн-встреча с преподавателем,
разбор домашних заданий, ответы на вопросы
Основы анимации в After Effects.
Создание анимированных сцен на основе раскадровки
5
Онлайн-встреча с преподавателем,
разбор домашних заданий, ответы на вопросы
Создание персонажа для анимации
6
Онлайн-встреча с преподавателем,
разбор домашних заданий, ответы на вопросы
Технология компьютерной перекладки в Аfter Effects.
Добавление в сцены анимированных героев
7
Онлайн-встреча с преподавателем,
разбор домашних заданий, ответы на вопросы
Знакомство с дополнительными возможностями Аfter Effects.
Добавление спецэффектов и рендер
8
Онлайн-встреча с преподавателем,
разбор домашних заданий, ответы на вопросы
О преподавателе:
Наталья Томилова
Художник-аниматор, преподаватель
Автор большого количества обучающих программ по анимации и компьютерной графики для школ, институтов и детских студий.
В настоящее время преподает компьютерную графику и анимацию в Институте Кино и Телевидения (ГИТР), проводит мастер-классы, работает художником-мультипликатором на различных проектах.
Работала над проектами:
2018-2020
иллюстратор: «Завтра на Ура!», телеканал Карусель
2017
аниматор/режиссёр: «G&G Duet», заставка ОРФАК
аниматор: «НЕслужебный роман», Первый канал
2016
режиссёр/аниматор/компоузинг: «Волшебный чай»
2014
аниматор/компоузинг: «Канадские байки»
2012-2015
аниматор/компоузинг: «Путешествуй с нами», ПилотТВ
аниматор/компоузинг: «Почемучка», ПилотТВ
2010
аниматор/компоузинг: «Тайна Сухаревой башни»
2009
аниматор: «Похождение лиса»
2008
аниматор: «Камилла»
2007
аниматор: «Лапландская колыбельная»
2006
аниматор: «Волшебный сад»
аниматор: «Большой петух»
онлайн школа БОЛЬШОГО ФЕСТИВАЛЯ МУЛЬТФИЛЬМОВ
АВТОРСКИЙ КУРС НАтАЛЬИ ТОМИЛОВОЙ
Контакты
Студия БФМ
Москва, ЦТИ Фабрика, Переведеновский пер.
, 18
Куратор: Таисия Шлепнёва
моб.тел.: +7 (926) 663 39 95
почта: [email protected]
© 2015-2020 Студия Большого фестиваля мультфильмов
Инструмент «Перо» в After Effects
Инструмент «Перо», который обычно используется в фотошопе, помогает нам создать контур и выбрать символы. Инструмент «Перо» также является одним из замечательных инструментов повышения производительности в After Effects; с помощью инструмента «Перо» мы можем легко рисовать фигуры и создавать различные маски; Маски используются для слияния многослойных изображений в After Effects. С помощью инструмента «Перо» мы можем рисовать фигуры и создавать пути для анимации; мы можем делать анимацию, текстовую анимацию и анимацию формы с помощью инструмента «Перо». Теперь давайте посмотрим на некоторые анимации с помощью инструмента «Перо».
Использование инструмента «Перо» в After Effects
Сначала мы увидим, как рисовать линию с помощью инструмента «Перо» и анимировать линию.
Шаг 1: Создайте новую композицию.
Шаг 2: Создайте слой Shape, где мы можем нарисовать форму линии и анимировать ее.
Шаг 3: Выберите инструмент «Перо», и здесь нам не нужна заливка, потому что мы рисуем только фигуру, заливка будет использоваться в случаях маскирования, вот два варианта: один маскирует, а другой рисование формы, поэтому мы выбираем вариант формы.
Шаг 4: Выберите Запас нужного вам цвета; всегда выбирайте привлекательный цвет, потому что он придает красоту анимации.
Шаг 5: Теперь приступим к рисованию, нарисуйте фигуру по вашему желанию с помощью инструмента «Перо», нарисуйте линию, как кривую, никаких проблем, даже если вы не получите правильную форму, потому что мы есть еще один вариант исправления формы, мы увидим это на следующем шаге.
Каждый раз у нас не получится хороший рисунок, тем не менее, мы используем инструмент перо; при использовании инструмента «Перо» в некоторых местах мы не можем управлять кривыми и формами; в таких случаях у нас есть возможность исправить форму и изгибы; посмотрим как
Шаг 6: Перейдите к слою фигуры, содержимому, фигуре.
Выберите путь, как показано на изображении ниже. Как только мы выберем путь, мы сможем найти точки на нашем рисунке.
Шаг 7: Теперь выберите инструмент выделения, чтобы скорректировать точки на чертеже; регулируя эти точки, мы можем привести формы в соответствии с нами, чтобы получить хорошие формы.
Шаг 8: Теперь мы можем видеть опорные точки на чертеже; мы можем выбрать каждую точку и настроить рисунок.
Шаг 9: Путем корректировки точек мы можем получить наши формы.
Шаг 10: На этом шаге я объясню очень важную и полезную опцию Обрезать пути; позвольте мне рассказать кое-что о пути обрезки; некоторые из пользователей, которые редко используют послеэффекты, могут не знать об этом, потому что он скрывается под подменю формы, этот инструмент позволяет вам настроить пути слоя. Мы можем делать несколько анимаций с этим контуром обрезки, например маршрут карты, инфографику, обводку текста, текстовое поле, всплески кругов.
Шаг 11: В этом пути обрезки есть два основных параметра: начало и конец.
Шаг 12: Теперь измените значения начала и конца.
Шаг 13: Здесь мы меняем значения начала и конца.
Шаг 14: Здесь нам нужно запустить анимацию, применив ее к начальной и конечной точкам. Первый запуск начинается с 0,0 в начале, а конечные значения переходят к следующей точке, где бы вы ни находились, и дают значение 100 100 в начальных и конечных значениях.
Шаг 15: В начальной точке увеличьте значение End до 20 сейчас; мы можем найти небольшую линию.
Шаг 16: Когда мы перемещаемся из начального положения в конечное, мы можем видеть анимацию линии, движущейся от начала до конца, как змея.
Шаг 17: Здесь у нас есть векторный режим для редактирования значений, чтобы сделать нашу анимацию более плавной.
- В этом процессе мы видели, как фигура анимируется с помощью инструмента «Перо», здесь мы рисуем линию с помощью инструмента «Перо»; с помощью контура мы создаем фигуру и используем контуры обрезки, чтобы анимировать эту линию, изменяя начальную и конечную точки. Не единственная фигура, которую мы можем анимировать с помощью инструмента «Перо».
Анимация частиц с помощью инструмента «Перо»
Ниже приведены шаги по созданию анимации с помощью инструмента «Перо».
Шаг 1: Импортируйте любые объекты, которые вы хотите анимировать; здесь я импортирую мяч.
Шаг 2: Мы можем анимировать объект с помощью анимации по ключевым кадрам, изменив начальную и конечную позиции; это обычный нормальный процесс, который может сделать каждый.
Но если вам нужно сделать что-то другое или творческую анимацию, просто используйте инструмент «Перо».
Шаг 3: Выберите слой-фигуру, на котором мы собираемся нарисовать путь для нашей анимации.
Шаг 4: Выберите инструмент «Перо», чтобы нарисовать фигуру.
Шаг 5: Теперь нарисуйте фигуру в соответствии с нашими требованиями к анимации, мы импортировали объект шара, поэтому я рисую форму вверх и вниз, потому что я чувствую, что мяч должен падать сверху вниз и прыгать шаг за шагом, поэтому я начал первую точку сверху и нарисовал форму вверх и вниз и закончил в углу, где мяч должен остановиться.
Здесь вы можете увидеть форму; в этой форме мяч будет путешествовать, вы можете найти первую точку за экраном, где мяч выходит за пределы экрана.
Шаг 6: Для каждого объекта будет центральная точка; в этом процессе нам нужно изменить центральную точку на нижнюю, потому что у нас есть прицельный шар; если мяч имеет центральную точку посередине при касании земли, его центральная точка встретится с землей, где он не будет выглядеть профессионально, поэтому я изменил центральную точку, если у нас есть какой-либо другой объект, мы можем изменить центральную точку в соответствии с требование.
Шаг 7: Перейдите к слою формы, содержанию, фигуре – путь 1 – путь. Выберите путь и скопируйте, убедитесь, что оба пути выбраны при копировании.
Шаг 8: Подойдите к объекту (шару) и выберите позицию, нажав (p) на клавиатуре и вставив.
Теперь мяч скрыт, потому что при применении копии пути к позиции мяч движется по этому пути.
Шаг 9: Настраивая ключевые точки на временной шкале, мы можем управлять анимацией, например, быстрым началом и замедлением в конце.
Заключение
В этом процессе мы анимируем шар с помощью инструмента «Перо»; мы рисуем фигуру и создаем путь, копируем путь из слоя формы и вставляем в позицию объекта таким образом, чтобы объект следовал позициям формы. Используя это как образец, мы создаем множество других анимаций. Как и способы, мы можем анимировать любой объект с помощью инструмента «Перо».
Рекомендуемые статьи
Это руководство по инструменту «Перо» в After Effects.
Здесь мы обсуждаем, как использовать Pen Tool в After Effects с практическими примерами. Вы также можете ознакомиться с другими нашими статьями по теме, чтобы узнать больше –
- Эффекты в Illustrator
- Временная шкала After Effects
- Отслеживание After Effects
- 3D-эффекты в After Effects
Как создать базовую анимацию кадра в After Effects
С помощью инструмента «Кисть» Adobe After Effects легко создать собственную покадровую анимацию. Если вы когда-либо просматривали флипбук, вы видели, что изображения с небольшими различиями могут создать общую иллюзию движения. Вы можете использовать эту же технику покадрового рисования для создания собственных анимаций в Adobe After Effects. Это утомительный процесс, но, к счастью, это не сложно! Этот базовый урок научит вас основному методу, который можно применить к любым иллюстрациям, которые вы пожелаете.
(Чтобы узнать, как применить этот трюк к видео TikTok, нажмите здесь.
Или хотите пропустить органический рисунок и просто обвести кадры видео? У нас тоже есть учебник для этого.)
- Создайте новую композицию со слоем сплошного цвета. Мы собираемся использовать этот сплошной цвет в качестве фона. Перейдите в Layer> New> Solid, чтобы создать его с цветом по вашему выбору.
- Дважды щелкните инструмент «Кисть» (), чтобы создать слой краски.
Как только это будет создано, вы также можете выбрать свою кисть.
В этом примере я использую простую круглую кисть размером 15 пикселей белого цвета. - Установите продолжительность кадра как «пользовательскую» 2f.
Продолжительность указывает, сколько кадров движения ваши мазки будут отображаться на экране. 2 — удобная продолжительность, потому что она позволяет вашим кадрам перекрываться на секунду — вы увидите, как это работает, после следующих нескольких шагов.
- Нарисуйте свой первый кадр.
Для этого примера я нарисую фигурный движущийся рисунок.
Первый кадр может быть скучным, но анимация будет выглядеть чистой, если она начинается с малого! - Используйте командную клавишу и клавишу со стрелкой вправо, чтобы перейти к следующему кадру.
Сделайте это один раз, чтобы переместиться на один кадр вперед. Ничего не изменится, но нарисуйте второй кадр поверх первого. Вы можете использовать тот же цвет, но для этого урока я использовал белый цвет, чтобы показать свой первый штрих, и черный, чтобы показать второй.
- Повторяйте этот шаг, пока анимация не будет завершена.
Когда вы нажмете команду + стрелка вправо на этот раз, вы должны увидеть только второй мазок. Добавьте третий поверх этого и повторяйте шаг (Нарисуйте свой кадр, продвиньтесь на один кадр вперед. Нарисуйте, продвиньтесь. Протяните, продвиньтесь.), пока ваша анимация не достигнет своего финального кадра. Вы можете перемещаться назад по временной шкале, нажимая команду + стрелка влево. Чтобы удалить мазок или изменить его продолжительность, щелкните стрелку вниз рядом с «эффектами» в окне временной шкалы.

