You can transform graphic objects, groups, text blocks, and instances, by using the Free Transform tool or the options in the Modify > Transform menu. Depending on the type of element you select, you can transform, rotate, skew, scale, or distort the element. You can change or add to a selection during a transformation operation.
When you transform an object, group, text box, or instance, the Property inspector for that item displays any changes made to the item’s dimensions or position.
A bounding box appears during transform operations that involve dragging. The bounding box is rectangular (unless it was modified with the Distort command or the Envelope modifier), with its edges initially aligned parallel to the edges of the Stage. Transformation handles are on each corner and in the middle of each side. As you drag, the bounding box previews the transformations.
During a transformation, a transformation point appears at the center of a selected element. The transformation point is initially aligned with the object’s center point. You can move the transformation point, return it to its default location, and move the default point of origin.
For scaling, skewing, or rotating graphic objects, groups, and text blocks, the point opposite the point you drag is the point of origin by default. For example, the transformation point is the point of origin by default. You can move the default point of origin for a transformation.
To move the transformation point, drag it from within the selected graphic object.
To realign the transformation point with the element’s center point, double-click the transformation point.
To switch the point of origin for a scale or skew transformation, hold down the Alt key (Windows) or Option key (Macintosh) while dragging your chosen object control point during the transformation.
In the Info panel, you can toggle to display Registration and Transformation points. The button appears as to indicate that the registration point coordinates are being displayed. On clicking the same button, it changes to , indicating that the Transformation coordinates are being displayed.
You can perform individual transformations or combine several transformations, such as moving, rotating, scaling, skewing, and distortion.
The Free Transform tool cannot transform symbols, bitmaps, video objects, sounds, gradients, or text. If the multiple selection contains any of these items, only the shape objects are distorted. To transform a text block, first convert the characters to shape objects.
To move the selection, position the pointer over the object within the bounding box, and drag the object to a new position. Do not drag the transformation point.
To set the center of rotation or scaling, drag the transformation point to a new location.
To rotate the selection, position the pointer just outside a corner handle and drag. The selection rotates around the transformation point. Shift-drag to rotate in 45° increments.
To rotate around the opposite corner, Alt-drag (Windows) or Option-drag (Macintosh).
To scale the selection, drag a corner handle diagonally to scale in two dimensions. Shift-drag to resize proportionally.
To scale in the respective direction only, drag a corner handle or a side handle horizontally or vertically.
To skew the selection, position the pointer on the outline between the transformation handles and drag.
To distort shapes, press Control (Windows) or Command (Macintosh) and drag a corner handle or a side handle.
To taper the object, move the selected corner and the adjoining corner equal distances from their origins, Shift-Control-click to drag (Windows) or Shift-Command-click to drag (Macintosh) a corner handle.
When you apply a Distort transformation to a selected object, dragging a corner handle or an edge handle on the bounding box moves the corner or edge and realigns the adjoining edges. To constrain the distortion to a taper, Shift-drag a corner point by moving that corner and the adjoining corner an equal distance and in the opposite direction from each other. The adjoining corner is the corner on the same axis as the direction you drag. Drag a middle point on an edge to move the entire edge freely by using Control-click (Windows) or Command-click (Macintosh).
You can distort graphic objects by using the Distort command. You can also distort objects when performing a free transform on them.
The Distort command cannot modify symbols, shape primitives, bitmaps, video objects, sounds, gradients, object groups, or text. If the multiple selection contains any of these items, only the shape objects are distorted. To modify text, first convert the characters to shape objects.
The Envelope modifier lets you warp and distort objects. An envelope is a bounding box that contains one or more objects. Changes made to an envelope’s shape affect the shape of the objects in the envelope. You edit the shape of an envelope by adjusting its points and tangent handles.
The Envelope modifier cannot modify symbols, bitmaps, video objects, sounds, gradients, object groups, or text. If the multiple selection contains any of these items, only the shape objects are distorted. To modify text, first convert the characters to shape objects.
Rotating an object turns it around its transformation point. The transformation point is aligned with the registration point, which defaults to the center of the object, but you can move the point by dragging it.
You can rotate an object by the following methods:
Dragging with the Free Transform tool (you can skew and scale the object in the same operation).
By specifying an angle in the Transform panel (you can scale the object in the same operation).
Skewing an object transforms it by slanting it along one or both axes. You can skew an object by dragging or by entering a value in the Transform panel.
You can flip objects across their vertical or horizontal axis without moving their relative position on the Stage.
When you use the Free Transform tool or the Transform panel to scale, rotate, and skew instances, groups, and text, Animate saves the original size and rotation values with the object. This lets you remove the transformations you applied and restore the original values.
You can undo only the most recent transformation when you select Edit > Undo. You can remove all transformations by clicking the Remove Transform button in the panel before you deselect the object. After you deselect the object, the original values are lost and the transformation cannot be removed.
A new Asset warp tool has been introduced in Animate 19.0 release. You can use the asset warp tool to create warp handles on shapes, drawing objects, and bitmaps in Animate. By dragging the warp handles with asset warp tool, you can deform the shapes, drawing objects, and bitmaps.
Using the warp handles that appear on the objects, you can re-shape or distort specific object areas while leaving other areas intact. All the selected objects are grouped when you create the first warp handle. On inserting a keyframe, the warp handles from the previous keyframe are copied to the new keyframe.
Some of the cursor styles that appear when you hover mouse on objects with the asset warp tool are shown below for your reference.
a. Open mode - This mode allows more degrees of freedom around the handle during deformation. A handle in this mode is drawn as a white solid-circle.
b. Fixed mode - This mode allows lesser degrees of freedom around the handle during deformation. A handle in this mode is drawn as a black solid-circle.
A tutorial on asset warping
Base shape is the shape before applying any warping. Asset warping works on meshes overlaid on top of the base shape. You can also modify the base shape by switching to selection tool and then double-clicking on the warped shape. Any modifications you make on the base shape are applied to all the warped instances of that shape. This feature works only on vector shapes.
You can use classic tweening with the Asset Warp tool. For example, you can apply Classic Tween to tween puppet poses.
Click here to learn more about classic tweening.
To tween the poses, you should use same set of handles in the shape.
To create new shapes by combining or altering existing objects, use the Combine Objects commands in the Modify menu (Modify > Combine Objects). Sometimes, the stacking order of selected objects determines how the operation works.
Each command applies to specific types of graphic objects, which are noted below. A merge shape is a shape drawn with a tool set to Merge Drawing mode. A drawing Object is a shape drawn with a tool set to Object Drawing mode.
The Combine Objects commands are:
Joins two or more merge shapes or drawing objects. The result is a single Object Drawing mode shape consisting of all the portions visible on the shapes before they were unified. The unseen, overlapping portions of the shapes are deleted.
Unlike when you use the Group command (Modify > Group), you cannot break apart shapes joined by using the Union command.
Creates an object from the intersection of two or more drawing objects. The resulting Object Drawing shape consists of the overlapping portions of the combined shapes. Any part of the shape that doesn’t overlap is deleted. The resulting shape uses the fill and stroke of the top-most shape in the stack.
Removes portions of a selected drawing object as defined by the overlapping portions of another selected drawing object positioned in front of it. Any part of a drawing object that is overlapped by the top-most object is deleted, and the top-most object is deleted entirely. The resulting objects remain separate and are not combined into a single object (unlike the Union or Intersect commands, which join the objects together).
Uses the outline of one drawing object to crop another drawing object. The front or top-most object defines the shape of the cropped area. Any part of an underlying drawing object that overlaps with the top-most object remains, while all other portions of the underlying objects are deleted, and the top-most object is deleted entirely. The resulting objects remain separate, and are not combined into a single object (unlike the Union or Intersect commands, which join the objects).