We are going to add our final transition shape for shape 1.

Now you need to go to the point in the timeline where the last shape is almost fully covering the screen. See the following screenshot:

1. Create a new shape layer
2. Name this layer Transition stroke
3. Add ellipse
4. Add stroke
5. Change color of stroke
6. Twirl down the contents of transition stroke layer
7. Find Ellipse Path 1
8. Animate the size of the ellipse scaling up and eventually leaving the scene
9. Go to the first keyframe for the size
10. Add a keyframe for the stroke width
11. Go to last size keyframe, choose the stroke parameter, and increase the stroke width so that on that frame your stroke looks like the image below:

We are using this shape to reveal the character underneath. We have already created the animated mask shapes. We are now going to use an additional mask to cut out the center of polygon shape:

1. Choose the last shape layer created.
2. At the top of the tool bar and select the ellipse tool.
3. To the far right next to the star shape choose the tool creates mask tool:

Use this tool to click and drag to make a shape to cut through this mask shape:

4. Put your mouse in the center of this shape.
5. Press Ctrl +Shift to constrain this shape. This will create a perfect mask shape. Starting the shape from the center will perfectly center it. Look at the new mask created on the polystar layer.
6. Click invert to cut out the center of the shape:

When you click on the Invert option it makes your mask invert. This will effectively cut through your mask. The image demonstrates below how you can see the background through the cut out shape:

We need to animate this mask and have the animation aligned with the keyframes from the transition stroke layer. This will ensure the mask animation is insync with the transition stroke layer:

1. Go to the first keyframe of the transition stroke layer.
2. Select the mask on the poly star layer.
3. Hit a keyframe for the mask.
4. Go to the last keyframe of the transition stroke layer.
5. Adjust the mask so it animates off the screen with the transition stroke mask. To select all mask points double click one mask shape until you get the mask bounding box. This will allow you to adjust your mask and keep the perfect ellipse shape:

The first keyframe mask shape will be so small its barely noticeable. The last keyframe the mask shape will completely fill the screen as the transition stroke layer also fills the screen.

This process is called creating a wipe transition. This is used frequently in motion graphics to transition in and out of scenes. Since this is a circular shape this transition would be called a radial wipe. We need to trim the other shape layers except the transition layer, background layer and the polystar layer:

1. Go to the first keyframe of the polystar layer mask layer
2. Select all layers except the background, the polystar layer, transition stroke layer
3. Trim your layers. Press Alt +] or press shift and drag your layers to the left