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: 'Hi everyone, in this after effects tutorial, we will learn to create a dynamic typography animation with cool gradient background in after effects. You can use the animation in various different ways like intro, openers, promo, and more!'
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/
- - - - - - - - - - - - - - - - - - - -
Show More Show Less View Video Transcript
0:00
hello guys soft Tony here welcome to
0:02
another video tutorial and in this one
0:04
we will be creating this cool and
0:06
creative typography text animation with
0:09
cool background so without wasting any
0:11
time let's jump straight into after
0:13
effects and get started
0:17
[Music]
0:27
alright for Here and After Effects and
0:29
first let's create a new composition hit
0:31
Control Plus n or this little icon I
0:33
will type final you can of course type
0:35
your own text 9020 by 1080 30 frames per
0:38
seconds and duration 10 seconds long hit
0:41
OK and now let's create our background
0:42
go right click find here solid I will
0:45
type background also full HD hit OK and
0:49
now go here in effects and preset and
0:51
find ramp effect but if you can find
0:53
this one just go windows and you will
0:56
find the facts and preset here okay type
0:59
here ramp effect drag and drop onto our
1:01
background and now let's make a few
1:03
adjustments for the start of the ramp
1:05
move the point around here and for end
1:07
of the ramp move these two around here
1:10
change the ramp shape to radial ramp
1:13
swap colors and then also you can play
1:16
around here with the first and second
1:18
color for this particular tutorial I
1:21
will do maybe blue and this dark blue
1:25
color
1:26
hit OK and now let's create our another
1:29
shape go here all left click mode find
1:32
here around the rectangle tool make sure
1:35
to unselect everything here and just
1:37
double click here also one important
1:40
note hit for shaped one layer then hold
1:42
alt to unselect our stroke to select our
1:46
fill okay like this and then go here on
1:49
our shape or one hit as for scaling and
1:52
do maybe around 90 something like this
1:55
also go again here on our background hit
1:58
Ctrl C to copy this gradient ramp and
2:02
paste it here on our shape layer 1 like
2:05
so now you can play around with the
2:07
colors swap colors or you can also
2:09
change colors to another maybe purple or
2:13
so on also what we can do is to readjust
2:17
our points this one here and second one
2:21
like so and play around until you're
2:24
satisfied with your colors here in our
2:27
scene okay this was our first step and
2:30
now uh let's create also our particles
2:33
our grids go right click find here new
2:36
click here solid I will rename it just
2:39
balls hit OK then go here and the facts
2:42
and freeze it again type Ball action
2:45
drag and drop onto our solid layer okay
2:48
also we will add fill effect also drag
2:51
and drop above our Ball action change
2:54
fill color to white and for the ball
2:56
action grid spacing and bold size change
3:00
to 10 and also for the blending mode
3:02
find here overlay and if you can find
3:05
blending modes just hit here toggle
3:07
switches and notes find here overlay and
3:10
now in our finals we have this really
3:13
cool grid and dots and this is looking
3:16
for the beginning really awesome now
3:18
let's add another effect on our layers
3:20
but before that I've just changed the
3:22
shape layer 01 to BG
3:25
O2 like this and then hit here again on
3:29
our background to go here in a fax and
3:31
preset fine drop shadow drag and drop
3:33
onto our background two like this and
3:37
for the drop shadow change here to a
3:40
white color and for the distance you can
3:42
play around of course maybe around 20
3:45
and softness around 100 and as you can
3:48
see now we have this really cool white
3:50
shadow maybe instead of 20 go around 10
3:53
basically you will play around with the
3:56
options okay now let's add our text in
3:59
our scene go here in the horizontal type
4:01
tool or Control Plus t on your keyboard
4:03
I'm using this sign extra 180 font size
4:07
I will just type
4:09
creative like this and now I will align
4:13
it here in our scene like so this is
4:17
already looking really nice okay open up
4:19
this Little Triangle go here in animate
4:22
find position and now let's also make a
4:25
few adjustments for the position of this
4:28
y parameter above our scene like this
4:32
and then open up also this range
4:34
selector set a power first keyframe for
4:36
offset type here minus 100 here at zero
4:40
frames and then go to around 1 seconds
4:42
and 15 frames or so and type here 100
4:46
now when we hit zero we have this kind
4:50
of Animation now let's make further
4:51
adjustments open up this Advanced tab
4:53
instead of here square shape change
4:56
change to ramp up also for the is high
4:59
you can play around with the number cell
5:01
type 110 for the E is low I will type
5:05
maybe around 30 okay now in our scene
5:08
when we hit 0 0 we have something like
5:10
this okay our next step is to hit you on
5:14
our creative text grab all of our
5:16
keyframes easy ease them hit F9 on your
5:20
keyboard go to graph editor if you can
5:23
see curve like this just go right click
5:25
and hit here edit speed graph and then
5:28
basically draw a curve like this and now
5:31
in our finals this is looking really
5:34
really cool also what we can do next is
5:36
to duplicate this creative text hit Ctrl
5:39
D or go edit and then duplicate move it
5:42
below our creative first text I will
5:46
just rename it to maybe
5:48
concept like this okay for the text size
5:53
I will do maybe around 70 grab again our
5:56
two text like so and just readjust it in
6:00
our finals like this and for the second
6:03
text open up this Little Triangle
6:05
animator one and instead of position
6:08
minus
6:10
650 let's try uh 700 or so and now in
6:15
our finals we have this really awesome
6:18
and really cool movement of our texts
6:21
okay now let's add Shadows to our
6:24
creative and concept text to open up
6:26
this effects and preset to find here
6:28
also drop shadow I will close this for
6:30
now and drag and drop onto our creative
6:33
text duplicate this okay and for the
6:36
distance type for the second effect 20
6:38
seconds to around 100 then select this
6:42
first and second effect hit Ctrl C for
6:45
copying and then just paste it here on
6:48
our concept text and for the second text
6:51
for the distance type 10 and softness to
6:54
around 50. now in our finals we have
6:57
this really cool and awesome Shadows of
7:01
our two texts now let's create shapes
7:04
for our creative concept single right
7:06
click find here also solid I will just
7:09
rename it to square white color hit OK
7:12
and then turn off the visibility for our
7:14
solid layer and let's create a mask hit
7:18
here again go here and find a rectangle
7:21
tool okay and just draw the shape like
7:24
this okay now when we turn on the
7:27
visibility we'll see the shape like this
7:29
also hit here on our square and just
7:31
double click for our append behind tool
7:34
to Center our Anchor Point here in our
7:38
shape okay now hit s for our scale go to
7:42
around 1 seconds and 50 frames or 1
7:44
seconds according to you set up our
7:46
first keyframe go to 0 and type here
7:49
also zero now select both of our
7:52
keyframes hit F9 go to graph editor and
7:56
draw a curve like this
7:58
in our finals when we hit zero we also
8:02
have cool moment of our shape okay now
8:06
duplicate this square shape hit Control
8:09
Plus D or go edit and then duplicate
8:12
okay reposition it in our scene move to
8:15
the right like this and then duplicate
8:19
it once again and move it here in our
8:23
scene you can also play around with the
8:25
positions maybe this one like here also
8:29
second one like so and now when we hit
8:32
zero in our finals we also have this
8:36
cool movement what we can do next to
8:39
readjust it for the few frames ahead
8:41
like so
8:42
and in our finals now when we hit zero
8:45
we have this really cool and awesome
8:48
animation also what we can do for these
8:50
colors on this background O2 darker
8:54
color of this purple one
8:57
find the suitable color for you and just
9:00
when you're satisfied just hit here okay
9:03
also what we can do next is to add our
9:06
next text hit Control Plus T go here
9:10
type here
9:11
creative
9:14
tutorial this is my random text double
9:17
click I will change here to maybe around
9:19
20 instead of extra I will change here
9:22
to maybe bald
9:24
okay move it around here like this also
9:28
duplicate this once again move it down a
9:31
bit I'll just type my random text
9:34
of Tony motion also hit enter created
9:39
tutorials what you can do you can also
9:42
play around here with the leading
9:45
like this this is looking really cool
9:47
move it down a bit instead of maybe bold
9:50
change here to normal
9:53
or regular okay also you can draw more
9:57
shapes here in our scene go again here
9:59
on our rectangle tool stroke set to
10:02
maybe around four
10:04
draw a shape like this here uh 10 or
10:09
something like this you can basically
10:10
play around with the shapes and
10:13
everything else also what you can do is
10:15
to animate also our first and the second
10:18
text that we have added before select
10:21
and bold go here in the facts and preset
10:23
find here typewriter
10:26
drag and drop onto our text or just when
10:29
they are selected just double click make
10:32
sure that our playhead is here on zero
10:34
frames and now when we hit zero we have
10:37
this really really cool and awesome
10:40
animation also you can draw a lines and
10:43
other shapes you can animate this Square
10:46
for scaling and everything else maybe to
10:50
duplicate this background or tool once
10:53
again hit Ctrl D and then change the
10:56
ramp colors to White okay and then go
10:59
here to a fill and stroke hold alt on
11:02
your keyboard left click for a few times
11:04
also for the stroke find here maybe
11:07
three pixels and scale it to around 88.
11:11
now we also have this cool line in our
11:15
scene then also select our square shape
11:19
this is square shape one you can also
11:21
rename it if you won't go in the facts
11:23
and preset to find
11:24
Venetian blinds okay for the direction
11:28
maybe around 45 transition completion
11:31
basically you will play around to get
11:34
your own result you can copy this one
11:37
and go to the second shape also play
11:41
around with the options
11:42
like so and now in our finals we have
11:47
this completely different scene
11:49
basically you can play around with the
11:50
other effects other colors and so many
11:55
more also one thing that we can do is to
11:57
add our fill effects to our concept text
12:00
fill and then drag and drop to our
12:03
concept move this fill color above our
12:05
drop shadow find here this cool bluish
12:09
or green color and then just hit okay
12:12
you can also readjust hours of Tony text
12:15
basically I was just typing this Tony
12:18
motion you will of course type your own
12:20
text to readjust this one a bit more
12:22
play around for this uh line
12:27
shape I will just rename it hit s for
12:30
scaling to move it a bit more to inside
12:32
like this readjust this text a bit more
12:36
like so
12:38
and now in our finals we have cool and
12:42
creative scene when we hit zero this is
12:46
looking really awesome alright guys play
12:48
around with the colors play around with
12:49
the options you can also add lines add
12:52
train pads and so many more you can also
12:55
add glow effect to our creative and
12:57
concept text as I mentioned earlier
13:00
everything is up to you alright guys
13:02
that was everything for today's tutorial
13:04
hope you learned something new if you
13:06
like this video please hit that like
13:07
button also please consider to subscribe
13:10
to my channel also leave me a comment
13:12
Down Below in the comment section take a
13:14
look on my profile for even more great
13:16
tutorials and until next time stay
13:19
creative and bye bye
13:22
[Music]
13:30
thank you
#Design
#Photographic & Digital Arts