Welcome! My name is Andrzej Pach, and together with
you, I'll prepare two different variations of transitions for your videos.
Each transition will teach you something different in After Effects. It will be really a lot of fun, so let's head
into After Effects and start working right away. Let's start our work by
creating a new composition. Hit the New composition button, and create a full HD
composition, 30 frame rate and in the duration, please press 5 and a dot. This will be 5
seconds. This should be enough for our editing and
we can always shorten this composition later. I want this transition to fly
from this corner towards this corner. So I'll create a rectangle. Let's start with
the rectangle, and make the rectangle to about this size. It should be
longer here on the left and right side, because we will rotate it. Once you create
a rectangle like this, and select the proper color for it,
for example, I'll go with something greenish here, with a mint color like this, a
bright mint. OK? I'll click on the shape layer and I'll press R. While having the rotation open, I'll select -45º, because I want
to have it like that. I click on the Selection tool, you can also access this by
pressing V on your keyboard. And I select this rectangle and place it here in
the right bottom corner. I try to make it exactly in the middle, and we are ready
to edit it. In this case, we'll work with the scale, and since the entire layer
has its anchor point set here, and I want to use the anchor point in the middle,
I'll not use the layer, I'll use the actual object. So go inside the shape layer,
open up content, and inside the contents, you will have the rectangle one you
created. See, this is the rectangle within this layer. I'll open the rectangle, I'll
open the rectangle path, and I'll work with the size. I don't want the sides to be linked, because I'll work only with the second size. So, unlink the size and we'll work with this one. We will start with an
amount of 0, we will place a keyframe here, we'll go about ten frames forward.
Please look here on the left side how far you have gone. I have gone 10 frames
forward, and at 10 frames I want it to be more than 180. Before, it was 180, I
want it to be 200. I see this small gap,
let's maybe make it 220. And going even further like 215 frames or 214 frames.
This will be OK. I go back to 180 so this corner here is covered. Now, let's preview
this animation, it grows bigger and then it gets a tiny bit smaller.
OK, we are nearly done. Let's right-click> keyframe assistant>easy ease this
animation, and let's preview it. Perfect. At this keyframe, which is the final
form of this animation, I want the entire screen to be filled up. How do I do this?
I close everything, I select the shape layer and I press Ctrl+D. And by
having the move tool selected, I fill out the space. Ctrl+D, fill out the space.
Ctrl+D. And I want you to fill out the same exact way, the entire screen. One
here, one here, one here...And now, as you can see, depending on how big are those
objects, that quick you can be done. OK, last one. Still not enough but that's no
problem, I'm going to cover the corner, and this is our finalised animation. This is
how it can look like, but you can also take all the layers and stagger them. How I
do this, I press Ctrl+A to select all the layers. Then I select the left Ctrl or
Cmd key if you're on a Mac, to deselect this. And I'll use my page up and
page down key. Normally, page up, page down goes on the timeline, but if I hit the
Alt key and press page down: 1,2. Ctrl+D, select 1, 2, 1, 2, 1, 2... What I'm doing now
is called staggering, and this is how the animation can look like. We have a steady
motion across it. OK, the finishing touches would be selecting
everything, right-click> precompose >45º> edit. This is
how I called this animation. Ctrl+D to duplicate, place it forward, and in the mode
options select silhouette alpha. So at first, the animation appears, and then the
animation reveals itself with itself. This is a finalised animation. Make it closer
until it disappears. The animation ends at about 2 seconds and 10 frames.
Let's start to create the second transition. In the second transition we'll
work with polygons, so I'll name this composition "polygon animation" or "polygon
transition". HD, 30 frames, 3 seconds of duration will be completely enough. And
let us start the work. Go to the toolbox and this time, let's select a polygon
tool. I'll select my polygon tool, I'll even open my Title Action Save box, and
I'll try to create a polygon in the middle. I'll hold the Shift key, and make it to about,
maybe this size, because we will duplicate this object, like five times, and
each one of them will be bigger. OK I will take this shape layer, I'll press V
on my keyboard to pick the selection tool. And I'll move it a little bit
towards the bottom. Because from the shape of it,
it covers a bit more here on the top side. I will take this object and
duplicate it 5 times. So, I have a total of 6 objects. Shape layer 1, 2, 3, 4, 5, 6.
All right? Now I'll select Ctrl or Cmd+ A, to select all of them, and
press S, to open up scale. And just like that, I can manipulate the scale.
Let's make it maybe, 200. I see that's a bit too big. Maybe the first one should
be smaller, like to this size. This will be 140. Maybe 220, it will be like 300.
380, OK I'm upping it by 80 right now. And this one, maybe make it 450.
OK, that's fairly big, but I see they are too small, so I need to change these
values. Let me start maybe with the last. The last
needs to cover up the entire screen, OK? Like that. And then you can manipulate with
the rest of them, to make them each one a bit smaller. If you have those values
about right, and they cover the entire screen, select all of them, press Shift
and press R, because I also want the rotation to be happening. I'll go to 25
frames, and I'll enable all key frames. Because
this is my end position. But at the beginning, all the scales should be 0%, because I want those objects to grow on my screen. Also, I want a little
rotation to happen, so I'll make the rotation like 80 or 100 degrees.
I'll make 80 here, please do the same. Select those values, and just write
80º and hit enter. This will be a big part of this animation. You see,
they are all rotating, they're coming in the screen, and they are covering the
screen. Of course, we need to change the colors before we proceed, so we see it
better. And I'll do this right now. I have some color schemes selected. So, select each
shape, click on fill, and select a different
color for them. I'll be right back with you. OK, I have my
colors selected. And I see i have a little mistake, because the first one should
be at the top, because it's the smallest one.
So let me quickly, change those here. OK, now they are in the proper order.
These are my colors, and the animation looks like that. We are nearly done,
we have one more key frame to work with. Select everything, and press P. I'll go a
bit forward, for example to 1 second and 10 frames. And I'll select a keyframe here.
Then I'll scroll out the screen. I'll go forward to about this place, and I
want the position to be under the screen.
I'll hold the Shift key because normally it's too slow. If you hold the Shift key
the values are getting quicker. And maybe the first one not so much, the second one
also not so much, the third, the fourth, the fifth...
OK, this big one can stay down here. OK. This should be all right, 5 and 6
are wrongly set...This would be the animation I have until now.
Well, a bit too simple. So please select all those position keyframes, because I
want this animation to happen very swift. To be: boom! And they should be down. So for
this, you need to go into the graph editor. The graph editor. Now the first
thing I want to do to make it easier: Let's make it Keyframe assistant>Easy ease. Now I'll
see this better. OK.These are all the position keyframes. And I'll select all the keyframes, I'll pull this left handle here, and the right handle
here. What will happen with the animation? The position value will go slow. Boom! It will go very quick, so it will disappear.
And then again very quick, but we won't see the second quick. So, let me show you. You see this animation now happens much quicker.
Let's preview this... boom! Perhaps we should also work with the first
keyframes. I'll press U on my keyboard to preview what's happening here. And I
could also select all those key frames. Keyframe assistant>Easy ease them, and do some
magic if I wanted to. Let's say I'll make also a quick adjustment,
just so the motion isn't so boring. I'll nudge it to the left.
What will happen? All those values will happen a bit quicker at the beginning,
and then they'll stagger a little bit. OK. The last step, the really, very last step you
want to take, is to stagger those layers. Ctrl+A to select everything, deselect the last one, press left+Alt and page down, 1, 2, 3.
Maybe three frames... or three frames are too big. Two frames, two frames, two frames,
two frames and two frames. OK, this is the finished animation we have.
A swift little motion you can use in your videos. Let me switch the last background
color to be more consistent.
The transcript in this language is not yet available. We are working on it, please come back later!