Up next in 10
How to Create SHATTER Motion Graphics for Text & Logos in After Effects Tutorial
Nov 14, 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 cinematic and shatter text or logo animation for your own purpose - your slideshows, intros, promos, lower thirds in After Effects without using any plugins. This technique is a cool way to make your videos or images looking even better and to impress your audience. Very easy to make, just follow my steps!'
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:03
[Music]
0:10
hello guys soft Tony here and in today's
0:13
tutorial we will be creating a cinematic
0:15
and shut text or logo animation like
0:18
this it looks amazing so without any
0:21
further Ado let's get
0:28
started
0:30
[Music]
0:35
all right we're here in After Effects
0:37
and as always let's create a new
0:38
composition Hit control+ N or command
0:41
plus n or hit on this little icon here
0:44
this is going to be like usual final
0:46
name you can of course type your own
0:47
name 19/20 x 1080 30 frames per seconds
0:51
and duration let's type here maybe five
0:54
or 6 seconds let be 6 seconds and then
0:57
hit okay now let's create background go
0:59
right click to create a new solid layer
1:01
okay this is going to be background 9020
1:05
x 10 80 hit okay and then go here on the
1:07
facts and preset if you can't find
1:09
effects and preset just go window and
1:11
you will find it here okay now type fill
1:14
effect drag and drop onto the solid
1:16
layer okay and for the color let's
1:19
choose pure black color okay now let's
1:22
create another solid layer go right
1:24
click to create new one find here solid
1:27
this is going to be bg1 one hit okay and
1:31
now let's add next effect here on our
1:33
background o1 this is going to be ramp
1:36
effect drag and drop onto bg1 like so
1:40
and here for the start of the ramp upper
1:42
left corner end of the ramp lower right
1:44
corner and let's change first color to
1:47
maybe pure white color and this second
1:50
one let's type here 20 20 and 20 to get
1:54
this kind of gradient okay and our next
1:58
effect is going to be noise hls drag and
2:01
drop here on our background o1 and let's
2:04
type 2% for Hue lightness and saturation
2:09
okay our next effect that we're going to
2:11
add is CC star burst effect drag and
2:15
drop onto background like so and Here
2:18
Also let's make a few adjustment for
2:20
scatter leave it to around 100 speed
2:24
0.5 and for the grid spacing let's type
2:27
here 10 and maybe for the size let's try
2:31
here 400 something like this okay let's
2:35
add now our next effect this is going to
2:37
be Tron effect drag and drop also here
2:40
on the background and let's change color
2:42
to dark gray or we can type here 10 10
2:46
and 10 something like this and then hit
2:48
okay and for the final effect that we're
2:50
going to add here is curves effect find
2:54
it here in the facts and pres drag and
2:56
drop onto background and you can play
2:58
around here to darken or lighten this
3:01
complete scene in our final I will do
3:04
something like this this is looking cool
3:06
to me and now let's duplicate this
3:09
background o1 hit control plus d here in
3:11
the finals or go edit and then duplicate
3:14
and let's change blending modes here
3:16
from normal to soft light or overlay it
3:18
depends on you if you can find blending
3:20
modes just find here toggle switches and
3:23
modes and you will find them here now
3:25
find overlay and as you can see now we
3:28
have this cool black and white bubble
3:31
background like this when we hit zero we
3:34
also have this cool movement in our
3:37
final scene okay our next step is to
3:41
create our text layer here in the finals
3:43
hit control+ t or go on this little icon
3:46
here to create text this is going to be
3:48
motion of course you will type your own
3:50
text Center it here in the Align option
3:53
like so also make sure that our text is
3:56
enter here in the paragraph option and
3:58
if you can find paragraph just go window
4:00
and you will find it also here Center it
4:04
and now let's animate this motion text
4:06
go at zero frames hit T4 opacity set up
4:09
the first key frame type zero then go
4:11
here at 5 seconds and type here 100 Also
4:16
let's open this little triangle find
4:18
your animate option and find tracking
4:21
and also let's animate our tracking set
4:23
up the first key frame on tracking
4:25
amount go here at 5 seconds and it
4:28
depends on your text size I will do
4:30
around 70 okay and now when we hit zero
4:34
we have also this cool movement of our
4:37
motion text okay now let's add our first
4:40
effect go here in the effects and PR it
4:42
find ramp drag and drop onto motion text
4:45
and Here Also let's make a few
4:47
adjustments for the start ramp goes
4:50
something like here something like this
4:52
for the end of the ramp go here and for
4:55
the first color let's type here CB CB
4:58
and CB this is going to be this type of
5:01
gray color hit okay and now let's add
5:05
our next effect go in the effects and
5:06
pres find here CC pixel poly drag and
5:09
drop onto the motion text and also let's
5:12
make a few adjustments for the force
5:14
let's type 60 gravity
5:17
0.5 of course you can type here your own
5:20
number experiment but those are looking
5:23
good to me direction Randomness lets
5:26
type 20% speed Randomness go to around
5:28
50 and let's delay our animation for
5:32
about 2 seconds and now in our finals as
5:35
you can see we have this cool and
5:37
creative animation also what we can do
5:40
is to change object from textured
5:42
polygons to polygons or squares
5:45
everything is up to you pretty much here
5:49
go here in texture polygons again and
5:51
for the last option let's change here
5:53
grid spacing from 25 to 5 so we have
5:57
these smaller textured polygons
6:00
okay now let's add our next effect this
6:02
is going to be drop shadow drag and drop
6:04
here on our text duplicate this drop
6:07
shadow effect hit control+ D and for the
6:10
distance let's type here 25 for the
6:12
softness let's try here 100 and also you
6:16
can change color to maybe this type of
6:18
blue because we have a good contrast
6:21
with our dark scene hit okay and let's
6:25
add our next effect here in our finals
6:27
this is going to be vector blure drag
6:30
and drop here on our text and here for
6:33
the amount let's type 20 and for the
6:35
type instead of natural let's change
6:38
here to perpendicular and now as you can
6:40
see in our finals we have this cool
6:43
animation of our motion text our next
6:47
step is to duplicate this motion text
6:49
hit control+ D and then delete our last
6:52
effect Vector blur okay then go here
6:55
again in the effects and pres it and
6:57
let's type glow drag and drop here on
6:59
the motion to text and also let's add
7:02
another effect this is going to be
7:04
camera lens floor drag and drop here on
7:07
the second text and also let's make a
7:09
few adjustments for the blue radius
7:11
let's type 10 and here instead of
7:14
hexagon shape let's try heptagon and now
7:18
hit here again on motion to text hit Q
7:20
on your keyboard or go here find ellipse
7:23
tool and draw a perfect circle like this
7:26
hold control shift and it depends on
7:29
your text size this shape will be okay
7:32
for me also Now open up this mask one
7:35
option and for the mask feather type
7:38
here 200 and also check this inverted
7:41
option and now in our scene we have also
7:44
this cool blur and this is looking cool
7:47
to me now what we can do again hit here
7:50
on the first motion text go here on drop
7:52
Shadow 2 and change Shadow to maybe pure
7:55
black color and to get this subtle blue
7:58
color here on our motion to text you can
8:01
also here change color if you want maybe
8:04
to this type of blue hit okay and as you
8:07
can see this is looking cool to me all
8:11
right now let's make this scene even
8:13
better looking go right click to create
8:15
a new solid layer okay this is going to
8:17
be light 01 also 90/20 x 1080 hit okay
8:23
and now make sure to uncheck this
8:25
visibility of this light 01 hit Q or s
8:29
this ellipse tool again and draw a mask
8:32
something like this you can also hold
8:35
space and to move it up or down
8:37
according your needs then go here again
8:40
in the facts and PR it and find Ram
8:43
effect drag and drop onto light one
8:45
solid layer for the start of the ramp
8:48
let's do something like this end of the
8:50
ramp like this and change color to maybe
8:53
San blue color or darker blue color hit
8:56
okay you can also use ey dropper or
8:59
change this color to different shade and
9:02
for the mask open up this option let's
9:04
type here maybe 200 again for the mask
9:08
feather hit t for opacity let's go to
9:11
around
9:12
40% if you want to see even more feather
9:15
open up this option and let's try here
9:18
on this mask option instead of 200 let's
9:20
try 500 and now as you can see we have
9:24
this subtle blue color here in our scam
9:27
what we can do next is to duplicate this
9:29
light to1 hit control+ D this is going
9:32
to be light two hit M for mask like this
9:36
and then hit V on your keyboard and move
9:39
just our mask to around here also for
9:43
the ramp readjust the options something
9:47
like this for the second one we can
9:49
change this to White parts or something
9:52
like that okay hit T4 opacity instead of
9:56
40 maybe to do 30 and now as as you can
9:59
see we have those white lights here in
10:03
our cool scene and when we hit zero our
10:06
animation is looking really cool and
10:10
really awesome now let's add adjustment
10:13
layer go right click to create new
10:15
adjustment layer this is going to be
10:17
lens flare okay go here in the facts and
10:20
pres it again find lens flare drag and
10:24
drop onto our adjustment layer and here
10:27
let's also make few adjustments for the
10:29
lens type find here third option 105 mm
10:32
Prime and for the flare Center let's do
10:36
upper left corner for the blend with
10:39
original we can do maybe 50 and now this
10:42
is looking really cool and really
10:45
awesome here in the
10:48
scene okay one last step is to create
10:51
another adjustment layer right click to
10:53
create new adjustment layer this is
10:55
going to be blur go here in the fact and
10:58
pres it find gajian blur drag and drop
11:01
here on the adjustment layer for the
11:03
blur in a let's type 100 okay now hit Q
11:08
again for this adjustment layer make
11:09
sure to select it and then just draw a
11:12
mask wherever you want like this okay
11:16
open up this mask option and let's try
11:18
for the feather to around 300 and now as
11:21
you can see this part of scene will be
11:24
blured out and this is looking great
11:27
also what we can do is to duplicate this
11:29
blur hit control+ D like before hit M
11:32
for mask select the mask hit V and just
11:36
move the mask wherever you want here in
11:39
the scene and for this one we can change
11:43
maybe feather to around 200 and as you
11:46
can see when we hit zero our scene is
11:49
looking really cool you can see blur
11:52
here and blur here and this is looking
11:56
awesome all right guys that was
11:58
everything for for today's tutorial this
12:00
was a cool technique to create this
12:02
shatter Tag Store logo you can Implement
12:04
and use it in your own workflow in your
12:07
own projects promos slideshows intros
12:10
and so many more if you found this video
12:13
helpful please hit that like button and
12:16
also if you haven't subscribed to my
12:17
Channel please consider to subscribe
12:19
your support means a lot to me so let's
12:22
together hit that 1,000 subscribers also
12:25
take a look at my channel for even more
12:27
great tutorials
12:29
and until next time stay creative and
12:36
[Music]
12:44
bye-bye