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 tutorial on creating luxury product promo in After Effects! In this step-by-step tutorial, I'll show you how to create a visually appealing and dynamic slideshow that will elevate your motion graphics projects to the next level.
Whether you're a beginner or an experienced After Effects user, this tutorial is for you. I'll guide you through the process of creating a stunning visual from scratch, using various techniques and effects in After Effects. You'll learn how to manipulate text layers, apply animations and more to create unique and eye-catching and modern product promo that can be used in a wide range of motion graphics projects.'
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 of Tony here and welcome to
0:03
my new video tutorial where we will be
0:05
creating a luxurious product promo we
0:08
will make this super easy step by step
0:10
also don't forget to subscribe to my
0:13
channel and turn on the notification
0:14
Bell so you don't miss any future
0:17
tutorials this tutorial includes a
0:20
variety of techniques and useful tips
0:22
that you can use to enhance the look of
0:24
your videos slideshows intros and so
0:27
much more
0:28
and without any further Ado let's jump
0:30
straight into after effects and start
0:33
creating
0:35
[Music]
0:45
alright for here in After Effects and
0:47
first like always let's create a new
0:49
composition hit Ctrl plus n or this
0:51
little icon let's rename this to final
0:53
of course you can type your own text
0:55
this is going to be
0:57
3840x2160 4K frame rates 30 frames per
1:00
seconds and duration it's okay to live
1:03
to around 30 seconds hit OK and now
1:05
let's create our background go right
1:07
click find here new solid layer I'll
1:09
rename these two background of course
1:12
hit OK and now go here in the facts and
1:15
praise it and if you can find it just go
1:17
window and you'll find it here now let's
1:19
type ramp effect drag and drop onto our
1:22
background layer for the start of the
1:24
ramp move upper left corner end of the
1:26
ramp lower right corner and for the end
1:28
color let's change to dark dark gray one
1:31
hit OK and then go here again in effects
1:34
and preset find noise hls drag and drop
1:37
onto our background and let's change Hue
1:40
lightness and saturation to around 2
1:42
percent now duplicate this background
1:45
layer you can hit Ctrl D or go edit and
1:48
then duplicate I will just rename this
1:51
background
1:52
spot like so and then hit here again on
1:55
this layer hit Q on your keyboard to
1:57
find this ellipse tool and then let's
2:00
draw a circle here in our finals hit
2:02
Ctrl shift and ALT on our scene and then
2:05
let's draw a perfect circle like so you
2:08
can also hold space on your keyboard
2:10
while you're dragging this on the left
2:12
or on the right side and this is looking
2:15
cool to me now open up this mask or one
2:18
and for the feather let's type here 500.
2:22
now click here again on our background
2:24
spot and change our end color to maybe
2:27
brighter gray color like so hit OK and
2:31
now let's also add grid here in our
2:33
scene maybe to go a little bit darker
2:35
one like this hit okay when you're
2:38
satisfied and now go right click find
2:40
here new solid again I will rename this
2:43
to grid o1 also 4K hit OK then find here
2:47
grid effect here in our effects and
2:49
prison drag and drop onto our grid layer
2:52
and and for the size from change from
2:54
corner points to with slider width type
2:57
here 100 border to 1 and opacity to
3:01
maybe around five percent like so and
3:04
now as you can see in our finals we have
3:06
also those cool grids and now let's
3:09
duplicate this griddle 1 control plus d
3:11
i will rename this to grid O2 like this
3:15
and here instead of the sweet 100 change
3:18
this to 50 and as you can see we have
3:21
those cool grids here in our final scene
3:25
okay now let's create our media here on
3:28
our final scene I will close this
3:30
effects control for now hit Ctrl n to
3:33
create a new composition I will rename
3:35
this to Media or one this is going to be
3:37
2500 by 2160 30 frames per seconds and
3:41
duration doesn't matter for now but I'll
3:43
leave it to around 30 seconds hit OK and
3:46
now let's create another composition
3:47
this is gonna be Media or one plus
3:51
elements also 2500 by 2160 hit ok now go
3:57
here again in our media or one
3:59
composition as you can see I already
4:01
have this free footage from pixels.com
4:03
of course you will import your own media
4:06
just drag and drop here in our scene
4:08
scale it down according your needs if
4:10
you need like this I will rotate this a
4:14
bit you will see later on why are we
4:16
rotating this image like so and now
4:20
let's import our media composition here
4:23
in our media 01 plus elements like this
4:27
now let's create our mat for our media
4:30
01 go right click find here new solid
4:32
layer we will rename this tool Matt hit
4:35
OK go again here in the facts and preset
4:38
and find here block dissolve effect drag
4:41
and drop onto our matte layer and for
4:43
the transition completion we will
4:45
animate this one for the block with type
4:47
100 also block height and check this
4:50
soft edges and set up our first keyframe
4:53
for transition completion here at zero
4:55
frames like so type here 100 and then go
5:00
to around 2 seconds or so and type here
5:03
zero now hit here on our math layer hit
5:06
U choose our boat keyframes and then hit
5:09
F9 go to graph editor if you can't see
5:13
curve like this just go right click and
5:15
find here edit speed graph and draw a
5:18
curve like this also for the track map
5:21
find here on our media 01 Alpha matte if
5:24
you can find track math just hit here on
5:26
toggle switches and mode and now when we
5:29
hit zero we have this cool animation of
5:32
our first media okay now let's add a few
5:35
effects on our media or one hit here go
5:38
here in the facts and preset our first
5:40
effect that we're going to use is linear
5:43
wipe effect drag and drop onto our media
5:45
all one for the transition completion
5:47
type here 25 white angle 0 feather to
5:51
around 600. duplicate this once and for
5:55
the white angle type here 90 duplicate
5:59
this once again type here
6:02
180 and once again and type here for the
6:05
wipe angle
6:07
270 like so I will just close this for
6:10
now and our next effect that we're going
6:12
to use is flow effect drag and drop onto
6:16
our media 01 Here Also let's change a
6:19
few settings for the glow threshold type
6:21
here 80 glow radius maybe to around 5
6:24
and glow intensity 0.5 okay our next
6:29
effect that we're going to add here is
6:31
Triton effect drag and drop also here on
6:34
our media 01 for the mid tones let's
6:37
change here to cyan blue color
6:39
change it like so and then hit OK also
6:44
for the blend with the original type
6:46
here 50. optional effect that you can
6:50
use also is curves type here curves drag
6:54
and drop above all of our effects and
6:56
you can play around here with the
6:58
darkness or brightness of this cool
7:01
image like this okay now let's import
7:05
our media 01 plus elements but before
7:09
that let's pre-compose this once grab
7:12
them then go right click pre-compose we
7:14
will rename this to Media or one plus
7:18
parts hit OK duplicate this control plus
7:22
d and then let's add our next effect
7:25
here on our first media 01 plus parts
7:28
find here effect find edges drag and
7:32
drop onto our first composition select
7:35
invert option and for the blending mode
7:37
change screen this is width and this is
7:40
without our find edges effect okay now
7:44
let's import our media 01 plus elements
7:48
here in our final scene and as you can
7:51
see this is looking really really nice
7:54
for now okay now let's create our first
7:57
text here in our final scene but before
7:59
that let's move this media 01 plus
8:01
element on the right side you can use
8:03
shift and arrows on your keyboard like
8:06
so and this is looking really awesome
8:08
okay now let's create a new composition
8:11
here Control Plus and I will rename this
8:13
to text or one for the bit to go 1000
8:17
for the height 400 also frame rate 30
8:20
frames per second duration it's okay to
8:23
live to around 8 seconds hit OK and now
8:25
I will just turn off this transparency
8:28
for now hit Ctrl t or go here on this
8:31
horizontal type tool I'm using this
8:34
monster red semi bold font for text size
8:37
160 and just type my first text
8:41
elegant hit enter on your keyboard
8:45
watch you can also play around here with
8:47
the leading but before that let's align
8:49
our text to go here align if you can't
8:52
find it just go window and you will find
8:54
it here align it to the center like so
8:57
and let's play around with the leading
9:00
double click here choose here watch and
9:03
then you can play around here but I will
9:06
leave it to around also
9:08
160. okay now let's animate our elegant
9:12
watch text open up this Little Triangle
9:14
go here in animate find here position
9:17
like so for the Y parameter let's type
9:21
-370 like so now open up this arrange
9:25
selector set up our first keyframe for
9:27
offset type here 100 go to around 3
9:31
seconds and type here minus 100 and now
9:36
in our finals we have this type of
9:39
Animation let's readjust our text even
9:42
more open up this Advanced tab instead
9:45
of this square shape find here ramp down
9:48
for the is high and is low type to
9:51
around 50 also grab all of our keyframes
9:54
hit F9 go to graph editor and draw a
9:58
curve like this and now when we hit zero
10:01
we have this really cool and awesome
10:02
animation in our text composition also
10:06
what we can do is to go here again on
10:08
animate panel do not go here and add go
10:10
here on animate find here tracking and
10:13
for the tracking amount you can play
10:15
around I will set up to around 10 and
10:18
now in our finals we have this really
10:21
cool animation also now import our text
10:24
or one here in our final scene just grab
10:27
our text or one composition drag and
10:29
drop like so you can also turn on those
10:32
titles and actions safe for easy
10:34
recognition over text and readjust it
10:37
here in our finals and now in our finals
10:41
when we hit zero we have something like
10:44
this and this is looking really cool for
10:46
now okay now let's create our second
10:49
composition for our second text hit Ctrl
10:52
plus and again instead of this 400
10:55
height let's type 600 I will rename this
10:58
to text O2 hit OK and then go again here
11:03
on our horizontal type tool you can draw
11:06
a box or rectangle like this and I
11:10
already have my text copied I'll just
11:12
hit Ctrl V you can of course type your
11:15
own text I'll just turn off this
11:18
transparency for our second text and
11:22
let's change here Montserrat team and 40
11:25
pixels like so also let's drag and drop
11:29
our text O2 here in our final scene and
11:33
readjust it in our finals like this just
11:37
turn off those title action and save for
11:40
now what we can do is to animate our
11:42
textbook to open up here go to around
11:45
frames select our second text go to
11:48
effects and preset and find here type
11:51
brighter effect drag and drop onto our
11:54
second text and hit you for our
11:57
keyframes and you can readjust to maybe
12:00
around 4 seconds or according your needs
12:04
and now when we hit 0 in our finals we
12:06
have this really cool animation
12:11
okay now let's create another
12:13
composition here in our final scene hit
12:16
Ctrl plus and I will rename this one to
12:18
price uh we will do 400 by 90 hit OK
12:22
also turn off the visibility for this
12:25
composition hit Control Plus t or go
12:27
here again on horizontal type tool and I
12:30
already have my text copied I'll just
12:32
hit Ctrl C and of course you will type
12:35
your own price hit here again go in the
12:38
line and align it to the center Also
12:40
let's add a little bit of tracking go
12:42
here in animate find your tracking and I
12:45
will hit 10 again okay now go here and
12:49
final again drag and drop our price
12:52
composition here on our finals and you
12:54
can also hit V and then readjust it here
12:58
in our finals uh just one note I'm using
13:01
the snapping for easy moving here in our
13:05
final scene okay now let's draw shape
13:08
for our price composition hit Q on your
13:11
keyboard or find here random rectangle
13:13
tool make sure to unselect everything
13:16
and just a draw a shape like this now go
13:20
here in rectangle one but before that I
13:22
will just rename to price shape like so
13:27
then open up this rectangle One open up
13:30
this rectangle pad uncheck this
13:32
constraint proportion type here 480
13:36
for the Y parameter type here 100 and
13:40
for the roundness type here 100 like so
13:44
now when we hit on our price composition
13:48
just make sure that our price shape is
13:50
covering our price text okay our next
13:53
step is to go here in the facts and
13:55
preset find here fill effect and drag
13:58
and drop to our price shape let's change
14:01
color to of course cyan blue like this
14:05
you can also add your own colors hit OK
14:07
and now also let's animate our price
14:11
shape something like this hit OK open up
14:14
this Little Triangle again go here and
14:17
add find here trim pads I'll open up
14:20
those trim pads option and let's animate
14:23
our star parameter for the start setup
14:25
our first keyframe type here 100 go to
14:28
around maybe 2 seconds and type here
14:31
zero now grab all of our keyframes hit
14:34
F9 go to graph edit and draw a curve
14:38
like this and now when we hit 0 we also
14:41
have this cool movement of our price
14:44
shape also you can play around with the
14:46
offset maybe to type around 85 and now
14:49
let's see this is looking really awesome
14:52
in our finals and also let's add opacity
14:56
for our price I'll just go here in our
14:59
timeline again for our price let's hit T
15:03
to around maybe 10 frames or so set up
15:07
our first keyframe for opacity go to
15:10
zero and then go to around maybe 22 or 3
15:13
frames and type here 100 and now in our
15:18
finals when we hit zero we have also
15:20
this opacity animation of our price text
15:24
of course you can play around with the
15:26
option with the clear frames and
15:29
everything else and now in our finals
15:31
when we hit zero we have this really
15:34
really cool and awesome scene just let's
15:38
reposition this Sprite shape and price
15:41
even bit more to the right like so maybe
15:44
down a bit also
15:46
and now when we hit zero this is looking
15:49
really awesome and really cool
15:52
all right now let's create another
15:55
composition for our smaller text hit
15:57
Control Plus and again I will rename
15:59
these two small
16:01
text or one I will do 300 by 70 hit OK
16:05
and now hit Control Plus T to type text
16:09
I'll just type home align it to the
16:12
center go here and find the line like
16:14
this also open up this Little Triangle
16:16
find here checking again and type here
16:19
file like so now go again here in our
16:23
final composition I will close this
16:25
effect control for now drag and drop our
16:27
smaller text also find here title and
16:29
action save like so and then grab our
16:33
smaller text and readjust it here in our
16:36
final scene something like this also hit
16:39
Ctrl D here in our project window this
16:43
is gonna be small text O2 I will just
16:45
rename this
16:47
product
16:48
also go here again in the final
16:50
composition duplicate this small text o1
16:53
move this on the right side of our comp
16:56
hit here again on our small text o1 and
16:59
just hold alt while you're dragging this
17:01
small text O2 on top of our small text
17:05
01 and then duplicate this once again
17:08
also duplicate the small text O3 I will
17:12
rename this about on product and about
17:15
then hit here on our small text again
17:18
and also hold alt while you're dragging
17:20
and just move it on the right side of
17:23
our composition now in our final scene
17:26
we have also those cool three small text
17:30
what you can do is to also open up this
17:32
media 01 plus elements find here media
17:35
01 hit R for rotation rotate this a bit
17:39
more maybe scale it down and when we're
17:42
back here in our finals we're going to
17:45
see this cool watch and our cool scene
17:49
and now when we hit zero
17:51
this is looking really cool also what we
17:54
can do is to animate opacity of our text
17:56
go here at zero frames hit t for opacity
17:59
like so go to zero and then go to around
18:03
20 frames and type here 100 then copy
18:07
this opacity choose this small text O2
18:10
and small text all three hit T and go
18:13
here at 0 frames and paste it like so
18:16
and then for the final step what you can
18:18
do is to readjust it a bit more maybe to
18:21
around 15 frames or so basically you can
18:24
play around with everything also you can
18:27
grab keyframes move it further to the
18:29
right side everything is up to you maybe
18:33
to grab them all again and move it a bit
18:35
to the right side again like so and now
18:39
when we hit zero this is looking really
18:41
cool and really awesome okay now let's
18:45
draw a line here in between of our two
18:48
big text hit G on your keyboard or go
18:50
find here this pen tool for the stroke
18:52
set up to around 2 pixels I zoom it a
18:55
little bit and then draw while you're
18:58
holding shift on your keyboard this
19:00
perfect line okay let's rename to Middle
19:03
Line like so then open up this Little
19:06
Triangle go here and find trim pet
19:08
option and now let's animate our start
19:12
and end parameter go to around 2 seconds
19:14
20 frames set up our keyframes for start
19:17
and then and then go to zero frames and
19:20
type here 50. also grab all of our four
19:24
keyframes hit F9 then go to graph editor
19:27
and then draw a curve like this and now
19:31
in our finals when we hit zero we also
19:34
have this cool moving line in our finals
19:37
what we can do is to readjust our text
19:39
even more move it up a bit
19:42
like so you can basically play around
19:44
with everything also our Middle Line
19:46
move it up a bit until you're satisfied
19:49
with your final result this is looking
19:52
cool to me and then also let's draw a
19:55
left and right line also hit G on your
19:58
keyboard and instead of two type here
20:01
maybe one pixel like so and hit G again
20:05
on your keyboard find your pen tool and
20:07
draw this left line while you're holding
20:10
shift I will just rename this left line
20:14
okay also open up this Little Triangle
20:17
find here Trend paths again open up this
20:20
stream pad option and now let's animate
20:23
our and parameter go to zero frames type
20:26
here zero setup our first keyframe then
20:29
go to around four or five seconds like
20:32
so and type here 100 and now in our
20:36
finals we also have this cool moving
20:38
line on our left side what we can do is
20:42
to hit Ctrl plus d and move this left
20:44
line here all the way on the right side
20:48
let's rename this right
20:51
line like so and what we can do also is
20:55
to animate this star parameter hit W to
20:58
find this trim pad option for the end
21:01
parameter type here 100 and check this
21:04
stopwatch for now then go here to around
21:06
zero frames set up our first keyframe
21:09
for start type here 100 and then go to
21:12
around 4 second and 20 frames and type
21:15
here zero and now in our finals when we
21:19
hit zero we also have this cool right
21:21
line here in our scene
21:25
okay also for the final step let's
21:28
create transition for our scene I will
21:30
close everything except this final
21:32
composition hit Ctrl a to select
21:35
everything then right click pre-compose
21:37
I will rename this part o one plus
21:41
elements hit OK and then hit Ctrl plus K
21:44
to readjust the length of this
21:47
composition let's do 8 seconds hit OK
21:50
and then let's create a solid Lego right
21:53
click find here new solid layer I will
21:55
rename this too matte hit OK Go here and
21:59
the facts and preset find here block
22:01
dissolve effect again drag and drop onto
22:04
our mat go to around 4 second and 15
22:07
frames for the block width and height
22:10
type here 100 and select this soft edges
22:13
set Power first keyframe for transition
22:15
completion then go to around 6 seconds
22:18
and type here 100 then hit you on our
22:22
keyboard select all of our keyframes hit
22:24
F9 photograph editor and draw a curve
22:28
like this also next step is to find here
22:31
Alpha matte of our part o one plus
22:34
elements and now when we hit zero as you
22:37
can see our scene will have also this
22:40
cool position what we can do next is to
22:43
select this again hit Ctrl shift plus C
22:46
or go right click to pre-compose I will
22:49
just rename this
22:51
slide or one hit OK and then also hit
22:55
control plus d move this bottom slide or
22:58
one one frame ahead like so go here in
23:01
the faction preset again type fill
23:03
effect drag and drop onto our first
23:06
slide 01 and let's change color to also
23:09
a cyan blue color like before and now
23:12
when we hit zero we have this cool final
23:15
scene in our final composition alright
23:19
guys that would be everything for
23:21
today's tutorial you can further enhance
23:24
the effects by adding a grid to a solid
23:26
layers to achieve tiny dots also that
23:29
you can see in the preview as I
23:31
mentioned earlier it's all up to you how
23:33
to utilize the techniques shown in this
23:36
tutorial thank you once again for
23:38
watching this video and make sure to
23:39
subscribe to my channel and turn on the
23:41
notification Bell so you don't miss any
23:44
of my upcoming tutorials also check out
23:46
my channel for many more fantastic video
23:48
lessons all the links are in description
23:51
and until next time stay creative and
23:54
bye bye
23:56
[Music]