Menu

How To Make Custom Animated Transitions In After Effects

Introduction

Hey everyone, this is Owen with Motion Array and in this tutorial I’ll be showing you how to make transitions with shape layers and repeaters. All of these techniques use just a few keyframes so they’re easy to setup and adjust. Alright let’s get started. 

How To Make Custom Animated Transitions In After Effects

This text has been transcribed from the video for optimal reading

Begin by making a new composition that’s 1920 x 1080 with 29.97fps. Go to Layer > New > Shape Layer. Add a Rectangle and a Fill to the shape layer. Change the fill to your desired color. In the rectangle path set a keyframe for size at frame 0 for 0, 220. At frame 30 set another keyframe for the rectangle path size with a value of 1920, 220. Add a Repeater to the shape layer and set the Copies to 3. Twirl down the transform properties for the repeater and set the position to 0, 220. In the repeater’s transform properties set a keyframe at frame 30 for 100%, 100%. Then set another keyframe at frame 0 for 0%, 100%. With the shape layer highlighted hit U on the keyboard to reveal keyframed properties. Highlight all 4 keyframes and right click on one of them. Then go to Keyframe Assistant > Easy Ease. With the keyframes still highlighted, right click on again on a keyframe and go to Keyframe Velocity. Set the incoming and outgoing influence to 60%. This will make the ease more dramatic. Add another repeater to the shape layer and set the copies to 2. Under the transform properties of the new repeater set the rotation to 180 degrees. Duplicate the shape layer and offset the duplicated one by 8 frames. Change the fill of the duplicated shape layer to another color so you can see the difference between the two layers. Duplicate one of the shape layers again and offset the new one so that it starts at frame 27. Change the blending mode of the new shape layer to Silhouette Alpha. This blending mode cuts out everything below it based on it’s alpha channel. Now you can use this composition in other compositions as a transitional element!

In a new composition create a new shape layer. Add an Ellipse and a Fill to the shape layer. Change the fill to your desired color. Set a keyframe for the Ellipse’s size at frame 0 with a value of 0, 0. Set another keyframe for the Ellipse’s size at frame 24 with a value of 500, 500. Apply an easy ease to these keyframes, and set their incoming and outgoing influence’s to 60%. Add a Group to the shape layer and make sure it’s above the fill. Duplicate the ellipse and drag the duplicate into the group. Offset the keyframes of the ellipse in the group so that the first keyframe is at frame 3, and change the ellipse’s position to -350, 0. Add a Repeater to the layer and drag it into the group. In the repeater settings change the copies to 6. In the repeater’s transform properties set position to 0, 0 and rotation to 60 degrees. Duplicate the group. In the new group change the ellipse’s position to -700, 0. Then offset the ellipse’s size keyframes so that the first one starts at frame 6. In the new group’s repeater change copies to 12 and the rotation to 30 degrees. Duplicate the group one more time. In this new group change the ellipse’s position to -1050, 0. Offset it’s size keyframes so the first one starts at frame 9. In the new group’s repeater settings change the copies to 24 and the rotation to 15. Now twirl your layer up to clean up the timeline. Duplicate the shape layer and offset the new shape layer so that it starts at frame 5. Change the fill for the layer so you can see a difference between the two layers. Duplicate the layer again and offset the new version so that it starts at frame 21 and set it’s blending mode to Silhouette Alpha. Now this one is ready to go!

On to the last one! In a new composition create a new shape layer. Add a Rectangle, Fill, and Group to the shape layer. Set the fill to your desired color. Change the rectangle’s size to 1920, 540. Drag both the fill and rectangle into the group. In the transform properties of the group set the anchor point to -960, 270. At frame 0 set a keyframe for the group’s rotation with a value of -90 degrees. Then at frame 15 change that rotation value to 0 degrees to set another keyframe. Apply an easy ease to this keyframe with an incoming influence of 100%. At frame 23 set a keyframe for the group’s position with a value of 0, 0. Apply an easy ease to this keyframe with an outgoing influence of 80%. At frame 38 set another keyframe for the group’s position with a value of -1930, 0. Leave this keyframe linear. Add a Repeater to the shape layer and make sure it’s not inside the group. In the repeater settings set the copies to 2. In the repeater’s transform properties set the position to 1920, 0 and the rotation to 180 degrees. Duplicate the shape layer and offset the duplicate so that it begins at frame 4. Change the fill color to differentiate it from the other shape layer. With the new shape layer selected hit U on the keyboard to reveal it’s keyframed properties. Offset the position keyframes on it so that they begin at frame 19 (should be where the rotation keyframes end). That’s it!

Well, that concludes this tutorial. I hope you found it helpful, if you did, please give us a thumbs up and if you’d like to see more tutorials please go ahead and subscribe because we’re making new ones all the time.  I hope you guys found it helpful.  If you did, we’ve got lots of other Premiere Pro tutorials, After Effects tutorials and filmmaking tutorials!

Thanks for watching and see you in the next video.

Music Provided By Motion Array:

https://motionarray.com/stock-...

70225 Files & Counting!

5025 files added in the last 30 days!

Join now, and get instant access to all of our files.

View pricing Join Free