How to Make Logo Reveal Animation intro in adobe premiere pro (2022)

inside premiere I've already got two versions of my logo ready on the timeline and I'm going to start by adding a color matte inside the project panel click on the new items icon and then select color matte i will accept the default settings and click ok next you can select a color I will pick the color of my logo and then move this close to white next you can give this column a name I will name this one background and then click okay and after that you will find this column ad here in the project panel you can now drag this over to the

logo reveal after effects

timeline and if you want you could also stylize the background by adding a bit of vignetting inside the Lumera color panel not too much of course let's keep this one a bit subtle okay that's perfect let's now stack the logos on top of the background layer on the timeline for now i only want to see the icon version so I'm going to disable visibility for layer 3. going to switch over to the rectangle tool which you can find here and then inside

the program monitor draw a rectangle you can draw in the program monitor by left-clicking and by holding the shift key you can get a perfect square and then move over to the essential graphics panel where we can center align the shape and then move back to the timeline where I'm going to stack this graphics layer neatly on top of the other ones now make sure that the graphics layer is selected and i move over to the effect controls

logo reveal animation

panel then inside the vector motion section click on anchor point and inside the program monitor move the anchor point on top of the square and now we can start animating the shape by enabling keyframes in the effect controls panel and by enabling keyframes i mean a lot of keyframes so be warned first I'll enable position keyframes and then by deselecting uniform skill we can enable skill height and scale width this will create the first

set of keyframes we can move this first set of keyframes somewhere over here then go a couple of frames back and then reposition the square out of the frame this gives us this simple animation moving the square from the left into the frame the next adjustment is for skill height I'll increase the value until the height is enough to cover the top and bottom of the logo and after that i will lower the width to make the line thinner that's

logo reveal template

perfect let's now select and copy this position keyframe with ctrl or command c and then paste it here with ctrl or command v then skip a few frames forward and change position move it to the left and this will create another keyframe and again move forward copy this keyframe and paste it then move forward again and copy the third keyframe and paste it okay so all these copy and paste actions makes the line now move from the

left to the right and back again like this next I'll move back to the last position keyframe and then create a new keyframe for the current value of skill height and skill width then move a few frames forward and create another set of keyframes with value hundreds the original square shape and again move a few frames forward and change them both to zero created so far if you want to make the animation go a bit faster or slower you can

change the position of the keyframes to change the timing and if you want to make the animation go a bit more smoother you can right-click the first keyframe and then select ease out and for the second keyframe you need to select ease in and you should repeat these same steps for every set of keyframes so ease out for the first keyframe and ease in for the second one anyway I'll fast forward this one so you don't have to wait and by the

logo intro animation

way for the mid keyframe you can select Bezier and changing the keyframes to ease keyframes will make the animation look like this in the next steps we're going to reveal and hide the logos we're going to start with the icon logo which is still visible i will select the layer on the timeline and then move over to the effect controls panel in there i will click on this pen tool icon or free draw Bezier tool and then draw a mask you can now

left-click in the program monitor and draw a mask like this it doesn't have to logo and because we want to reveal the logo we're going to set this mask to invert it and after that I'll click the stopwatch icon next to mask path to enable keyframes inside the effect controls panel I'm going to zoom in and then skip one frame forward and then change the position of the mask this will create the next keyframe and we can repeat this same steps

a couple of times until the logo is completely revealed and then I'll move a bit further in time until the point where the line goes back again steps until the logo is covered that should be more than enough let's have a look at what we've got so far excellent so now we can move over to the next logo which is on layer 3 which we need to enable first now I'm going to search for the frame where the line starts to move to the right again we

logo intro free

want to reveal this version of the logo when the other one is covered so that's why I'm going to make the next mask on the other side of the line so let's select the pen tool and then draw a mask again the shape doesn't matter that much as long as it covers the logo and just like with the other logo I'm going to enable keyframes and set it to invert it next I'm going to search for the frame where the line starts to move back and that's where we're going to add the first keyframe then skip a frame forward and then change the position and repeat the steps and we're going to repeat this step until the second logo is revealed

#revealanimation #facereveal #animationintro