Adobe after effects pen tool как пользоваться
Создавайте и изменяйте фигуры с помощью инструментов «Перо» и «Фигура», копируйте контуры в After Effects из Illustrator и Photoshop.
Слои-фигуры создаются рисованием на панели «Композиция» с использованием инструмента фигур или инструмента «Перо». Затем к существующим фигурам можно добавлять атрибуты фигур или создавать фигуры в пределах этого слоя-фигуры. По умолчанию при выделении слоя-фигуры и рисовании на панели «Композиция» в этом слое-фигуре создается фигура над выделенными фигурами или группой фигур. Рисование на панели «Композиция» с помощью инструмента фигур или инструмента «Перо», когда выбран слой изображения, не являющийся слоем-фигурой, приводит к созданию маски. Дополнительные сведения см. в разделе Создание масок в After Effects.
Комбинация клавиш инструмента «Фигура» — Q, а комбинация клавиш инструмента «Перо» — G.
Перед тем как начать рисовать на панели «Композиция», чтобы создать слой-фигуру, нажмите клавишу F2 и отмените выделение всех слоев.
Обычно новая фигура имеет заливку и обводку, которые соответствует настройкам «Заливка» и «Обводка», выбранным на панели «Инструменты» в момент, когда фигура была нарисована. Те же самые элементы управления на панели «Инструменты» можно использовать, чтобы изменить эти атрибуты для выбранной фигуры после того, как она была нарисована. Фигуры, созданные из текста, создаются с помощью заливок и обводок, которые соответствуют заливкам и обводкам исходного текста.
Преобразование видеоряда векторной графики в фигуру
Можно создать слой-фигуру из слоя векторной графики видеоряда, а затем изменить его. Функции создания фаски и экструзии в After Effects позволяют также выполнить экструзию графического объекта, например, логотипа. Дополнительные сведения см. в разделе Экструзия слоев текста и слоев-фигур.
Чтобы преобразовать слой векторной графики видеоряда в слой фигуры, выберите Слой > Создать > Создать фигуры из векторного слоя . Соответствующий слой-фигура отображается поверх слоя видеоряда, который будет отключен.
Известные проблемы с преобразованием видеоряда векторной графики в фигуры
- В настоящее время сохранены не все функции файлов Illustrator. Примеры включают непрозрачность, изображения и градиенты.
- Преобразованные фигуры игнорируют переопределения PAR, заданные в диалоговом окне «Интерпретация видеоряда».
- Градиенты и неподдерживаемые типы могут отображаться как фигуры с уровнем серого 50 %.
- Файлы с тысячами контуров могут импортироваться медленно и без обратной связи.
- Команда меню за один раз срабатывает только на одном выделенном слое.
- При импорте файла Illustrator в качестве композиции (нескольких слоев) невозможно преобразовать все эти слои одновременно. Однако, можно импортировать файл в качестве видеоряда, а затем использовать команду для преобразования слоя видеоряда в фигуры.
Создание фигуры перетаскиванием с помощью инструментов фигур
К инструментам фигур относятся инструменты «Прямоугольник» , «Прямоугольник со скругленными углами» , «Эллипс» , «Многоугольник» , и «Звезда» .
Для активации инструментов фигур и переключения между ними используйте клавишу Q.
Многоугольник представляет собой звезду без свойств «Внутренний радиус» или «Внутренняя округлость», поэтому имена фигур, созданных инструментами «Многоугольник» и «Звезда», одинаковые: polystar.
Маску можно создать с помощью инструмента фигур путем перетаскивания на выбранный слой на панели «Композиция» или панели «Слой». Фигуру можно создать с помощью инструмента фигур путем перетаскивания на выбранный слой на панели «Композиция». Если слой не выбран, перетаскивание с помощью инструмента фигур на панель композиции, создает фигуру на новом слое-фигуре.
Чтобы нарисовать маску в слое-фигуре, нажмите активным инструментом фигур кнопку «Инструмент создания маски» на панели «Инструменты».
При создании фигуры путем перетаскивания на панель «Композиция» с помощью инструмента фигур создается параметрический контур фигуры. Чтобы вместо этого создать контур фигуры кривой Безье, перед началом перетаскивания нажмите клавишу 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 на панели «Инструменты», щелкните панель «Композиция» в том месте, где требуется поместить первую вершину.
Щелкните область, в которую необходимо поместить следующую вершину. Чтобы создать сегмент кривой, перетащите дексриптор линии направления и создайте необходимую кривую.
Чтобы изменить положение вершины после того, как указано ее местоположение, но до того, как отпущена кнопка мыши, используйте перетаскивание, удерживая клавишу пробела.
Последняя добавленная вершина имеет вид закрашенного квадрата, указывающего на её выбор. Ранее добавленные вершины будут выглядеть полыми, и, по мере добавления новых вершин, с них будет сниматься выделение.
В отличие от фотографов, инструмент Pen Tool в Photoshop чаще используют дизайнеры и художники. Хотя это очень полезный инструмент для тех фотографов, которые серьезно относятся к скорости и качеству обработки и в этом уроке я покажу вам, почему.
1. Инструмент Pen Tool
Pen Tool - это векторный инструмент. Вместо длинной строки координат пикселей он использует несколько точек и некоторые уравнения для описания их взаимодействия. Векторные пути масштабируются без потери качества, простым использованием больших множителей.
Очертания путей настраиваются ручками Bezier Handles, они управляют величиной и направлением (два векторных свойства) контрольных точек линии. Вы можете очень точно настроить фигуры кривых Безье.
Непростой для понимания, но очень полезный трюк управления кривыми.
В комбинации с настройками Convert Path to Selection и Refine Edge вы получаете мощный и удивительно простой способ выделения для создания масок.
2. Создание путей
Возьмите Pen Tool для обводки границ выделения. Ручки Bezier управляются простым щелчком и перетаскиванием, надо только уловить связь точки и большого сегмента линии.
Трассировка точного контура для выделения занимает одну - две минуты.
Как только вы поставите точку в нужное место, нажмите A для включения Direct Selection Tool. Это чёрный указатель, который перемещает всю форму. Нажатие Ctrl делает его белым, чтобы воздействовать на каждую точку кривой Bezier по отдельности. Удержание Alt/Option позволяет создавать в точке острый угол.
3. Создание нужного выделения
Как только путь будет готов, откройте палитру Paths palette и щёлкните маленький пунктирный круг внизу, чтобы загрузить путь в качестве выделения. Появятся "бегущие муравьи", а путь исчезнет. Теперь самое время перейти в Select> Modify> Feather . или нажать Shift-F6. Можно смягчить края векторной линии, чтобы они выглядели более естественно. Обычно я использую около 0.3-0.5px.
Load path as selection выделен серым, поскольку я уже нажал на него, но здесь видно, что выделение точно соответствует кривой.
Если вы выделяете что-то мелкое и не резкое, как волосы, теперь самое время использовать Refine Edge. Если вам это ново, у нас есть подсказка a great quick tip on how to use it.
4. Сохранение пути
После окончания работы с выделением, обратите внимание, что ваш путь всё ещё находится в Paths palette под именем "Work Path". Если вы перетащите слой с ним на иконку "New Path" в нижней части палитры, он сохранится, как "Path 1". Его можно переименовать, как в палитре Layers или скопировать через ту же иконку "New Path".
Как только рабочий путь сохраняется, он становится частью вашего PSD-файла и не может быть перезаписан созданием следующего.
5. Повторное использование
Открыв Paths palette, вы в любое время сможете использовать готовый путь для создания выделения. Если вам понадобится изменить масштаб выделения, скопируйте путь, нажмите клавишу A, затем Ctrl-T. Оригинал при этом останется невредимым на своём месте.
В PSD можно создавать сколько угодно копий, они не займут много места. Не беспокойтесь!
Путь может применяться в качестве векторной маски слоя, больше это пригодится в дизайне, поскольку в фотографии нет таких чистых линий. Однако маску можно растрировать и затем использовать.
Вот и всё об этом
Это действительно всё, что нужно, а развитие навыков создания выделений для многоразового использования значительно повысит ваш уровень. Конечно, можно пользоваться обычными способами, но удобней хранить их в Paths palette.
Большинство крупных фотографов пользуются этой техникой в стремлении к совершенству и нет причин, почему все остальные не могут оценить её преимущества.
After Effects — удивительный инструмент который помогает дизайнерам со всего мира создавать крутые анимационные штуки. Но чтобы создавать что-то большое и светлое сначала нужно понять как все устроено и уже затем творить чувствуя не боль крошащихся зубов от непонимания и бессилия того что хочется сделать круто а получается фигня, а почувствовать магию этого редактора так чтобы не задумываться о технической стороне, а просто брать и делать точно зная где что находится, а не тыкаться как слепой котенок.
Я начинаю серию уроков, руководств, советов и лайфхаков по After Effects. Думаю вам понравится. Поехали. В этом небольшом руководстве я расскажу как можно создать анимацию объекта по выбранному пути.
Вот что должно получиться:
Создание проекта
Для начала откройте сам After Effects. Создайте новый проект:
Создание композиции
Pen Tool
Затем выберите инструмент Pen Tool на панели инструментов:
И нарисуйте линию-путь по которому будет двигаться ваш объект:
Ellipse Tool
Выберите на той же панели инструментов Ellipse Tool или нажмите на клавиатуре клавишу “Q”, и нарисуйте объект который будет двигаться по нарисованной линии:
Переименование слоев
Теперь для того чтобы не искать где есть кто — переименуйте слои линии и объекта, перейдите на панель слоев выберите нужный слой и нажмите на нем правой кнопкой мыши для вызова контекстного меню, в нем выберите пункт Rename:
Далее переместите объект к началу вашей линии:
Копирование пути
Затем перейдите на панель слоев выберите слой Line раскройте стек свойств и перейдите к свойству Contents — Shape1 — Patch1 — Patch: Нажмите Ctrl+C чтобы скопировать этот путь.
Теперь перейдите на слой объекта — Circle и нажмите клавишу P для того чтобы активировать свойство Position нажмите Ctrl+V чтобы вставить скопированный путь тем самым привязав его к объекту.
Итоговый вариант
По сути это все, нажмите на пробел и протестируйте анимацию.
Применить это можно к примеру для карты навигации где запустить авто по выбранному пути или нарисовать сложный график где будут перемещаться маркеры да еще привязать к ним меняющиеся по мере продвижения цифры, вобщем штука очень полезная и востребованная — пользуйтесь.
P/S/ В следующем уроке я покажу как создать простой цифровой счетчик и привязать его к движущемуся маркеру.
За основу своей подборки горячих клавиш для After Effects я взял официальное руководство пользователя, никогда не поздно начать знакомство с ним.
В своей статье я использовал только те которыми пользуюсь сам либо хочу начать пользоваться в обозримом будущем и которые по моему мнению достаточно важны для работы с редактором After Effects.
Начну пожалуй с панели инструментов
Панель инструментов — основные инструменты
V — Selection Tool (Инструмент выбора)
H — Hand Tool (Инструмент Рука), инструмент позволяющий передвигаться по рабочей области. Также чтобы переключиться на этот инструмент можно нажать и удерживать пробел
Z — Zoom Tool (Инструмент масштабирования), как альтернатива можно воспользоваться колесиком, зачастую это бывает гораздо удобней
W — Rotation Tool (Инструмент вращения), как альтернатива можно воспользоваться крлесиком, зачастую это бывает гораздо удобней
C — Camera Tool (Инструмент камеры), для выбора нужной камеры нажмите C несколько раз, наиболее популярная — Unified Camera
Y — Anchor point (Опорная точка), очень полезный инструмент с помощью которого можно и нужно корректировать центр объекта
Q — Rectangle tool (Инструмент Прямоугольник), но на самом деле не только прямоугольник, нажмите Q несколько раз для выбора нужного шейпового инструмента — прямоугольника, скругленного прямоугольника, овала, полигона или звезды
G — Pen tool (Перо), работа с векторными объектами сложной формы, может пригодится для создания и редактирования масок, для выбора нужного пера нажмите несолько раз клавишу G на класиатуре
Ctrl+T — Type tool (Инструмент Текст), я думаю комментарии тут излишни
Первое, что мы сделаем переходя к рисованию поменяем рабочее пространство на Paint.
Появились панели Paint, Brushes и Layer. Панель Paint предназначена для задания параметров рисования. Размер и жесткость кисти мы будем выбирать в панели Brushes. Так как рисовать непосредственно в панели Composition нельзя, для этого мы будем использовать панель Layer. Лучше всего рисовать при 100% масштабе. Для этого используйте в боковом меню панели пункт Maximize Frame/Restore Frame Size, или наведя на панель курсор нажимайте клавишу на клавиатуре.
Создайте сплошной слой белого цвета. Это будет наш холст на котором мы будем практиковаться. Выберем инструмент Brush Tool. Нарисуем например небольшой кружек.
Теперь разверните слой White Solid. Добавилась группа эффектов, а в ней эффект Paint.
Этот эффект означает, что мы применили рисование к данному слою. Рисованный элемент отображается в свойствах слоя как подслой Brush 1. Дорисуем к нашему кружочку лепестки и стебель, так чтобы получился цветок.
Взглянем на свойства слоя.
Как видите для каждого элемента рисования у нас появляется отдельный подслой. Если мы выделим один из слоев и нарисуем что-либо, новый элемент заменит выделенный. Это бывает удобно, если Вы пытаетесь нарисовать что-то определенное. Вы можете дать имя каждому элементу, что бы не путать их. Выделяем элемент, нажимаем клавишу Enter, вводим новое имя, и опять нажимаем Enter.
Первым свойством эффекта рисования мы видим Paint of Transparent. Оно общее для всех элементов. Если поставить его в положение «On», фоновый слой исчезнет и останется только фон в виде шахматных клеток(если у Вас они не отображаются щелкните по переключателю Toggle Transparency Grid, он есть как на панели Composition, так и на панели Layer).
Теперь развернем один из элементов. Здесь мы видим две группы свойств: Transform(свойства трансформации), Stoke Options (свойства рисования), а так же анимируемое свойство Path (форма). Развернем группу Stoke Options. Если вы хотите подкорректировать параметры рисования для уже нарисованного элемента, делать это следует именно здесь, в панели Paint вы задаете параметры только для последующих элементов рисования.
Анимируем свойство Start. Передвинем линию редактирования в положение 2 секунды, и нажмем на значек секундомера. Создан первый ключ. Нажав клавишу Home создайте второй ключ. Но измените его значение на 100%. Выполните предварительный просмотр в панели просмотр Composition. Элемент постепенно прорисовывается, но в обратную сторону. Чтобы он прорисовывался так, как вы его нарисовали, анимируйте свойство End самостоятельно (не забудьте отменить анимацию свойства Start).
В группе Stoke Options мы можем изменять цвет кисти(Color), диаметр(Diameter), жесткость (Hardness), округлость (Roundness), интервал (spacing), непрозрачность (Opacity) и поток(Flow). Как Вы могли заметить, все эти свойства можно анимировать. Теперь изменяя цвет для каждого элемента раскрасим наш цветок.
Еще один инструмент рисования это ластик (Eraser). Выбрав данный элемент, на панели Paint становится доступным пункт Erase, который задает предмет стирания.
Вы можете использовать ластик не только чтобы стирать нарисованные элементы, но и для удаления фона.
Напоследок хотелось бы описать способ, позволяющий нарисовать идеально прямую линию. Для этого нам понадобится линейка. Выполните команду меню View->Show Rulers. В панели Layer появились две шкалы: по вертикали и по горизонтали.
Теперь наводим курсор на одну из линеек. Курсор должен принять вид двусторонней стрелки. Зажимаем левую кнопку мыши и перемещаем курсор в то место, где хотим расположить линию.
Чтобы убрать линию, наводим на нее курсор, зажимаем и перетаскиваем на шкалу линейки. Выбираем инструмент Brush Tool. Наводим курсор на линию и ставим точку, кликнув один раз левой кнопкой мыши. Это начало нашей линии. Перемещаем курсор в предполагаемый конец линии и зажав клавишу Shift кликаем левой кнопкой мыши еще раз. Готово!
Так же можно использовать сетку. Для ее отображения выполните команду меню View->Show Grid. Не пропустите следующие уроки и курсы по Афтер Эффектс.
Читайте также: