Arrow Swipe Transition Premiere Pro CC

CREATE THIS COOL TRANSITION EFFECT IN PREMIERE QUICKLY! | Learn to use shapes and animation easing to create a quick and easy transition that is useful for all sorts of projects!

In this Premiere Pro video editing tutorial, we’ll use the shape tools in Premiere to create a stack of chevron arrows and then we’ll animate a simple pass across the face of the video and use easing to offset the arrows and allow this effect to bounce and slam across the video and then we’ll use one of the animated squares to mask the back end of this animation away and complete the way the effect looks. I hope you enjoy the video and thanks for watching!

Tags: premiere pro transition, premiere pro transition effect, premiere pro transition effects, premiere pro transitions tutorial, premiere pro transitions wipe, premiere pro arrow transition, premiere tutorial, premiere tutorials, how to, tutvid, nathaniel dodson, premiere pro cc 2018, premiere pro masking, premiere pro masking tutorial, premiere pro masking effect, premiere pro arrow graphic, PREM

Tutorial Recording Notes:

Disclaimer: these are the actual notes I used to record this video and are written in a language you may or may not understand. Hopefully, you find them useful or cool.

Here in Premiere Pro once again, as we often find ourselves, I’ll drag a pair of video clips out onto my timeline and adjust the cut between these clips to get the videos lined up the way I want them to be.

Grab the Rectangle tool and hold down your shift key and drag out a perfect square shape that is about the vertical size of the frame here and then go Window>Essential Graphics and I’ll choose the fill option and give it the color #FF9728 so I can see the shape and just make sure there is no stroke or shadow on this shape. I’ll also use the rotation option and rock this over to 45º and then I’ll use the alignment tools to center it up vertically and horizontally.

Next, shift the shape off stage to the right by dragging the X input under the position parameter within the transform options in the shape in the Effect Controls panel. Yikes, that’s a mouthful. I’ll activate animation here and drop a keyframe by clicking on the stopwatch icon to kick off animation for this shape. Move across the graphic near the end of the graphic object with the playhead and then adjust the X input to animate the shape across the frame like I do here.

Select both of these keyframes over in the animation timeline and right-click and choose to Auto Bezier the animations. Hit the little twirl down arrow to the left of the “Position” word to open the more advanced easing options and adjust the easing as I have here.

Drag both keyframes to the very edges of the graphic object in the animation timeline as well. Alt/Opt drag the graphic up the track above this to duplicate it and move it down the timeline by three frames by hitting Cmd or Ctrl and use the right arrow key while having that track selected.

Change the color of this new graphic shape’s fill to #FFFFFF. Something cool is happening here because as we duplicate this shape, we also have duplicated the animation and easing so we don’t have to go and redo that either. It’s really quite great.

Duplicate this track again and move it six frames down the timeline further and change the fill color to #55057D

Duplicate this newest track and move this another two frames down the timeline and change the fill here to #b0b5FF

Duplicate this newest track and move it another four frames down the timeline as well and I’ll change THIS fill to #FF226C

Duplicate this track AGAIN and move it six frames down the timeline and I’ll change this fill color to #FFFF6B

Select this top track and right-click on it and choose to Copy this graphic shape. Then I’ll select all these tracks of graphics that we just made and right-click and choose to Nest them to group them together. I’ll give this the name “triangles”.

I’m going to move the playhead to the beginning of the timeline and make sure I am not targeting any tracks on or below the track that is holding our new nested sequence. Then I’ll go Edit>Paste and drag this graphic object to the end of this nested sequence until it clicks into place. Then I’ll trim the front of this clip back so it covers the entire nested sequence. Now, if I play this clip, I’ll see no difference because all I have is a green/yellow square exactly animated over the lower shapes so I see no difference. To make this a little easier, I’m going to change the fill color to solid black for this newly pasted shape.

Now I want to change the position of this graphic so some of the green/yellow shape is showing. To do this, I’ll look to the Effect Controls Panel and use the Next/Previous arrows to select the first keyframe and change the X input to around 3750 to start this animation from back further to reveal a bit of the green/yellow shape. I can scrub through the animation here and see what I’ve got.

Looks a little weird. Here’s here it gets better. I’m going to go to the Effects panel and find the Track Matte Key and drag it onto the nested sequence and set the Matte to the track that contains the black graphic we just adjusted and tick on “Reverse” to use this animated shape to cut out the area that it covers. You can see what this does. Really, really cool.

I’m going to select both of these layers and choose to Nest them as well and give this the name “colored-angle-transition-effect”. Then I’ll right-click this nested sequence and choose to speed it up 400%

Then we would want to move our playhead to the cut in our video clips and then select this nested sequence and use that Cmd/Ctrl plus the arrows keys to slide this clip around until the transition takes place in such a way to conceal the specific frame where the video changes. That’s pretty much how to make this transition effect happen!