Up next in 10
Liquid Logo Animation in After Effects - Full Tutorial
Mar 13, 2023
This tutorial was contributed by creator Softoni! Subscribe to their channel: https://www.youtube.com/@softonimotion Here's more from the creator: 'Hey everyone, in this after effects tutorial I will show you how to create awesome Liquid Logo in After Effects without using any plugins. This technique is a cool way to make your texts or logos great looking so just follow my steps, very easy to make!' 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 Pinterest - https://www.pinterest.com/filtergrade/ Newsletter - https://filtergrade.com/filtergrade-newsletter/ - - - - - - - - - - - - - - - - - - - -
View Video Transcript
0:01
[Music]
0:09
thank you
0:11
hello guys of Tony here welcome to
0:13
another video tutorial first like always
0:16
I want to thank you for watching this
0:18
video Lesson and in this tutorial we're
0:21
going to create this really cool and
0:24
awesome water liquid animation uh second
0:28
thing I want to I want to tell you is to
0:31
subscribe on my channel uh if you
0:34
haven't subscribed yet and of course uh
0:37
turn on the Bell icon so you can always
0:39
be notified whenever I post a new clip
0:41
so let's see what we can create today
0:48
foreign
0:50
[Music]
0:53
here we are in After Effects 2021 and
0:57
first like always we're going to create
1:00
a new composition we will name it
1:03
Wave logo and for this width and height
1:07
like usual 9020 by 1080 frame rate 30
1:12
seconds per seconds and duration six
1:15
second long hit okay and then uh right
1:20
click here in our timeline go new and
1:23
then choose solid layer we will rename
1:26
it
1:28
background and go here in effects and
1:32
preset type for
1:36
for color gradient all right drag and
1:38
drop here in our uh background solid
1:41
layer and for this position and controls
1:44
use handles
1:46
to readjust a few settings like this
1:50
and you can also use eyedropper to
1:53
choose this blue color
1:57
like this and this first color will be
2:01
maybe a design blue color all right
2:05
next thing what we're gonna do is to
2:07
create our waves and we will do here a
2:11
new composition Control Plus n and we
2:14
will call it waves also 90 20 by 1080 30
2:18
frames per second duration 6 seconds
2:20
long and then hit OK also we will add
2:25
solid layer right click the new and
2:27
choose here um solid layer and we will
2:30
rename it
2:31
wave okay uh next effect that we're
2:35
going to use is
2:37
radio waves I forgot to mention if you
2:41
can't find this FX and preset go window
2:44
and then choose here uh effects and
2:48
preset here this panel okay drag and
2:51
drop this effect here in a wave solid
2:55
layer and it's time to readjust a few
2:58
settings now we have a scene like this
3:00
for this color of course we will do a
3:03
white color uh frequency 0.1
3:07
expansion we will uh we will leave it to
3:10
5 and also here for start with go one
3:16
and end with go 100 when we hit zero now
3:20
we have animation like this
3:22
all right but for the live span we will
3:25
do two seconds okay go to around zero
3:29
frames keep the keyframe here on
3:32
stopwatch for start with and end with go
3:35
around two seconds
3:37
and for this start with hit
3:41
104 and width hit zero also we can
3:46
expand up this expansion up to eight and
3:50
now our animation in our timeline look
3:53
is looking like this all right next
3:56
effect that we're going to add is
3:58
gaussian blur drag and drop to our wave
4:01
layer and then for blurriness to go
4:03
around 45 all right and third effect is
4:08
turbulent displays okay you can play
4:11
around with this effect but for this
4:14
tutorial I will do displacement maybe
4:16
bulge or twist uh it's uh it completely
4:21
depends on you find what is best option
4:25
for your waves for me this bulge is Rook
4:28
is looking pretty pretty nice
4:30
now it's time to duplicate this wave
4:33
layer go here and then edit duplicate or
4:37
control plus d and we will
4:39
re-adjust this wave scene around our
4:43
timeline also duplicate once again
4:46
something like this all right and then
4:49
readjust it here in our
4:52
timeline like this
4:55
and when we hit zero we're getting this
4:58
really cool wavy
5:00
animation all right it's time to uh go
5:03
back uh here in our Wave logo I will
5:07
close this uh waves composition for now
5:10
uh and we will
5:13
import these waves uh here in our Wave
5:17
logo logo composition now we have an
5:19
animation like this and it's time to add
5:22
our next effect first we will add go
5:25
right click and then new and then find
5:28
adjustment layer we will name it
5:31
caustics and find the same effect here
5:35
in effects and presents
5:39
alright drag and drop here in our
5:41
timeline and now we will readjust a few
5:45
settings for this water surface we will
5:47
call we will choose this those waves and
5:51
we're getting like something like this
5:53
surface color
5:54
you can choose from white to to Blue
5:57
whatever fits a new hit OK and play
6:01
around here with those uh water options
6:03
for wave height
6:05
maybe around 0.040
6:10
um also smoothing water depth
6:14
refractive index play around until
6:17
options that you choose are good for
6:21
your logo reveal
6:23
maybe something like this
6:26
or
6:27
maybe to lower down this refractive
6:29
index
6:35
all right also you can choose here from
6:38
normal blending mode to Overlay to get a
6:42
look like this next effect that we're
6:45
going to create is a drizzle effect
6:48
first also add another adjustment layer
6:52
we will name it
6:54
drizzle
6:57
and find the same effect here in effects
7:01
and preset
7:06
also for this drip rate drip rate go
7:10
around 20
7:11
longevity to maybe around maybe around
7:14
eight
7:21
and for displacement go around maybe
7:27
50.
7:29
okay now when we hit zero we have an
7:33
animation like this
7:37
okay now it's time to import our logo I
7:40
have my logo here in our solids layer
7:43
just drag and drop here in our timeline
7:47
of course you will import your own
7:49
footage hit s if you need to scale your
7:52
logo I will scale it maybe around 40 45
7:55
percent and one thing for this uh
7:59
drizzle adjustment layer for this
8:03
drizzle effect we will do displacement
8:04
instead of 50 20.
8:07
okay next thing what we're gonna do is
8:10
to add a fill effect to our logo choose
8:13
fill in our effects and preset drag and
8:15
drop here in our timeline and I will
8:18
choose this uh awesome cyan blue color
8:22
for this video tutorial of course when
8:27
you importing your own text or your own
8:29
logo you will import your own color okay
8:33
now we will animate this logo this our
8:38
logo placeholder hit s for your scale
8:42
here in our timeline go around
8:45
two seconds uh hit on this stopwatch go
8:49
around go to zero hit also zero here in
8:54
our
8:55
scale parameter and we have an animation
8:58
like this
9:03
also we will add another effect
9:06
CC radial fast blur for this logo and
9:12
for this blue Center go
9:15
and do something like this all right now
9:18
we will duplicate this logo layer and
9:21
move it up here in our on our on top of
9:25
the other layers and hit t on your
9:29
keyboard for opacity or find here in
9:31
transform panel go to around two seconds
9:36
hit on this stopwatch for opacity well
9:39
around zero and then go around
9:43
maybe four seconds and
9:46
go around maybe
9:48
70
9:50
okay now when we hit zero where we have
9:55
this really cool and awesome
9:58
creative animation
10:04
now grab this first and this uh
10:08
second logo here hold Ctrl on your
10:11
keyboard hit s for scale parameters
10:14
choose those keyframes and then hit F9
10:18
now when we hit zero uh
10:22
we added a little ease for this logo
10:27
for this logo animation all right now
10:32
it's time to add a little bit of light
10:34
here in our scene go right click and
10:36
then choose another adjustment layer we
10:39
will call it
10:41
light
10:42
sweep
10:46
and type also here
10:48
light sweep and drag and drop our light
10:52
sweep effect here in our timeline
10:54
Edge intends it to go zero and also Edge
10:57
thickness for this direction 90.
11:02
maybe around 90 shape smooth and drag
11:07
this handle here in our logo Center also
11:12
drag this slide sweep
11:15
here behind this logo logo placeholder
11:20
and then hit t for this light sweep
11:24
for opacity maybe around 60. now when we
11:28
hit 0 we're getting this really cool
11:31
looking light sweep here in our Center
11:35
of this composition
11:37
maybe to lower this just a little bit
11:40
for about 50 and also we can do
11:44
a little bit of lens here
11:47
right click and then choose a new solid
11:50
choose another adjustment layer new
11:53
adjustment layer will we will call it
11:57
lens flare and also type here
12:02
lens flare also drag and drop in here in
12:05
our adjustment layer for this lens type
12:08
maybe 35 millimeters Prime and go
12:14
around here something or
12:17
on this side
12:19
for better looking
12:22
scene and for flare brightness we can we
12:26
can go around one
12:27
50 and blend with the original maybe
12:31
around 35.
12:33
okay really cool
12:40
also what we can do is to add another
12:43
solid layer or another adjustment layer
12:46
we will name it
12:48
Spotlight and also type here spotlight
12:54
dragging job here in our Spotlight
12:56
adjustment layer and grab these handles
13:00
to readjust this effect
13:02
for this Edge softness 100
13:05
cone angle
13:08
around here
13:14
height also change maybe around
13:17
75
13:19
play around with this Effect 2 until you
13:22
have satisfied with this option
13:25
and really cool Ford intensity
13:28
maybe to do around 55 really really cool
13:33
now when we hit zero in our timeline we
13:37
have
13:38
this really awesome wavy logo liquid
13:42
animation
13:47
also if you want to see Full looking
13:50
your logo just hit t on your keyboard
13:53
and drag opacity and for about 100 but I
13:59
will leave it for 70 percent for now and
14:02
guys that was everything for today's
14:04
tutorial uh first I want to thank you
14:07
again for watching this video hope you
14:10
learned something new take a look on my
14:12
channel for even more great tutorials if
14:15
you haven't subscribed to my profile to
14:17
my channel hit that subscribe button
14:19
also turn on the Bell icon so you can
14:23
always be notified whenever I post a new
14:25
clip and until next time stay creative
14:29
and bye bye
14:30
bye
14:31
[Music]