0:00
hello guys of Tony here welcome to my
0:03
new tutorial on creating a typography
0:06
background in After Effects in this
0:08
tutorial I'll show you step by step how
0:11
to create a stunning typography
0:12
background that you can use in your
0:14
motion graphic projects whether you're a
0:16
beginner or an experienced after effect
0:18
user this tutorial will walk you through
0:21
the process and help you achieve
0:23
professional looking results
0:25
but before we dive into the tutorial
0:27
make sure to subscribe to my channel to
0:30
stay updated with more exciting
0:32
tutorials like this one so let's get
0:35
started with creating an eye-catching
0:37
typography background that will add a
0:39
dynamic and Visually appealing element
0:40
to a motion graphic projects
0:54
all right we're hearing After Effects
0:56
and now let's create uh our final Camp
0:59
hit Control Plus n or this little icon
1:01
here for the composition name you can
1:03
type whatever you want but I will type
1:05
final 9020 by 1080 30 frames per second
1:09
and duration 10 seconds long hit OK and
1:12
also let's create another composition
1:14
for the width I will do
1:16
2200 also for the height the same number
1:19
and for the composition name I will do
1:22
shapes also 30 frames per seconds
1:25
duration 10 seconds long hit OK and now
1:29
as you can see we have this square shape
1:31
comp and let's create our shapes right
1:35
click go to new file here a solid layer
1:38
for the name I will do Circle o one also
1:42
2200 by 2200 hit OK and now we will
1:47
create our masks for this circles you
1:50
can also use shape layers but I prefer
1:52
to do with solid layers hit queue for a
1:55
few times or go here on this little icon
1:58
hold the left Mouse button and find here
2:01
ellipse tool also make sure to select
2:03
the circle layer and draw a circle like
2:07
this you can also hold a shift on your
2:10
keyboard and our first shape will be
2:12
like this also it's time to add our
2:15
first effect dough in effect and preset
2:17
if you can find it just go window and
2:20
you will find it here type here ramp
2:23
drag and drop onto our Circle layer
2:26
and for the start of ramp go around here
2:30
for the end of the ramp go around here a
2:33
first color I will choose for this
2:35
tutorial purpose this light pink color
2:39
and for the end of the ramp I will
2:41
choose a darker shade of this maybe pink
2:44
color like this hit OK and also it's
2:49
time to duplicate this circle over for a
2:51
few times hit Ctrl D or go edit and then
2:54
duplicate hit V to reposition hit
2:57
control plus d once again reposition it
3:01
here you can also play around with the
3:03
colors instead of this maybe pink one
3:06
choose maybe blue you can play around
3:09
hit OK select again this one control
3:13
plus d and move it to around here also
3:16
you can select them all hold a shift on
3:19
your keyboard you can use left or right
3:22
arrows on your keyboard to re-adjust our
3:27
also select all of our circles again hit
3:31
control plus d move it above and then
3:34
just here in finals hit V and reposition
3:38
it like so okay our next step is to
3:42
create adjustment layer we will add a
3:44
bit of blur here right click find here
3:47
adjustment layer I'll rename it to blur
3:50
go to effects and presets find here
3:54
directional blur drag and drop onto our
3:56
adjustment layer for the direction I
3:59
will type 90 here and for the blue
4:01
length go to around 400 Also let's
4:05
create a null object right click go to
4:07
new and find here a null object and also
4:12
it's time to select all of our Circle
4:14
layers and to parent it with our now
4:17
object just you can go here on this
4:20
parent and Link option and just find
4:23
here our now object and now as you can
4:25
see all of our circles are parented with
4:29
our main null object also we will
4:32
animate our now object hit P for
4:34
position set up our first keyframe here
4:37
on our zero frames go to around maybe
4:39
five or six seconds and instead of
4:47
and now when we hit zero you can see
4:50
animation a blurry animation of our
4:53
circles okay our next step is to drag
4:56
and drop our shape comps here in our
4:59
finals just to choose our shapes count
5:02
drag and drop like so and next thing
5:05
what we're gonna do is to create our
5:07
background go right click find here new
5:10
solid layer and instead of this white
5:12
solid name I will type
5:14
background hit OK move it below our
5:19
shapes let's follow it for now click
5:21
here and then go in the facts and preset
5:23
and find Rand effect drag and drop on
5:26
our background and we will also make
5:29
adjustments on our gradient trend for
5:32
the start of the ramp go upper left
5:34
corner like here end of the ramp go to
5:37
lower right corner for the start of
5:40
color choose this shade of light pink
5:43
color and then hit ok now unsolute this
5:48
background layer and it's time to create
5:50
another adjustment layer right click go
5:52
to new find here adjustment layer move
5:55
this layer above our shapes layer and
5:57
type hearing the facts and present
5:59
motion tile drag and drop onto our
6:02
adjustment layer we can also rename it
6:06
and for this motion tile we will do for
6:09
output width and height at 300
6:15
our next effect 12 effect
6:18
drag and drop also on our adjustment
6:21
layer and now uh you will see you can
6:24
play around with the angle and radius to
6:26
get bezels that you want just uh hold
6:30
the left Mouse click and drag and drop
6:33
until you're satisfied with the result
6:34
I'll do maybe two times 30 degrees like
6:40
so and in every moment you can go here
6:43
inside in our shape comp and to change
6:45
our colors this blue we can also change
6:48
to pink or purple play around
6:52
also for the second one
6:55
this one we can also change it to maybe
6:58
this shade of color hit OK and now in
7:01
our finals we have something like this
7:03
also when we hit zero as you can see we
7:06
have our cool animation of our
7:09
background now let's create our super
7:12
cool text here in our finals hit Control
7:15
Plus t or go here on this little icon I
7:18
will type just random text
7:23
I'm using this Montserrat font Montreal
7:27
black font to size 250 and then align it
7:31
to the center like so here and here and
7:35
now we will create our movement for our
7:37
text to open up this Little Triangle go
7:40
to animate find here skew and for the
7:44
skew type here 30 for this Q axis type
7:47
90 and also don't go here again to
7:51
animate to go to here add and find
7:54
property go to here opacity and change
7:58
opacity to zero also now go to the two
8:02
seconds like so open up this range
8:05
selector set up our first keyframe for
8:08
offset type here one 100 go to zero
8:12
frames and type here minus 100 and now
8:16
as you can see we have something like
8:18
this also open up this Advanced tab
8:21
instead of this square shape find here
8:24
ramp up for the is high and is low type
8:29
like this also choose our two keyframes
8:33
hit F9 for ease and now when we hit 0 we
8:37
have something like this also it's time
8:40
to add our tracking go here again on
8:44
animate find here checking and for setup
8:47
our first keyframe for our tracking
8:50
amount and go to around maybe three or
8:53
four four seconds and according your
8:55
text size you can type your own number
8:58
but I'm satisfied here with maybe 60 or
9:02
70 we'll try 60 for now and now when we
9:06
hit 0 we have something like this this
9:09
really cool and easy movement for our
9:11
creative text also next thing what we're
9:14
gonna do is to create our shadows for
9:16
our text hit Control Plus D or go edit
9:19
and then duplicate this creative to text
9:23
move below our first text go to an
9:25
effects and preset and find here radial
9:29
fast blur drag and drop onto our
9:31
creative 2 text also we will add fill
9:35
effect drag and drop here in our finals
9:39
for the center move it to around here
9:42
maybe amount go to around 85 and change
9:46
this fill color according your needs
9:48
maybe to go this pink or purple shade
9:52
you can play around something like this
9:55
and also you can play around with the
9:57
amount how we can change here to half
10:01
and as you can see we have this really
10:03
really cool shadows in our finals maybe
10:06
to go pink darker one hit OK and now
10:10
when we hit zero this is looking really
10:13
really cool in our final count alright
10:17
guys that was everything for today's
10:19
tutorial this was really easy to create
10:22
a background with our typography text
10:24
you can play around also here in shape
10:26
you can try with stars squares
10:30
rectangles and so many more I have shown
10:34
you this a really really cool technique
10:35
also if you haven't subscribed to my
10:38
Channel I want to ask to subscribe and
10:41
to take a look on my channel for even
10:43
more great tutorials uh your support
10:46
means a lot to me and also all the links
10:49
of my portfolio pages are in description
10:51
and until next time stay creative and
