Path after effects что это
You animate mask paths and shape paths in much the same way that you animate other properties: set keyframes for the Mask Path or Path property, set paths at each keyframe, and After Effects will interpolate between these specified values.
Rotoscoping (commonly known as roto) is the drawing or painting on frames of a movie, using visual elements in the movie as a reference. A common kind of rotoscoping is tracing a path around an object in a movie and using that path as a mask to separate the object from its background. This allows you to work with the object and the background separately, so you can do things like apply different effects to the object than to its background or replace the background.
After Effects includes the Roto Brush and Refine Edge tools, which can be used to accomplish many of the same tasks as conventional rotoscoping, but in far less time. For information about using the Roto Brush tool, see Roto Brush, Refine Edge, and Refine Matte.
If a background or foreground object is a consistent, distinct color, you can use color keying instead of rotoscoping to remove the background or object. If the footage was shot with color keying in mind, color keying is much easier than rotoscoping. (See Keying introduction and workflow.)
Rotoscoping in After Effects is mostly a matter of drawing masks, animating the mask path, and then using these masks to define a matte. Many additional tasks and techniques make this job easier, such as using motion tracking on the object before you begin drawing masks, and then using the motion tracking data to make a mask or matte automatically follow the object.
Rotoscoping tips
- Immediately after beginning to draw a mask, press Alt+Shift+M (Windows) or Option+Shift+M (Mac OS) to turn on keyframing for that mask and set a keyframe. This way, you won’t edit a mask frame-by-frame for several minutes (or longer) and then realize that you lost all of your work on previous frames because you forgot to click the stopwatch to make the mask path animated.
- Draw your masks on a white solid layer with its Video (eyeball) switch off, above the (locked) footage layer. This way, you run no risk of accidentally moving the footage layer when you manipulate the mask, and you can also much more easily apply tracking data to the mask. (You apply the tracking data to the invisible solid layer that holds the mask.) This also means that you don't lose your cached preview frames each time you manipulate the mask. (See Toggle visibility or influence of a layer or property group and Lock or unlock a layer.)
- Turn on the Preserve Constant Vertex Count preference. (See Designate the first vertex for a Bezier path.)
- When possible, transform (rotate, scale, move) the whole mask or a subset of the mask vertices instead of moving the vertices individually. This is both for efficiency and to avoid the chatter that comes from inconsistent movement across frames. (See Move vertices in free-transform mode.)
- Manual motion tracking is less time-consuming than manual rotoscoping. The more effort you spend getting good tracking data for various parts of your scene and object, the less time you'll spend drawing and fine-tuning masks. (See Tracking and stabilizing motion.)
- Use the variable-width mask feather feature for more control when feathering objects.
- To view mask paths for selected layers in the Timeline panel, press M.
- To view selected masks or shapes in the Timeline panel, press SS (press the S key twice).
- To view mask and shape paths in the Composition panel, click the Toggle Mask And Shape Path Visibility button at the bottom of the Composition panel.
- To view mask paths in the Layer panel, choose Masks from the Layer panel View menu.
- To hide a mask path while showing others, lock the mask by selecting its Lock switch in the Timeline panel, and then choose Layer > Mask > Hide Locked Masks.
- To isolate selected masks and hide others, choose Layer > Mask > Lock Other Masks, and then choose Layer > Mask Hide Locked Masks.
You can select shape layers and their components at any of four levels of selection, referred to as selection modes:
Layer selection mode
The entire shape layer is selected. Transformations apply to the transform properties for the layer, in the Transform property group that is at the same level as the Contents property group.
Group selection mode
An entire shape group is selected. Transformations apply to the transform properties for the group, in the Transform property group within the shape group in the Timeline panel.
Multiple vertices on one or more Bezier paths are selected. A free-transform bounding box is shown around the vertices in the Composition panel. By operating on this box, you can move multiple vertices with a single transformation. Transformations apply to the vertices themselves, which are contained within the Path property in the Timeline panel.
Only vertices are selected. In this mode, you can perform path-editing operations, such as adding vertices to a path and moving individual vertices.
When a pen tool is active, path-editing mode is active. To remain in path-editing mode, select the Pen tool; press V or Ctrl (Windows) or Command (Mac OS) to temporarily activate the Selection tool as needed.
A. Layer selection B. Group selection C. Free-transform D. Path editing
For information on selecting masks, see Select masks, segments, and vertices.
Press Ctrl+A (Windows) or Command+A (Mac OS) with a shape vertex selected to select all vertices on that path. Press again to select all shapes. Press again to select all layers.
Select a shape layer
- Click the layer name or layer duration bar in the Timeline panel.
- Using the Selection tool, click within the layer bounds in the Composition panel.
- To deselect all shapes on a layer but leave the shape layer selected, click within the layer bounds but outside all shape paths.
Select a shape group in group selection mode
- Using the Selection tool, double-click a member of the group in the Composition panel. Each time that you double-click, you descend another level in the group hierarchy.
- To activate the Direct Selection tool , hold Ctrl (Windows) or Command (Mac OS) with the Selection tool selected. Click a shape in the Composition panel with the Direct Selection tool to directly select that shape’s group, regardless of how deeply nested the shape is in the group hierarchy.
- To select a group that is contained within the same group as the group that is already selected, click the group to select.
- To add a group to a selection, Shift-click it. You can combine the Shift key with double-clicking and with the Direct Selection tool to add more deeply nested groups to the selection.
Select paths and vertices in path-editing mode
To specify the size of Bezier direction handles and vertices for masks and shapes, choose Edit > Preferences > General (Windows) or After Effects > Preferences > General (Mac OS), and edit the Path Point Size value.
- To select a vertex, click the vertex with the Selection tool. To add vertices to the selection, Shift-click them.
- To select a path segment, click the segment with the Selection tool. To add segments to the selection, Shift-click them.
- To select an entire path, Alt-click (Windows) or Option-click (Mac OS) a segment or vertex of the path with the Selection tool, or select any portion of the path and press Ctrl+A (Windows) or Command+A (Mac OS).
- To select vertices by dragging, select a path or portion of a path to enter path-editing mode, and then drag with the marquee-selection tool to draw a marquee-selection box around the vertices to select. To add vertices to the selection, hold down the Shift key as you draw additional marquee-selection boxes.
Select all points on a path and enter free-transform mode
- Double-click a path segment while in path-editing mode or in group selection mode for a single shape.
- Select the Path property in the Timeline panel and press Ctrl+T (Windows) or Command+T (Mac OS).
Unlike layers, masks can have more than one level of selection. You can select a mask as a whole path, which is appropriate when you want to move or resize a mask. However, if you want to change the path of a mask, select one or more points on it. Selected points appear solid, and unselected points appear hollow.
To specify the size of Bezier direction handles and vertices for masks and shapes, choose Edit > Preferences > General (Windows) or After Effects > Preferences > General (Mac OS), and edit the Path Point Size value.
Select or deselect masks in the Layer or Composition panel
- To select a vertex on a mask, click the vertex with the Selection tool . To add vertices to the selection, Shift-click them.
- To select a mask segment, click the segment with the Selection tool. To add segments to the selection, Shift-click them.
- To select an entire mask, Alt-click (Windows) or Option-click (Mac OS) a segment, vertex, or handle of a mask with the Selection tool, or select any portion of the mask and choose Edit > Select All or press Ctrl+A (Windows) or Command+A (Mac OS). To add masks to the selection, Alt+Shift-click (Windows) or Option+Shift-click (Mac OS) them.
- To select masks by dragging, select a mask or portion of a mask to enter mask editing mode and then drag with the Selection tool to draw a marquee-selection box completely around the vertices or masks that you want to select. To add masks or vertices to the selection, hold down the Shift key as you draw additional marquee-selection boxes.
- To select all masks on a layer, select a mask on the layer, and choose Edit > Select All or press Ctrl+A (Windows) or Command+A (Mac OS).
- To deselect all masks, press Ctrl+Shift+A (Windows) or Command+Shift+A (Mac OS).
- To select an adjacent mask on a layer, press Alt+accent grave (`) (Windows) or Option+accent grave (`) (Mac OS) to select the next mask, or Shift+Alt+accent grave (`) (Windows) or Shift+Option+accent grave (`) (Mac OS) to select the previous mask.
- To deselect a mask, click anywhere other than on the mask.
- To remove a vertex or segment from a selection, Shift-click the vertex or segment.
To use the Selection tool when the Pen tool is selected, hold down Ctrl (Windows) or Command (Mac OS).
Vector graphics are made up of lines and curves defined by mathematical objects called vectors, which describe an image according to its geometric characteristics. Examples of vector graphics elements within After Effects include mask paths, shapes on shape layers, and text on text layers.
Raster images (sometimes called bitmap images) use a rectangular grid of picture elements (pixels) to represent images. Each pixel is assigned a specific location and color value. Video footage, image sequences transferred from film, and many other types of images imported into After Effects are raster images.
Vector graphics maintain crisp edges and lose no detail when resized, because they are resolution-independent. This resolution-independence makes vector graphics a good choice for visual elements, such as logos, that will be used at various sizes.
Raster images each consist of a fixed number of pixels, and are therefore resolution-dependent. Raster images can lose detail and appear jagged (pixelated) if they are scaled up.
Some images are created as vector graphics in another application but are converted to pixels (rasterized) when they are imported into After Effects. If a layer is continuously rasterized, After Effects reconverts the vector graphics to pixels when the layer is resized, preserving sharp edges. Vector graphics from SWF, PDF, EPS, and Illustrator files can be continuously rasterized.
Aharon Rabinowitz’s “What are Raster and Vector Graphics?” video tutorial—part of the Multimedia 101 series on the Creative COW website—provides a general introduction to raster images and vector graphics.
Several features of After Effects—including masks, shapes, paint strokes, and motion paths—rely on the concept of a path. Tools and techniques for creating and editing these various kinds of paths overlap, but each kind of path has its own unique aspects.
A path consists of segments and vertices. Segments are the lines or curves that connect vertices. Vertices define where each segment of a path starts and ends. Some Adobe applications use the terms anchor point and path point to refer to a vertex.
You change the shape of a path by dragging its vertices, the direction handles at the end of the direction lines (or tangents) of each vertex, or the path segment itself.
As a path exits a vertex, the angle and length of the outgoing direction line for that vertex determine the path. As the path approaches the next vertex, the path is less influenced by the outgoing direction line of the previous vertex and more influenced by the incoming direction line of the next vertex.
A. Selected vertex B. Selected vertex C. Unselected vertex D. Curved path segment E. Direction line (tangent) F. Direction handle
Paths can have two kinds of vertices: corner points and smooth points. At a smooth point, path segments are connected as a smooth curve; the incoming and outgoing direction lines are on the same line. At a corner point, a path abruptly changes direction; the incoming and outgoing direction lines are on different lines. You can draw a path using any combination of corner and smooth points. If you draw the wrong kind of point, you can change it later.
A. Four corner points B. Four smooth points C. Combination of corner and smooth points
When you move a direction line for a smooth point, the curves on both sides of the point adjust simultaneously. By contrast, when you move a direction line on a corner point, only the curve on the same side of the point as the direction line is adjusted.
A path can either be open or closed. An open path has a beginning point that is not the same as its end point; for example, a straight line is an open path. A closed path is continuous and has no beginning or end; for example, a circle is a closed path.
You can draw paths in common geometric shapes—including polygons, ellipses, and stars—with the shape tools, or you can use the Pen tool to draw an arbitrary path. Paths drawn with the Pen tool are either manual Bezier paths or RotoBezier paths. The main difference between RotoBezier and manual Bezier paths is that direction lines are calculated automatically for RotoBezier paths, making them easier and faster to draw.
When you use the shape tools (Rectangle, Rounded Rectangle, Ellipse, Polygon, or Star) to draw a shape path on a shape layer, you can create one of two kinds of paths: a parametric shape path or a Bezier shape path. (See About shapes and shape layers.)
You can link mask paths, paint stroke paths, and Bezier shape paths using expressions. You can also copy and paste between mask paths, paint stroke paths, Bezier shape paths, motion paths, and paths from Adobe Illustrator, Photoshop, and Adobe Fireworks. (See Creating shapes and masks.)
For shape paths, you can use the Merge Paths path operation (similar to the Pathfinder effects in Adobe Illustrator) to combine multiple paths into one path. (See Merge Paths options.)
When you want text or an effect to follow a path, the path must be a mask path.
A path itself has no visual appearance in rendered output; it is essentially a collection of information about how to place or modify other visual elements. To make a path visible, you apply a stroke to it. In the case of a mask path, you can apply the Stroke effect. In the case of a path for a shape layer object, the default is for a path to be created with a stroke property group (attribute) after the path property group in the Timeline panel.
A color or gradient applied to the area inside the area bounded by a path is a fill.
To specify the size of Bezier direction handles and vertices for masks and shapes, choose Edit > Preferences > General (Windows) or After Effects > Preferences > General (Mac OS), and edit the Path Point Size value.
Shape layers contain vector graphics objects called shapes. By default, a shape consists of a path, a stroke, and a fill. (See About paths and Strokes and fills for shapes.)
You create shape layers by drawing in the Composition panel with the shape tools or the Pen tool. (See Creating shapes and masks.)
Shape paths have two varieties: parametric shape paths and Bezier shape paths. Parametric shape paths are defined numerically, by properties that you can modify and animate after drawing, in the Timeline panel. Bezier shape paths are defined by a collection of vertices (path points) and segments that you can modify in the Composition panel. You work with Bezier shape paths in the same way that you work with mask paths. All mask paths are Bezier paths.
You can modify a shape path by applying path operations, such as Wiggle Paths and Pucker & Bloat. You apply a stroke to a path or fill the area defined by a path with color by applying paint operations. (See Shape attributes, paint operations, and path operations for shape layers.)
Shape paths, paint operations, and path operations for shapes are collectively called shape attributes. You add shape attributes using the Add menu in the Tools panel or in the Timeline panel. Each shape attribute is represented as a property group in the Timeline panel, with properties that you can animate, just as you do with any other layer property. (See About animation, keyframes, and expressions.)
The color bit depth of a shape layer is the same as the project as a whole: 8, 16, or 32 bpc. (See Color depth and high dynamic range color.)
Shape layers are not based on footage items. Layers that are not based on footage items are sometimes called synthetic layers. Text layers are also synthetic layers and are also composed of vector graphics objects, so many of the rules and guidelines that apply to text layers also apply to shape layers. For example, you can’t open a shape layer in a Layer panel, just as you can’t open a text layer in a Layer panel.
You can save your favorite shapes as animation presets. (See Save an animation preset.)
Пути маски и формы можно анимировать тем же способом, что и остальные свойства: задать ключевые кадры для свойств «Путь маски» или «Путь», задать пути для каждого ключевого кадра, и 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).
С августа 2016 года изучаю AE, начала работать в сфере моушен-дизайна, помимо иллюстраций.
Я подготовила урок для блога с простой анимацией фигур и линий. Этот урок предназначен для тех, кто уже более или менее хорошо ориентируется в After Effects, поэтому если вам он покажется сложным, то рекомендую посмотреть базовые уроки в сети. Например этот мини курс: Вводный курс Illustrator + After Effects.
Совсем недавно я закончила и выложила проект с анимированными линиями-выносками (callouts), и в своем уроке я расскажу вам, как я это делала на самом простом примере.
1. Создаем в Adobe Illustrator векторный файл с рисунком. У нас callout. Все линии без заливки, только обводка. Сделайте как на рисунке, чтобы было понятнее выполнять анимацию. Сохраните файл в ai формате.
2. Импорт в After Effects. Есть несколько способов. Двойной клик в окошке Project и выбрать файл в выпадающем окне. Либо через проводник - выбрать файл и перетащить мышью в окно Project. Ещё можно в Меню File > импорт > файл, и выбираем наш файл. Обратите внимание! Должно стоять footage в поле Import As и никаких галочек мы не ставим.
3. Создаем новую композицию в After Effects. CTRL + N или через меню Composition > New Composition. Задаем настройки - пишем название, у нас 30 кадров (frame rate) и 15 секунд (Duration) длительность анимации, задаем также размеры самой композиции 1920x1080. Жмем — OK.
4. Перетаскиваем мышкой импортированный векторный файл с окна Project на time line - нижний раздел рабочей области, где, собственно, мы и будем анимировать наши линии.
5. Выделяем слой с файлом. Идем в меню Effect > Generate > Fill.
Цвет выбираем белый.
6. Слой выделен. Далее нажимаем на вторую по счету иконку Rasterize рядом с названием слоя (если не видно иконок, то внизу тайм лайна есть Toggle Swiches/Modes - нажмите и вид слоя измениться - появятся справа иконки).
Теперь наши линии хорошо видно. Нужно задать им Scale масштаб. Можно раскрыть слой и в параметрах Transform > Scale ввести значение, я поставила 450 на 450. Или горячая клавиша S - сразу отображает только один масштаб из всех параметров трансформации объекта. Горячие клавиши есть на все функции и это очень удобно. Да, каждый слой или объект можно трансформировать и эти настройки есть в каждом слое.
7. Затем разместим наш callout по центру. Как и в иллюстраторе: сначала стрелочка выделение Selection Tool(V), затем двигаем объект.
8. Выделяем наш слой, идем в меню Layer > Create Shapes from Vector Layer.
И после этого действия у нас будет уже 2 слоя. Первый наш векторный оригинальный слой мы можем удалить. Выделяем и клавишу DELETE. Не забудем сохранить проект — Ctrl+Shift+S. Совет - периодически нажимайте волшебные Ctrl+S.
9. Теперь нам нужно разбить один слой на несколько — ведь у нас несколько линий. Можно вручную, но это долго и скучно. Лучше скачать и установить бесплатный скрипт ZI_ExplodeShapesLayers (улучшенная новая версия). Выделяем слой и идем как и в иллюстраторе File > Scripts. Жмем кнопку Explode!
Все слои разбились отдельно и можно опять удалить наш оригинальный слой, он самый нижний получается. А вручную пришлось бы копировать (копирование слоя - CTRL+D) слой столько раз сколько подслоев - линий, затем удалять лишние подслои у нового скопированного слоя и переименовывать.
Подробнее, кто не нашел или не захотел качать скрипт:
У нас 4 подслоя, значит нужно еще 3 копии, делаем их. Затем у первого слоя удаляем 2,3,4 группы. А дальше по аналогии. Затем переименовываем — выделяем слой — ENTER – вводим новое имя - ENTER или в пустое место клик. Должно получиться 4 слоя с отдельными линиями.
10. Можно слои расположить в порядке анимации — сначала кружок, потом линии, потом квадратик. А можно и так оставить, по вашему желанию. Ну, все приготовления закончены. Теперь самое интересное — анимация вектора. Начнем с кружочка — с маркера callout.
11. Анимация круга. Анимируем Scale.
Можно включить соло на слое, тогда будет видно только круг (значок кружочка или точки). Затем проставляем ключи — это и будет наша анимация. Передвигаем индикатор времени (вот эту линию с синим наконечником — Current Time Indicator) на 0 секунд 15 кадров и ставим ключик — щелкаем по секундомеру рядом со Scale, значение оставляем (у меня 450).
Далее у меня в уроке большие скриншоты. Поэтому нажимайте на картинку, чтобы открыть её на весь экран, у кого мелковато видно.
Передвигаем в начало композиции на ноль — и изменяем значение на ноль (сразу вбиваем значение размера и автоматически проставляется новый ключик). Далее продвигаемся на 3 секунды — 450, на 3 секунды 15 кадров — 300, еще через 5 кадров — это будет 3 секунды 20 кадров — 450, и снова повторяем на 6 секундах, 6,15 и 6,20 — ставим те же значения — 450/300/450. Далее так же на 9 и 12 секундах примерно на одном и том же расстоянии. А теперь делаем затухание в конце композиции — 14 секунды 15 кадров — 450, на 15 секундах в самом конце - 0. Затем нажмите F9 – сгладить ключи.
Можно добавить ключик еще одним способом — кликнуть по ромбику рядом с секундомером и затем изменять значение) . Передвигаться по шкале времени можно клавишами PAGE UP и PAGE ON. Аккуратнее двигайте индикатор! Не сдвигайте сам слой! Если что CTRL + Z вам в помощь.
Ну вот теперь наш круг ожил — появляется в начале, плавно мигает в процессе и плавно затухает в конце композиции. Для просмотра нажмите ноль 0 и для окончания просмотра также ноль 0.
12. Анимация главной линии.
Выделяем следующий слой с главной линией. Нажимаем дважды U и раскрывается все содержимое слоя. Используется, когда нужно открыть те подслои, которые были изменены. Очень удобно. Закрыть — еще раз U. В процессе работы сами все поймете. Далее выделяем подслой Group 3 — Add – Trim Path.
Раскрываем параметры Trim Path и задаем значение у END. Я поставила 75%. Этот показатель отвечает за то на сколько процентов будет отображаться в анимации линия: 100 % - полностью, 0% - соответственно линия не будет отображаться. Оптимально — примерно от 50 до 95%. Индикатор стоит в начале композиции. Далее анимируем. Зажимаем ALT и кликаем по секундомеру параметра Offset (прямо под End) и вводим в появившейся строке выражение — time*n (где n – число, обозначающее количество оборотов или скорость движения анимации).
Проиграйте композицию (ноль) и посмотрите что вышло. Можно изменить значение END и сравнить анимацию, выражение при этом изменять не нужно. Таким образом, добейтесь наиболее интересного и оптимального результата. Теперь добавим линии также появление и затухание. Можно это сделать и при помощи прозрачности Opacity. Выделяем слой — жмем клавишу T и на 1 секунде, задаем значение 100, на нуле в начале композиции — 0. Далее двигаемся на 14 секунд — 100 и в конце композиции ставим 0. F9 – сглаживаем. Кстати чтобы выделить все ключи сразу можно выделить их мышкой аккуратно и нажать F9 или же проще всего выделить сам параметр Opacity и все ключики выделятся сразу.
13. Анимация второй линии.
Сейчас научимся с вами работать с настройками самой линии. Сделаем из обычной прямой пунктирную линию и анимируем ее. Дважды U по слою с линией, находим Stroke и раскроем его значения, нажав на стрелочку. Находим параметр Dashes и нажимаем на плюсик + два раза. Появятся значения Dash (количество точек), Gap (расстояние между точками), Offset (анимировать точки). Введем, предположим, значения 5 и 5. Теперь снова ALT + клик по секундомеру у параметра Offset и вводим time*n (у меня значение 35).
Теперь выделим Contens — Add – Trim Path и на 1 секунде на End ключ 100, на нуле 0, на 14 секунде 100 и в конце 0. И выделяем ключики и сглаживаем F9.
14. Анимация квадрата. Вращение.
Выделяем слой с квадратом, горячая клавиша R (rotation). Выделяем rotation и ALT + клик по секундомеру. В строке ввода выражения пишем time*n (у меня значение 250). Можно и с помощью ключиков вручную — в начале ключик с нулевыми начальными значениями и в конце ключик (вводим количество оборотов 0х и градусы +0,0) допустим 8 оборотов и 360 градусов. Выражения значительно облегчают и автоматизируют работу. Ну и по аналогии добавляем прозрачность в начале появления (на 1 секунде 100 и на нуле 0) и в конце затухание ( на 14 секунде 100 и в конце 0) и F9. Или же делаем появление и затухание через Trim Path.
Все! Анимация готова! Наш callout ожил! Теперь сохраняемся. Делаем рендер.
Нажимаем горячие клавиши CTRL + M (или идем в меню).
Нажимаем напротив Output Module прямо на стрелочку и выбираем формат у меня MOV+PNG+ALPHA (или же MOV+PNG). И нажимаем Render, ждем пока идет рендер. Потом смотрим результат. Видео сохранится в ту же папку, где и ваш проект.
Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового:
Всем привет! В этой статье я хочу поговорить с Вами о 5 простых, но тем не менее очень полезных выражениях. Эти выражения я использую чуть ли не в каждом втором проекте и они существенно облегчают мою жизнь.
1) Итак, первое из них - это loopOut(). Простенькое выражение для зацикливания анимации. Допустим, у нас есть бабочка, собранная из трех частей: левое крыло, правое и тело.
И нам необходимо сделать так, чтобы крылья без остановки вращались вокруг оси Y, создавая тем самым эффект реалстичных махов крыльями. Но представляете, сколько ключевых кадров нам нужно поставить, чтобы анимировать крыло на протяжении маленькой пятисекундной композиции. По моим подсчётам около 60! И, чтобы не возиться с этим огромным количеством ключевых кадров, разработчики программы придумали одно простое выражение - loopOut.
Поэтому, мы находим параметр Rotation Y и слева от него кликаем по значку с секундомером. После чего, в начале композиции появится ключевй кадр, измените значение параметра для этого ключа на -80. После этого мы переходим на 4 кадра вперед и изменяем значение параметра Rotation Y на 80. Затем ещё 4 кадра вперед и меняем значение параметра обратно на -80. Таким образом мы получили 3 ключевых кадра.
После этого мы зажимаем клавишу Alt и кликаем ещё раз по значку с секундомером. Появится текстовая область для выражения. В ней мы пишем loopOut().
Всё, теперь наша анимация продолжается до самого конца композиции без всяких ключевых кадров.
2) Ок, правое крыло мы анимировали. Теперь займемся левым. Не будем повторятся, и левое крыло анимируем немного другим способом. Все Вы, наверно, ещё со школьной скамьи помните замечательную математическую функцию синус. Так давайте воспльзуемся ею и здесь. Делаем Alt+клик по значку с секундомером слева от параметра Rotation Y левого крыла. В появившемся окне пишем Math.sin(time).
Крыло перемещается, но совсем незаметно. Попробуем увеличить частоту вращения, для этого в скобках time умножим на 15.
Отлично частоту мы увеличили, но, как Вы помните, значения синуса находятся в диапазоне от -1 до 1. Поэтому и амплитуда вращения крыла у нас такая маленькая. Чтобы увеличить её умножим всё это выражение на 80.
В итоге получим: 80*Math.sin(time*15). Можно, конечно, немного увеличить частоту, но это уже на Ваше усмотрение.
3) Wiggle. Наверно, самое используемое выражение в среде After Effects, и всё-таки не все знают для чего оно предназначено. Wiggle отвечает за хаотичные перемещения. Вообще функция wiggle имеет целых пять аргументов, но в основном используются только два. Первое - это частота, второе - амплитуда колебаний. Рассмотрим на примере. Я анимировал положение бабочки, теперь она перемещается из левого нижнего в правый верхний угол.
Движение ожидаемо смотрится линейно и неправдоподобно. Если мы хотим сохранить направление движения, но при этом добавить немного органичности, то нам не обойтись без wiggle. Итак, делаем Alt+клик на значке с секундомером слева от параметра Position и в текстовой области вбиваем wiggle(3,400). Смотрим и видим, что полёт бабочки стал более реалистичным. Что же означает написанное выражение wiggle(3,400). А означает оно то, что три раза в секунду с амплитудой в 400 пикселей в любом направлении будут происходить случайные колебания. Самое интересное это то, что wiggle можно применить практически к любому параметру в AE.
4) Данный пункт является не столько выражением, сколько очень интересным приёмом при работе с wiggle. Многие меня спрашивают, как можно изменять настройки функции wiggle с течением времени, или по-другому, как анимировать один из аргументов функции wiggle. Очень просто! - отвечу я Вам. Создаём нуль-объект. Затем идём Effect => Expression Controls => Slider Control. Пускай у нас будет изменятся амплитуда. Переходим к выражению, которое мы создали в предыдущем пункте. Выделяем амплитуду,
берём pickwip и тянем его до параметра Slider нуль-объекта.
Вот такое выражение мы получим в итоге:
Теперь Вы можете с легкостью анимировать значение параметра Slider и таким же образом будет менятся амплитуда.
5) И последнее о чем я хотел Вам сегодня поведать - это наипростейшее выражение с управляющей переменной time. Вы, наверное, не раз сталкивались с такими выражениями. На пример, у нас есть какой-нибудь сплошной слой, мы применяем к нему эффект Fractal Noise и, чтобы данный эффект не был статичным нам нужно анимировать параметр Evolution.
Да, можно поставить 2 ключевых кадра в начале и в конце композиции, но есть и другой путь. Делаем Alt+клик по значку с секундомером слева от параметра Evolution и пишем time. Теперь, если мы перемести индикатор текущего времени в позицию одной секунды, то значение параметра Evolution будет равнятся одному градусу. 1 секунда = 1 градус - всё очень просто!
Если нам нужно ускорить анимацию, допустим в пять раз, то мы пишем time*5.
Читайте также: