Transcripts
1. Class Intro Flying Animation: Hello everyone. My name is Adam. I am a professional
motion designer and graphic designer based
in Casablanca Morocco. And in this class, I will show you guys how to make this beautiful animation
in after effects. So as you know, the subject
is not really flying. We will just be creating the illusion of its
flying by creating the space movement in the background and speed
lines and the wavy rainbow. So this class is for
beginners and for anyone who wants an introduction
into motion design. And the good thing about this
class is that once you do this flying animation to this
particular illustration, you can go ahead and apply
it to anything else. You can use a racket instead, a pizza ahead of any cartoon
or something that you like. Alright, now without
further ado, let's go ahead and
start creating.
2. Class Project: All right, so for
discuss projects, we'll do in the
flying animation. All you need to do is
download the files from here, open ab after effects
and follow up with me. If you have any questions, you can ask them here, and, of course, I will
reply within 24 hours.
3. Rocket Animation in Adobe After Effects -Putting Everything Together: Alright, so in this
first part of the class, we'll start by importing
our asset and just creating the rainbows and creating this work effects
of the rainbows. All right, so once
you open after effects, go to a
new composition. And right here, depending on what or where you want
to post your animation, you can choose the dimensions directly for the new project. So let's say I want
to put this on Tek Talk or as short on
Instagram on YouTube, I'm going to use
these dimensions. And the next thing I want
to do here is import our Adobe files that
contains our Illustration. Now, let's go ahead and put
the cute animation here, and it will give us this
animation as to scale. And then I'm just going to
scale it a little bit down. This looks fine,
and just position it around here in the middle. Let's go to a line and make
sure it is in the middle. Okay, next, what we want to
do is create the rainbows. And to do that,
we're going to go ahead and create a
new composition, and we're going to leave
the same dimensions, okay? Open. Now select the pencil, and the next thing we
want to do is create the rainbow lines, right? So no fail, only stroke and make sure
you have shape here. I'm going to change the
color to something like red, increase this to 100 and
keep in mind that the size of the stroke will impact the effects that
we will apply later. That means when you're
just in the numbers, you're going to have to
take into consideration the size of the stroke you
are working with, right? So it's going to be
different numbers for different strokes. Let's go, for example, with 200. I'm going to click here
and here, hold Shift. All right. This looks
about right. Put it here. And then we're going
to do the same thing. Control Rocan D on hay
one to duplicate that. Now I can click on each one individually and just
drag it to the right. I'm holding Shift and I'm using the right arrow on my keyboard. I All right, now we need
the color palettes. So I'm going to go
ahead and import my color palettes from here. But it's on top here. Now the next thing
I'm going to do is select each layer individually, go to stroke, and then I'm going to sample
a color from here. So this is the first one, okay? Same thing. Second one. Sample this and we'll
continue until we sampled all our colors
from this picture. Once we've done, we can
delete the picture. The one thing you have to know
color are as important as animation when it
comes to these type of cute little animations. So as you can see, we have our color palette
here, our rainbow, but we use the pale
color palettes, and it's may give
us a little bit of trouble when we try to
apply effect to that. So I'm liking these palettes, but what I can do here, is increase the saturation
for each stroke, right? So pale colors usually have
low saturations around 1011. We want just to increase that a little bit more so we
have more saturation, and we can do great work applying effect to these
colors. So same thing. I'm just going to keep
selecting each layer individually and then increase
the saturation to 250. All right, once
we do that, let's go back to our
first composition. Let's just put this
composition down here and then rename it rainbows, scale, and then just
scale it a little bit like this position. So adjust position. All right. So something like
this looks fine. We want it here. So it just scale, just a
little bit more. I like this. Let's adjust
scale for this one, as well. So let's both. I'm just going to adjust this in the center of the composition. Alright, now we need to
animate the rainbows. And in order to do that, we're
going to go to effects and look for something
called ripple. Now, this one under distort is the one
you're looking for. So put it on top of
the rainbows layer. Now, as I said, these
sittings right here will depend on the size of the
strokes of the rainbow. So go ahead and adjust
them accordingly. First thing first, let's adjust
the radius, increase it. Zoom and see what's going on. We do 100% first. Speed. I'm going to do like eight minus eights. Wave width. Let's crack it up to 100. And let's do the same
for the heights. So around 70. And now for the
center of red Ball, it just increases a little bit. All right, now they
click on play. All right looks good, but let's see how we
can adjust more. Alright, this looks
better. Maybe just decrease these little bits. All right, it's not bad. Now
we have our basic animation. The next thing we
want to do here is, I'm just going to
go to projects, first come composition settings. And I want to check
here the background. I want to put it in black.
4. Rocket Animation in Adobe After Effects -Animating Everything: Now in this final lecture, we will go ahead and
actually add the background, animate with the speed line and basically make the
flying more believable. Then the next thing I want
to do is go to composition. Then right here, composition settings and then
change this color to black because space is black. All right, now I want to go
ahead and add some glow. Add this one here under stylize. Then we can adjust this
from here, so radius, I'm going to increase
it a bit and glow intensity I'm gonna
increase it a bit as well. All right. And then
we can animate the glow intensity if we want. So add the key frame here. You. Then I'm going to put
this one in the middle here. And then here let's put
it back to what it was. Then got it go back a
little bit down as well. Same thing. Call the gloridius
I think gpame, and then increase it
a little bit here. Then decrease it here. And then let's add my favorite
be after effects effects, which is the hand drawn effect. Let's put this one
here. Another one here. Now if I click on play, you can see we have this
cute hand drawn animation. All right. Now the
next thing I want to do is add the speed lines. To do that, again, let's go ahead and choose the pen tool. Make sure you have
nothing selected here, and then we can add the first
line from here to here. Now, this time it
wants color white and decrease the stroke size
or something like this. Let's go ahead and
add trim path. Add the key points for
the end parameters. Then let's move
around ten frames. And add another keyframe. Now, this one stays
100 and this one, we're going to put it to zero. So we have this animation. And now animates the
star parameters. Add the keyframe here and add another keyframe here and then just upset the
key frames like this. Now, the speed of the line
will determine how fast our character is flying
through the space. So for example, if you
think that's too fast, we can just go ahead, select those and then push them a little bit far
away further from each other. I'm guessing this is better. Again, select all F
nine. For easings. And now let's go ahead
and just duplicate this B for position. You then you here so
we can have so we can have a look to our key frames
then just offset like this. Do the same thing.
Control Command D. Put this one on top here. Then pee for position. Let's just sit here. And then control
command D, P position, and around here, and
then offsets little bit. Like this, like this. As you can see, we
have our animation, our line animation. Now what we can do, of course, is pre comp everything. Let's name it Speed lines. And then we can
duplicate it whenever we feel it should occur again. And finally, of
course, we can add this effect to all of them. I need to go back to projects, and finally, one more thing, we're going to have to
add our background, the one that I have right here and just put it in
the bottom like this. And you can see we
have our space here, so we can use this one, or you can make it
yourself if you want. All right, or we can
use another one here that I downloaded
from free Pick, to be honest, I like
this one better. So I'm just going to put
it down here, then scale. Then adjust the scale like this. All right. And then we're
going to go to position. Adjust this then here. Then move. And then put down the position
again like this. And of course, finally, the hand drn effects. Now, we can see the
animation here is too rigid. We can of course always
adjust that here. So for the amount, I'm going
to decrease it to ten. And then side speed, it put two and then
let check it again. All right, this is better.
5. Congratulations....: Now, congratulations
for finishing the class. Thank
you for watching. Just go ahead and share what you created on
your social media. Of course, you can use
this technique for social media or for
any personal use. You can go ahead and tag me. I will give you a feedback on your animation and
you can of course post your animation here
in the project galleries, so I can give you my
feedback if you want, or just so other students can
see what you have created.
Adam Chraibi, Designer and animator
