after effects animate stroke on shape layer

Click on the Stop Watch next to the Rotation property to set the first Keyframe.

Toggle the star’s Transform menu (“Transform: Polystar 1”).

Let’s go back to the beginning of the animation (0 00 00 00) and rotate the Star clockwise:.

You’ll notice that the entire Layer (both shapes in its Contents tab) move along the Y axis

Preview the animation by pressing the Spacebar.

Move the layer along the y axis (with the Selection tool or by changing the second number of the Position property.

Set the Time Indicator to when you want the layer to reach its final position (i.e: 0 00 04 00).

Transform menu for the entire layer, Position Stop Watch and first Keyframe

Toggle the “Transform” menu that controls the entire layer, and click the Stop Watch of the Position property to set the initial Keyframe.

The initial position of the two shapes on the Shape Layer You can move the entire layer or double click on the individual shapes to move them independently).

Position both shapes with the Selection tool (V).

New Shape Layer with a Polystar and Rectangle

Notice a “Polystar 1” was added to the Contents tab, above “Rectangle 1”.Click and drag on the Composition to create a star.Make sure the “Bezier Path” checkbox is off. Make sure the name of the Shape Layer you just created is highlighted, activate the Star tool (also within the Shape tool), and set its Fill, Stroke and Stroke Weight.Notice the new Shape Layer in the Timeline as well as the “Rectangle 1” in its Contents tab.Click and drag on the Composition to create a rectangle.Make sure the “Bezier Path” checkbox is off (otherwise we won’t be able to change the rectangle’s properties down the line (i.e: roundness).Activate the Rectangle tool (within the Shape tool), and set its Fill, Stroke and Stroke Weight.Set the background color by clicking on the color swatch at the bottom of the Window.

Go to Composition > New Composition… (or Command + N).

We’ll start by creating a new composition You can watch the finished example below and download the. The entire layer will move from top to bottom, but the star will rotate clockwise and go from 5 to 10 branches, while the rectangle will rotate counter-clockwise and become rounder). We’ll create a Shape Layer, with two shapes (a rectangle and a star). Here’s a concrete example to make this a bit less abstract. This means you can set a property for the entire layer and another property only for its content.

Each shape within a Shape Layer’s Contents tab had its own Transform properties – which work independently from the Layer’s Transform properties.

After effects animate stroke on shape layer