Transcripts
1. Class Intro: [MUSIC] Hello, everyone. My name is Adam, I am a professional
graphic designer and animator with over
six years experience. I started as a designer
mostly designing logos, but then I decided that I really wanted to
learn animation. I wanted to see my
designs come to life. That's when I decided
to learn After Effects. I animated everything from
banners to typography, to characters and
of course, logos. For this class project, you will learn to animate using the stroke style technique, which means animating
the strokes. We will do two types
of logo animation. One is going to be a wordmark, and the other one is going
to be a minimal logo. We'll dive straight
into the techniques. We're not going to be covering any theories because
I already covered those on my first logo
animation class for beginners. For this class you will
need Adobe After Effects. You will also need a basic
knowledge of the program. We're going to be working
with two free scripts, EaseCopy and Duik Bassel. Why learn logo animation in the first place?
What is the point? The reason is because it helps brands connect more
with their audience. Studies have shown
that people are more likely to engage
to videos rather than still images.That's
why you see all these social media
platforms trying to push creators to publish more videos. That's it for the introduction. If you're ready to
learn new techniques to amaze your friends
and colleagues, then see you in
the first lesson.
2. Class Project: For this class project, you will be animating two logos using three different
techniques, which means three new
logo animation techniques in your arsenal. First thing first, I want you to go ahead and download these two free amazing Adobe
After Effects scripts, do it basal and easy copy. Also you can find all
the class files in here. You can download the project
to follow along with me, and you can also download
the final project. The reason why I chose this class projects is because
the techniques I'm about to show you are easy
to learn and are easy to apply to your
own personal projects. My tip, if you want to finish
the class is to follow along with me using the
files that I gave you. Then once you apply the
animation to those files, you can then apply it to
your personal projects. Once we finish an animation, you can go ahead and post it under the projects gallery so I can give you my feedback and also so you can
inspire the community. Get everything ready
and see you next.
3. Aroma Logo Animation- Using The Pen Mask Tool: Now, for this lecture,
we're going to do our first logo animation using the pen mask tool and
the stroke generator effects. Once you open the file you
will find something like this. We have a PNG right here
of a color palettes, the active area and
the actual logotype. First thing first, I'm going
to select the first letter A and then I'm going to
go ahead to the pen tool. Make sure you select
tool creates mask. We don't want to create a shape. I'm going to zoom in to the A, and then right here you have to pay attention to the cursor because if I move
here you can see that it's just a
normal selection tool. But if I move here you
can see that we have a plus sign with the
pen tool which means it's going to add
an anchor point and if I move down
here for example, we can see that we have now the pen tool with the
square and a dot in it, and this is the
one I want to have before I add the mask
or the stroke mask. I'm going to click here, and then here, and then here. Once we add this, we can select the selection
tool and then just align the mask with the
letter, just like this. Now, as you can see we didn't
cover the entire letter, we still need to add the mask to this part of the A so
we can mask it as well. So unselect the first layer, then reselect it again, then reselect the pen tool, mask, and then add
another mask right here. We're going to be
working with two masks, not just one selection tool and then adjust
this one as well. There we go. The next thing you want to do is that's under effects and presets you
want to look for stroke, and then look for generate, and then you have
stroke right here. Click on it and put
it on layer number A, or if layer number A is selected you can just
double-click on it. You can see that it
will add a stroke to the mask or to the mask
path that we created. First thing is just change
the color so you have some contrast between the
foreground and the background. There we go, and we can increase the size of the brush
size like this. Also make sure brush hardness is 100 percent so you won't have any blurriness or transparency in the edges of the stroke. I'm going to adjust the mask now as I'm adjusting the brush size. Maybe increase this
a little bit more. Let's click away to
see what's going on. Maybe we need to adjust this
part a little bit here. Now, as you can see right here, the stroke is applied to only one mask and
we have two masks. What we can do is right
here on the path, make sure you check all masks. Now, it is applied to all masks. Now, the next thing
we have to do is animate the stroke and
the way we animate the stroke is the same thing
as animating a trim path. What I'm going to
do is find end, add a stopwatch or a keyframe, click on layer A and then click on U so I can find the keyframe, zoom into the
timeline until I see the frames the way
I want them to be or the way I
want to see them. So the first key frame, I'm going to put it under
20 frames or maybe more, and then end right here. I'm going to put zero in the
beginning of the timeline. Now, you can see that the
mask or the stroke is gone but if I move the play head you can see
what's going on here. Now, what we want to
do is mask the letter. So what we'll do is go to
Paints Style and change from an original image to reveal original image and now
the letter is gone. Select both keyframes,
F9 for the ECNs. Now, if I move the play head you see that we have
the nice animation. But we have a problem here is
that we have this thing in here coming out of the stroke
and we want to fix that. So select the layer and then with the
selection tool selected, I'm just going to move this
stroke a little bit to the left like this but
don't move it too much. You don't want to have
some white space under the bounding box.
Just a little bit. Now, move here. You can see that we
have same problem. I'm going to move this one
to the right a little bit too. Now, it looks good. Select both keyframes, go to the speed graph and
then I'm going to apply some easy ease N. Now, if we click on play,
nice animation. Maybe I'll suppress the
keyframes a little bit more like this and that's good, just to make the
animation a bit slower. Same thing with the R,
click on the R pen tool, and the same process. Select the tool creates mask, and then add the mask in here. Here click and drag the curve, hold Alt or Option and then
bring this handle back like this to this point and then click here and drag like this. Hold shifts, do
the same thing for this handle and then click here. Now, since we have
the mask added, instead of adding
the stroke effects again and adjusting
the settings, we can just copy from
the previous layer. Select layer A, select stroke Control Command C, select our layer Control
Command V and here we have it. Of course we can adjust
this as well. There we go. Now, let's do O and then I'm just going to go
ahead and speed up things. For the O, same thing. I know you're thinking why
not add a shape to the O, and the reason is if we add
shape it's going to mask everything and we don't want to mask everything right now. We want to mask it using
a different method. This is why we cannot
close the mask, we need to leave it open. Add the pen tool mask
and then same thing, click here and drag. Hold shifts. Hide this handle
by holding Alt or Option. Click here and drag. Again, hide this handle, click here and drag, hide this handle, and then click here and drag. Don't close the mask. Now, with the O selected
Control Command V so we can paste the stroke effects
and here we have it. Maybe a little bit more here like this. Adjust the brush
size a little bit. Now, I'm just going
to do the rest of the letters real quick. For the last A I'm just
going to go ahead and duplicate the first A. Let me go full screen
here. There we go. I'm going to duplicate
the first A, Control Command D and
then I'm just going to drag it like this on
top of the other A. Now, let's hide the last A. So I'm just going to
delete the last one, and then bring this
one all the way down. Now, if I select all the
layers and click on U. Now, as you can see, all the
keyframes have been added and all the keyframes
have the same values. They all have is N.
Again, select everything, click on U to close the keyframes or to
hide the keyframes. Now, what I'm going to do is right-click and
then pre-compose, and then I'm going to
give it a name, Aroma 1. Once I pre-compose, I'm going to double-click
on the new composition and I'm going to offset
the letters a little bit. Select all of them, this thing here. Go to Window. I want to select my
scripts, the rifts. These are my settings and I have here descendants under arrange. Click on ''Play'', click again, because I want the
first letter to appear then the rest of the letters. Something like this. Let's see what we have
here. Maybe one more. This looks fine for me. I'm
going to leave it like this. This is a creative process, so there is no right or wrong. You can choose
whatever you want. You just need to master the
techniques and be creative. That's all. Customers are
techniques, so you likens. Now, let's go back to the
first projects like this. Now, let's go ahead and add the colors
because it's important to keep the color palettes that the clients wants and
a logo animation. First thing first, I'm
going to go ahead and add a lights background, probably this color
layer, new solid. Click on the eyedropper
tool and select this color. I'm going to put it all the way to the bottom
and then just lock it. Now, select the composition
and duplicate it. Right-click, rename. I'm going to put
here aroma Number 2, and then zoom in, and I'm going to offset
this then five frames. Now, I'm going to change the
color of the first comp. So under effects and
presets, look for fill. Under generate we have fill. I'm going to add it
to comp Number 1, and then click here and
choose this color green. Here we go. Now, I'm just going to hide the
duplicated composition so we can see the
color that we added. Then on the second one, I'm going to do the same thing. Unhide aroma Number 2, add fill, and select the
eyedropper tool and I'm going to select
this color right here. There we go. Now, if we click on ''Play'' [MUSIC]. So to recap everything, in this lecture we did
a logo type animation. We started by using the
mask to cover the letters. We added the stroke
effects and animate it, and then we offset the layers. Up next we'll be animating the aroma logo using the
trim path and a track matte.
4. Aroma Logo Animation- Using The Trim Path and The Track Matte: Now for this lecture,
we're going to be animating the same logo using different techniques
that allows for more flexibility and
control over the animation. Guys, so now the first
thing you want to do is select the Pen Tool. Zoom in to the screen like this and the first thing
is you want to make sure that you don't have any layer selected because if there is any layer selected and
you apply the shape, the layer will be masked. Now I'm going to click here, then here, and then here, and then here we have our shape. Now the thing about this
method is that it gives you more control over the animation. But the drawback is that you're
going to be working with more layers since we have to add a shape layer to every letter in our
timeline and we also have two [inaudible] each shape
to a specific letter so in case you want to
resize the shape or move it, you won't have any
offsets between the shape or between the
mask and the letter. Now I want to cover
the second part of this letter and if I
go from here to here, we will have this. What to do is hold
Control or Command, click here on the empty
whites and then go back and add the second
parts like this. Click on "Selection Tool"
or "V" on your keyboard. The let's adjust this thing. Guys, so make sure that
everything is covered. Now the next step I'm
going to do right here is change this color to the
same color as the letter. So sandstone. Now what we want to
do is add trim paths. If I click here, if I open this, we have contents and under contents we have
shape 2 and shape 1. Shape 1 is the A and shape
2 is this thing right here. Let's add trim path
to both shapes. Let's start with
shape 1 at trim path. Now let's add a
stopwatch to the end, and then I'm going to move the stopwatch to 20 frames
if you don't see 20 frames, just zoom into the
timeline and then bring the play head to the beginning of the animation and then 0. Now if I move this, you can
see what I'm talking about. Now I'm going to do the same
thing for shape number 2, select it, and then click here to add and then trim path. Sometimes you may add trim paths by mistake to shape number 1, just make sure it's
under shape number 2. Then I'm going to do the same
thing and select the layer, click on use so we only see
the keyframes that we added. Bring this one here, and then bring it back to 0. Now if I move the play head, you can see the animation. One more thing, of
course, is to apply the ECN so select all of them. F9, all of them
keyframes of course. F9, Speed Graph is
ease in. Here you go. Now if I click on "Play", we can see the animation. Now we need to mask the
shape with the letter. We can do, of course, is come over here
to track mattes. If you don't see track
mattes and make sure you click on this then right here, where it says expand or collapse the transfer controls
pane and then I'm going to change this to
Alpha Matte Shape Layer 2 and I'm going to link
this to shape layer 2, you can of course rename its shape layer A so
you won't get confused. Now if we play the animation, here we have a nice animation. It looks nice. Cool. Now if we want to
resize this or everything, just click on Scale and you can resize this, it will follow. You won't have
that weird offsets between the mask and the shape. You may have noticed
as this thing, the shape layer is gone blind or not visible anymore
and that's normal. Guys, so now I'm going
to go ahead and do the exact same thing
to all these letters, the exact same thing. It just as with these letters, we are only going to
be adding one shape and that's two shapes. Let's go ahead now. Once you finish with something, I think it's better if you just right-click then pre-compose, and then pre-compose
A and then okay. This way you won't get overwhelmed with all
the additional layers. Click on the emptiness,
make sure nothing is selected the Pen Tool, and then let's do it. Sometimes when you
keep adjusting the mattes and you still
can see some parts of the letter there is no
harm and increase in the stroke with a little
bits or the stroke size. Now as you can see, once
I've finished with the R, I'm going to go ahead and
place champlain number 2 on top of the R. If they
know, of course, about working with
shapes as if I open here and then constants,
and then shape, and then stroke you can also see that we have control over the cap or the edge
of the stroke. If I come over here,
we have bud cap. If I click on round cap, it's going to round the same
and if I click on "Backup", I'm going to have
the cap that I want. Now, this one right
here is called projecting cap and this one, you only use it if
you have a problem, if you have like what we call a stair and your stroke, let
me show you what I mean. For example, let's
unselect everything. If I click here
and then do this, then like this, and then if I go to Add and add trim path now if I animates, you can see that we have a problem when it
comes to this area. You can see that we have
like a sphere in here. This problem right
here, let me go to 76, maybe you'll see it
more, yeah like this. When you have this problem with your animation we
can go again to stroke and then change from
butt cap to projecting cap. Now it will increase the
length of the stroke from the bottom and from the top but as well,
fix your problem. Let me delete this. Let's go
back to our logo animation. Now that we've finished
with this one, we're going to do the
same thing again. Also, make sure
that shape layer 2 is on top of R. You can go ahead and open here
and add trim path. I always add the final keyframe first then change the
value here we go. With this one you
can see that we have this type of
animation like this. If it's not a problem,
you can leave it. If it's a problem,
you can offset the animation we'll
see how in a moment. It looks cool. Selects
everything F9. This time instead
of going back to the graph editor and adjust
the easing and well we can do is go to Window
and then look for the scripts I told
you to download earlier click on it is the copy. Now, what are we going to
do is open the pre-comp. Click here on you, select those, and then copy and then let
us go back to the comp, select those, and
then paste ease. Now if I go to the Speed Graph, you can see that we
have the easy ease in. Now alpha shape layer 2, or we can rename as R, you can see this is a
very tedious process, but it's worth the animation and it's easy, it
just repetitive. Then layer number 3R
and here we have it. Now I'm just going to
go ahead and speed through the process
same thing with the O. Now this stuff with O instead
of using the Pen Tool, we can go ahead and
use the Ellipse Tool. Click in the middle
and then drag. When you hold Shift
and Control command, it will drag from the middle. Now we just need to
adjust this thing again. Let's make sure we have
shape layer on top of O. I'm going to take those
right-click pre-comp, then pre-comp R, and then same thing
at trim path. Now for the last
one, I'm just going to duplicate the pre-comp, put it on top of A, and then just move it like this. I'm just going to hide this one. Now of course it
just the same thing as we did in the
previous lecture. We can go ahead and
see these and pre-comp them again and then
offset one final time. Guys and this is the
final animation. Quickly if I go over here, and they look for
pre-comp A, this one. Let's say for example,
you don't like this animation because it has this thing at the beginning. What you can do real quick, is just wait for the
first stroke to form and then the second shape can start the animation and
something like this. If I move now, wherever you go, you don't have those small
strokes at the beginning. But if it doesn't bother
you, you can just leave it. Guys [MUSIC] so to recap everything, in this lecture we
worked with shapes, track mattes, and trim path. Up next we'll be animating
the minimal icon logo.
5. Elephant Logo- Main Animation: For this lecture, we will
start with the main animation of our minimal animal
elephants logo. The first thing you
find here when you open the composition is
that you will find the log right here and the colors that we can use
for our animation. The first thing I want
to do here is just lock these layers and then shade them away so
we have a clean timeline. As you can see, we're
not going to be sitting here any active area because the composition
is quite compacts. Now the first step is
to add circles in here that will serve as guides
for the animation of course. Select the ellipse tool and then I'm going
to make sure I have a fill color and no stroke. Then hold Shift and Control
or Shifts or Command and click in the middle
of the logo and drag. You want the circle to be pretty much the same
size as the logo, just to cover the logo. Whichever way you want selected, I'm going to click on T
for transparency and then reduce it to 30
percent, here we go. Now, click here
on the constants, find Ellipse 1, and then Control Command D. Now I have two circles
and side one layer. With Ellipse 2 selects it, I'm going to click here, drag to the rights and hold shifts and then select the entire layer and
then Control Command D, click, drag to the
bottom and hold shifts. Now we have something like this. Select both of them, right-click, pre-comp,
and then circle guide. Select the anchor point tool, press this one in the
middle like this. The direct selection tool, select the entire pre-comp, and then put it in the middle
of the logo like this. Click on R and then just
rotate it like 25 degrees. Right-click on this,
turn it to guide layer, and then we can hide it as well. Now the next step is
I'm going to select the Pen tool and
then I want to trace each parts of the logo that I want to
animate individually. Since we have four circles, we're going to
separate the logo to four parts that we will animate. Let's start
with the first one. We just want to trace
normal tracing. Click on here, let's start
with this bottom parts, then here, drag. We just need to switch to
the fill and the stroke, so no fill and then stroke, yes, I have 12 pixels. Now since we switch the
fill and the stroke, I'm going to click
on this anchor points and then click here. Hold control and click on this last anchor
points just so I can adjust the cap
a little bits, and then it just from here, which shifts. Here we go. If I click here to
adjust this area, is going to connect the
dots and I don't want that. Click away and so
everything is not selected. Then click on a layer again, and then we can click here and then a hold Control or
Command and click again. Now we can adjust
this area as well. Once you do that,
once you finish, we're going to click on
this anchor points to finish our stroke
setting because we want the stroke to start from here and then do this
and come back here. Then I'm going to click away and then click on
the layer again. Click here and then
click here and drag and then here and drag, here and drag, and then here and drag. Of course, we can always
adjust our Stroke Path. Now I'm just going
to fix this to make sure I have smooth curves. I don't want any sharp edges
or joints on this path. Now we have to pay attention
to what I'm going to do next because we're going to
repeat the same thing for all the strokes, the exact same
thing. Okay, guys. Click here and then go to Add, and then you want
to add trim paths. Once you have trim path added, you want to open the
trim path and then add a keyframe
four-star and add. Then you want to
look for a stroke, and then you want to change
the line cap to round cap and then the line
join to round join. Now right here where
it says stroke width, you want to add a keyframe to. Then for the color
what we're going to do is zoom out right here and then click on the
Eyedropper tool and then select a color from the color scheme and also sets
a keyframe for the color. Once we do that, we're going to go back to
the layer and click on "U", so we only have the
keyframes that we added. Now what I'm going to do, zoom into the timeline until you can see the frames
like I said in here. I'm going to move the play
head to 25 like this. Now what I'm going to do is
move the stroke width to 25 frames and then we want to decide between which one you're going to move, is it star or end? Depending on how
you trace the logo, one of these will
have to move first. Let's start with stars
and see what's going on. As you can see right here,
this truck is moving away from the logo
to the circle, which means this is the one
that I need to move first. Sometimes you may
want to move the end first if it's moves the
stroke away from the logo. Now that I know that it's the star that will move the
stroke away from the logo, what I'm going to do is just undo the key frame that I
just added and then move the star keyframe to 25 like this and then go back to the
beginning of the timeline, and then 99.9 so I just
have a dots in here. Now the stroke width, I'm going to go
ahead and increase it until it covers
the entire circle. Something like this. Now what I'm going to do is just move the play head to 25 frames
and then for the end, I'm going to move it like this, decreases until we have the original stroke of
the logo like this. For color, I'm just going
to move this like 10 frames here and then I'm going
to change the color to the original color of the logo which is
this one right here. Once you do that, go ahead and upsets
the star and the end. Select all the keyframes F9, and then select the offsets
of star on end and go to the Speed Graph to apply the
easy ease in. Here we go. Selection tool and
then easy ease in. We want to adjust it
to something like this same thing for the
color. There we go. Now the good news is that
you only have to adjust the speed graph once
for this animation. We just do this, this one time
and then we're going to be using scripts. Here we go. Now if I click on "Play", you can see what I'm
talking about here. Now finally, I'm just
going to click on T for transparency and reduce
this to a zipper sense. Now we're going to do
the exact same thing for all the remaining
strokes of the logo. I'm just going to go ahead
now and speed the process. Remember that I have included the final projects and the downloadable
resources of this class. Now I'm going to have Shape
Layer 1 after I changed the color like this and
then do the other circles. Just make sure you don't
have the same circle twice. Now select the Pen tool again and same thing,
let's try this area. Remember that's
when you just add strokes you can switch between Pencil and Selection tool depending on what
you want to do. Same thing, click here, here and then let's add the
path for the animation. Sometimes right
here with the end, you have to enter the value manually just so you can
get distant aligned, the stroke aligned with
the shape of the logo. Maybe try 5.5. Let's try just three.
This is better. Remember guys don't go to the Speed Graph just yet because we will be
using the scripts. Just add the F9 easy ease. Now select the star and
then offset it here. Let me just open the second
layer so I can adjust this. I'm just aligning
the keyframes of the first layer with the
keyframes of the second layer You to hide everything and then let's do this
and here we go. This one now. [MUSIC] Now that we've added animation
for all the strokes, let's go ahead and
make it invisible again and you can see
what we have in here. Now if we click on Play, I just hide circle guide, colors and the minimal logo. You can see the animation. But it seems like we
have a problem with this one, which is normal. We forgot to change the
color to the right to. Select the keyframe,
the eyedropper tool, and then just select
scaler, then here we go. You can leave it like
this if you want, but if you want to stylize more, we can do that of course. We kept everything, in this lecture we
started by adding guides, then separating the logo to individual parts
that will animate, and then we set the animation trajectories and we animate it using
the trim path, stroke width, and
color parameters. Up next we'll add the
secondary logo animation.
6. Elephant Logo- Secondary Animation: Now that we're done with
the main animation, in this lecture we're
going to go ahead and add our secondary animation. What I'm going to do now is
select all these layers. You select all the
keyframes that we added, zoom into the timeline, and then I'm going to
move them to 20 frames. Now deselect everything, zoom into the timeline again, place the play
head on 10 frames, and then let's add
another keyframe for the stroke width
for all the layers. Now, place the play head
to the beginning of the timeline and let's just
make the stroke width zero. Once you do that,
I'm going to select all the keyframes I
put under 10 frames, then hold "Control" and
click to make them normal, with no Easens because we
want to apply an expression, and so this way we can apply the expression because we cannot apply expressions
through Easy Easens. Now what I'm going to do is find Duik Bassel_2, this
one right here. I'm just going to
[inaudible] it. What you can do is go
to Window and then find Duik animation if you don't find this
here. Okay guys? Now, I'm going to select this stroke width
keyframe under 10 frames, and then I'm going
add the Kleaner, so I can have that
elastic bounce. Once you do that, you
want to go ahead and then just uncheck Anticipation. We're going to do this
for all these layers. Same thing, select this
and then apply Kleaner. Don't copy and paste because
it's not going to work. You have to replace manually. There are of course,
other scripts that can do this automatically, but I'm sticking with
this one, the free one. Now we have this applied
to all the layers, I'm just going to increase the size of the timeline
little bit, there we go. Now if you remember, on our first layer we
have Easy Easens applied. If I select those, you can see that
we have them here. Now, how do we copy this to
all these layers? It simple. Go to Window, open the
[inaudible] scripts, selects all those with the exception of these
two, and then copy. You can see now the
number 8 is right here. We have eight key frames copied, select doors on top with
the exception of these two, and then paste Ease. Now if I go back
here to speed graph, we can see that it's
applied to the keyframes. We're just going to
do the same thing for all these layers. Let's close this, close this, now this one. The cool thing is
that you just need to copy once no need
to copy everything. Here we go, all good. Finally, what we can do, bring the play head
to the beginning like this and then we
want to add a null layer. So Layer, New, Null Objects, select the
anchor points mover, put it in the middle
and then selects the entire Null
layer and then align its center and the composition. Now go ahead, select
all these layers, click on a Parents whip, and then link it to
the null object. Select the null objects
R for rotation. I'm just going to add
a rotation keyframe here, and this one, I want to rotate it the same
way as the path of the logo. Same thing here. I'm going
rotate to the right, so it's going to be minus
300 or something like this then check the animation. It's cool. Now the only thing left is that we want to go
ahead and offset these layers. I'm going to zoom in like
this and then offset them around four
frames away from each other forward
to or whatever, maybe a combination of both. Now let's click on "Play". Now, what I'm going to
do real quick is click here and then just
show the colors, then Layer, New, solid. I'm going to choose
this color right here. Put it down like this and if I click on "Play",
and here you go. To recap everything, in this lecture we added
the elastic expressions, and the Null layer
to rotate the logo. Up next we will stylize logo
and fix any imperfections.
7. Elephant Logo Animation- Fixing Imperfections and Stylizing: Now this is the final
lecture of this class. What we going to do here is just fix any imperfections with the logo and apply blend modes. Just highlights the
logo of course. Now that we've done with
the logo animation, we can go ahead and
stylize and see if there are any imperfections
that need the fixing. If I place the play head here, [NOISE] zoom into the logo. We can see right here that
the legs are not aligned. I'm going to bring the ruler, and just puts one line here so we can just align the legs. Let's see which one
here has a problem. [NOISE] We have Shape
Layer 3, click Hue. Then I'm just going to find
the end parameter, this one. I'm going to zoom in
to the last keyframe and then just adjust
it a little bit. Maybe 15 here. That looks better. Let's
find the other one. Shape Layer 2. Find the end keyframe. This is the end. Let's click on the keyframe. Adjust the play head on
top of the keyframe. Here, maybe I'll add six. That's too much,
so probably 5.8. Okay, that looks better, 5.6. I know we're doing
a logo animation, but the final logo should
look aesthetically pleasing. Now the final thing I'm
going to do is just switch the blend mode to
Dancing Dissolve. That will give a nice
animated texture to the logo. Just like that, here we have it. Now, just Control
Command R to remove the ruler and then View
and then Clear Guides. Now if we click to see
the final animation, let's remove the
picture from here, this one with the colors. Then just export. Use an Adobe Media Encoder. Let's take a look now
at the final animation. One thing you can notice here is that the color
of the background is blending with one of
the colors of the circles. We can just change the
value of this color. Again, I'm going to go
to layer, new, solid. Right here, I may just want to darken or just open this
color a little bit. Try here, for
example, okay, okay. This is better, I guess. Delete this one. Now file, export, and you can export to
Adobe Media Encoder. [MUSIC] To recap everything. In this lecture, we fixed any imperfections and we added
blend modes to all layers. That's it for this class.
8. Congratulations: Congratulations, you guys. You finally made it. Now, let's recap the
workflow real quick. We started by importing
the logo to After Effects, convert it to shapes, separate parts of
the logo that we want to animate individually, apply the main animation, apply secondary animation, [MUSIC] then stylizing the
logo and exporting the logo using Media Encoder MP4 formats. Now I want you to
go ahead and share your animation in a
project's gallery. Also, if you like this class and if you've done
something new, you can go ahead and follow me, leave a review so other
students can find it, and see you very soon my friend.
Adam Chraibi, Designer and animator
