Up next in 10
This tutorial was contributed by creator Softoni! Subscribe to their channel: https://www.youtube.com/@softonimotion
Here's more from the creator: 'Welcome to my After Effects tutorial on creating a simple and stunning logo animation! In this step-by-step tutorial, I will walk you through the process of animating a logo using Adobe After Effects. Whether you're a beginner or have some experience with After Effects, this tutorial is designed to be easy to follow and achieve impressive results.
You'll learn how to import your logo, create keyframes, apply animations, and add finishing touches to bring your logo to life. We'll cover essential techniques for creating smooth animations and making adjustments to timing and easing for a polished look. This tutorial is perfect for anyone looking to add a professional touch to their brand with a logo animation that stands out.
Join me as I guide you through the process of creating a simple logo animation that will captivate your audience and make your brand shine! Don't miss out on this opportunity to expand your After Effects skills and create eye-catching logo animations. Let's get started!'
View Softoni's store here: https://filtergrade.com/vendor/softoni/
View all After Effects Templates on FilterGrade: https://filtergrade.com/product-category/after-effects-templates/
- - - - - - - - - - - - - - - - - - - -
Follow FilterGrade!
Instagram - https://www.instagram.com/filtergrade/
TikTok - https://www.tiktok.com/@filtergrade_
Facebook - https://www.facebook.com/filtergrade
Twitter - https://twitter.com/filtergrade
Show More Show Less View Video Transcript
0:00
hello guys of Tony here welcome to
0:03
another video tutorial and in this video
0:06
Lesson we're going to create this really
0:08
cool logo animation step by step easy to
0:10
follow uh also I want to thank you again
0:13
for watching this uh tutorial and for
0:15
supporting me and if you haven't
0:18
subscribed to my Channel please hit that
0:19
subscribe button also turn on the Bell
0:22
icons you can always get a notification
0:24
whenever I post a new clip
0:26
all right without any further Ado let's
0:29
jump into after effects and get started
0:36
[Music]
0:46
okay we're here in After Effects and as
0:49
you can see I already have my final
0:51
composition uh to create just hit on
0:54
this little icon here and this is a 4K
0:57
composition a five seconds long 30
1:00
frames per second and for composition
1:03
name type whatever you want but I I have
1:06
already typed final hit OK and now it's
1:09
time to create a background right click
1:12
and then go to new and to create a new
1:15
solid we will call it of course
1:18
background hit OK and then go to effects
1:22
and preset on the right side and type
1:24
here four color gradient drag and drop
1:27
onto our background layer and now we
1:29
will reposition our points first one
1:32
move to around here second one to maybe
1:34
around here
1:36
third one like so and fourth one around
1:39
here
1:40
we will now change our colors for this
1:43
first one I will choose also blue you
1:46
can also use this eyedropper for the
1:49
second one maybe to use this pink color
1:53
or so like this and for third one maybe
1:58
also blue color here on our four color
2:01
gradient or you can of course choose
2:03
your own specific polar colors but I
2:06
like this combination of blue and this
2:09
pink one hit ok now close this effect
2:13
control
2:14
for now then go here on background go to
2:17
edit and then duplicate or hit Ctrl D
2:21
hit enter on your keyboard and I will
2:23
rename it ball
2:26
action hit F3 on your ball action just
2:30
delete uh for Four Color gradient for
2:33
now go to effects and preset and find
2:35
here Ball action effect drag and drop
2:38
onto our layer I'll also add here fill
2:42
effect drag and drop also on our Ball
2:45
action change this color to white and
2:48
for the grid spacing uh type 10 and for
2:52
the ball size type 20. now we have
2:55
something like this for blending mode
2:57
five here find here overlay and as you
3:00
can see we have our really cool tiny
3:03
Dots here in our final composition okay
3:06
I will close the effects control for now
3:10
and now it's time to also create our
3:13
rectangles our shape go to here on this
3:16
rectangle tool or hit Q for the
3:19
rectangle tool also for the stroke type
3:22
here 300 make sure that our fill is set
3:26
to none and to unselect our first and
3:30
second layer hold shift while you're
3:32
drawing this rectangle also you can hit
3:35
the spacebar to move it on the left or
3:38
right and when you're satisfied with
3:40
your shape just release your left Mouse
3:43
button and also now it's time to make
3:47
also a few adjustments here on our shape
3:49
layer 01 I will hit enter and rename it
3:52
to
3:53
rectangle or one like so also hit R for
3:58
rotation go to maybe 45 and now it's
4:02
time to also add a few effects on our
4:05
rectangle or one golden effects and
4:07
preset type here also Four Color
4:09
gradient drag and drop on our rectangle
4:13
and find here white gray colors for all
4:17
of our
4:18
points like so play around
4:22
like here and for the one also gray one
4:26
and also grab the points move it like so
4:31
and now it's time to change our blending
4:35
mode here from normal to multiply and
4:38
now in our finals we have a shape like
4:41
this now it's time to animate our
4:44
rectangle or one go to maybe uh one
4:47
second and 15 frames like so hit s on
4:51
your keyboard to find here scale set up
4:54
our first keyframe maybe we can lower
4:57
our size of this shape maybe to around
5:01
90 percent or so like here and then go
5:05
to around zero frames hit here also zero
5:08
and as you can see when we hit spacebar
5:11
or zero on our keyboard we have basic
5:14
animation like this also hit R for
5:17
rotation uh set up our first keyframe
5:21
also here on 1 seconds and 15 frames and
5:25
then go here maybe to zero frames and
5:27
type here minus
5:30
180 and now when we hit zero we have
5:33
this cool animation of our rectangle hit
5:37
also you on our rectangle layer I choose
5:40
all of our keyframes hit F9 and then go
5:44
to graph editor and draw a curve like
5:47
this
5:49
okay if you can't find curve like this
5:51
just go right click and then find it
5:53
here at its speed graph and now when we
5:56
hit zero we have animation like this
5:59
here in our final composition
6:02
also next thing what what we can do is
6:05
to duplicate our rectangle 01 I will
6:08
just hit Ctrl D move it below this
6:12
rectangle all one and rename it
6:14
rectangle 01.
6:16
shadow
6:18
uh for this Shadow delete these four
6:21
color gradient type here uh fill effect
6:26
drag and drop onto our shadow layer uh
6:30
change this color to
6:32
um black color and also find here effect
6:36
radial fast blur drag and drop onto our
6:40
layer and reposition our Center to maybe
6:44
like soft and for the amount to go to
6:48
around maybe
6:49
85 percent or so and also you can for
6:53
this blending mode from multiply uh find
6:56
here normal and now when we hit zero we
7:00
have this really cool shadows here on
7:03
our rectangle shape okay our next step
7:07
is to lower opacity of our rectangle or
7:09
one hit t on your keyboard and change
7:12
opacity to maybe around 60 percent and
7:15
for shadow also hit T and type here at
7:18
40 percent and now as you can see we
7:21
have this shape like so here in our
7:24
finals okay now what what we can do is
7:27
to duplicate this rectangle or one this
7:30
is going to be rectangle o two hit t for
7:32
opacity type here 100 and for the stroke
7:36
we change here to maybe around 200 and
7:40
also a fact that we're going to use is
7:43
explanation blind drag and drop also on
7:47
our rectangle O2 and for the transition
7:49
completion you can play around I will
7:52
type here maybe to around 70 the
7:54
direction to maybe around 90 and for
7:57
width to maybe around 40. and now as you
8:01
can see we have something like this here
8:04
in our final composition also this
8:07
rectangle O2 move uh five frames ahead
8:11
and when we hit zero we have this really
8:15
cool animation of our first and our
8:18
second rectangle
8:20
okay
8:22
one thing we have forgotten to do is to
8:25
hit right click here on our rectangle go
8:28
to layer Styles and find here here a
8:31
bevel and emboss go open up this bevel
8:35
and emboss layer Styles you can play
8:37
around with the options as you can see
8:40
we have this really cool shiny shiny
8:43
edge of our rectangle you can crank up
8:47
this size also play around with option
8:50
Direction up up or down according your
8:53
needs I will leave these two up size
8:55
maybe to around 10
8:57
also you can play around with the angle
9:00
attitude and so on now when we hit zero
9:04
we have this really cool animation in
9:07
our finals also hit control plus C to
9:11
copy this bevel and and boss and paste
9:14
it here for our rectangle O2 also when
9:18
we hit zero as you can see bevel and and
9:21
boss has been already applied also on
9:24
our second rectangle okay next thing
9:28
that we're gonna do is to create another
9:30
solid solid layer here in our finals
9:32
right click find here a solid I will
9:35
rename it start burst hit OK and then in
9:40
effects in preset find star burst effect
9:43
drag and drop on our layer and also we
9:46
will make a few adjustments also we will
9:49
add a fill effect here on our Starburst
9:51
layer
9:52
also drag and drop change color to white
9:55
and for the scatter go to around maybe
9:59
800 and for the speed change here to
10:02
maybe 0.3 or 4 according your needs and
10:07
now in our finals as you can see we have
10:10
this particles and this is looking uh
10:14
really cool here in our final
10:16
composition
10:18
all right also I have my logo here you
10:21
will import your own footage your own
10:23
logo I will just drag and drop it below
10:26
this star bursts and a reposition here
10:30
your logo to maybe uh 10 frames ahead
10:33
because our first rectangle is here on
10:37
zero frames second one at five frames
10:40
and for the logo go to around 10 frames
10:44
also uh hit this rectangle 01 and then
10:47
hit F3 W to show all of our keyframes uh
10:53
hold shift for scale and rotation hit
10:56
control plus C to copy go here on the
10:59
beginning of our logo composition or
11:02
logo layer and then paste it hit Ctrl V
11:06
and now in our finals when we hit zero
11:09
I'll just lower the resolution for uh
11:13
faster preview here to quarter and now
11:16
when we hit zero we have this really
11:18
cool animation and instead of this hit
11:21
you for rotation instead of 45 for this
11:24
logo just hit zero on our second
11:28
keyframe here and also now when we hit
11:32
spacebar or zero on our keyboard we have
11:35
this really cool looking and easy to
11:38
create animation
11:40
all right now what we can do also is to
11:43
duplicate this logo layer once again hit
11:47
Ctrl D and then find here effect a
11:51
radial fast blur drag and drop on the
11:54
second one and also make sure to move
11:58
this uh Center to the left like so type
12:02
also here fill effect drag and drop on
12:06
our second one I change color to a black
12:09
one and also just reposition according
12:14
your needs here for our radial fast blur
12:17
and play around with the amount I'm
12:19
satisfied to maybe around 90 or so and
12:23
also you can play play around with the
12:25
opacity hit T maybe to around 50 percent
12:29
or 60 and in our finals now also our
12:34
logo has this really cool and awesome
12:37
Shadows alright next thing what we're
12:40
gonna do is to also duplicate this
12:43
rectangle all one once again move it
12:46
above this rectangle O2 also move this
12:49
one to around 10 frames and now we will
12:52
also reposition our first and second
12:55
logo to 15 frames uh for this rectangle
12:59
O3 we will also make a few adjustments
13:02
when we hit zero now this is looking
13:05
like so uh hit s on your keyboard uh
13:09
instead of for our second keyframe
13:12
instead of 90 uh go to around maybe
13:17
270 play around until you're satisfied
13:20
you can also go maybe around 250 or 40
13:24
and now in our finals when we hit zero
13:28
we have something like this also our
13:31
next step is to hit Ctrl a to
13:34
pre-compose of our layers right click
13:39
and pre-compose make sure to move all
13:40
attributes into the new composition and
13:43
then hit OK instead of this pre-con we
13:46
can rename it to logo animation also go
13:52
here again right click find here
13:55
adjustment layer for the adjustment
13:57
layer find here CC Spotlight drag and
14:01
drop on top of our adjustment layer and
14:04
now play around with the handles until
14:06
you're satisfied like so for the cone
14:09
angle go to around maybe 15
14:11
Edge softness play around to maybe
14:15
around 100 and for intensity I will do
14:18
60 this is looking really cool for now
14:21
uh now go here again in our final
14:25
composition uh also right click find
14:28
here new solid layer I'll rename it grid
14:33
wipe hit OK and here in effects and
14:36
preset find CC grid wipe drag and drop
14:40
onto our
14:41
layer here in our finals go to around
14:44
two seconds and now also we will make a
14:48
few adjustments for this grid Vibe setup
14:51
hour a keyframe for completion change it
14:54
to around 100 then go to around zero
14:57
frames and type here also zero and now
15:01
as you can see we have this uh opening
15:04
grid wipe here in our finals all right
15:08
our next step is also to open up this
15:12
logo animation hit here on this
15:14
background copy this fault Four Color
15:17
gradient and then paste it here on our
15:21
grid wipe for the second color we will
15:24
do a blue one and for the third one we
15:28
will do this pink you can also use
15:30
eyedropper like so and for the second
15:35
one I will change it to Blue uh also we
15:38
will add here a drop shot effect find
15:41
here drop shadow drag and drop
15:44
for this distance type here maybe 30
15:47
seconds to around 20 and now in our
15:51
finals we have this really cool
15:53
animation
15:55
also hit you for all of our keyframes
15:58
choose them and then hit F9 and now when
16:02
we hit zero we have our final animation
16:04
and another thing that we can do is to
16:07
open up again this level animation move
16:09
the third rectangle to zero frames and
16:13
also for the stroke width instead of 300
16:16
we will try maybe 20 and now in our
16:19
final we have different kind of
16:22
animation of course you can play around
16:24
with double rectangles with our shape
16:27
until you are satisfied with the result
16:30
this is looking uh for me really cool
16:33
it's easy to create easy to follow uh
16:37
also of course you will import your logo
16:40
change colors if you want you can also
16:43
play around with the blending modes and
16:45
so on uh what you can do next is to open
16:49
up again this logo animation a right
16:52
click and then go new to find here
16:54
adjust flare we will rename it too light
16:58
sweep
17:00
also move it to around below this
17:03
Spotlight adjustment layer also rename
17:06
it here spotlight
17:09
okay uh click here to light sleep find
17:12
the same effect here in the fact that
17:14
light sweep drag and drop onto our
17:16
adjustment layer and for Direction
17:19
Change here 90 and also play around with
17:22
the center move it around here like so
17:25
for the edge intensity and Edge
17:29
thickness choose zero with play around
17:32
maybe to around 150 and also hit t for
17:37
opacity here on our layer and move it
17:40
around maybe a 30 or 40 percent like so
17:44
maybe around 35 and as you can see we
17:47
have this cool shadow here on our in our
17:52
finals in the middle of our composition
17:55
okay and now in our finals when we hit
17:58
zero we have this really cool and
18:00
creative animation
18:02
uh alright guys I hope you like this
18:05
tutorial this was easy to create a logo
18:07
if you like this video please hit that
18:10
like button also if you haven't
18:11
subscribed click that subscribe button
18:14
uh I want to thank you again for
18:16
watching this tutorial also take a take
18:19
a look on my channel for even more great
18:21
tutorials and until next time stay
18:24
creative and bye bye
18:28
[Music]
18:35
thank you
#Online Media
#Design