Up next in 10
Colorful Slideshow in After Effects Tutorial for Beginners
May 11, 2023
This tutorial was contributed by creator Softoni! Subscribe to their channel: https://www.youtube.com/@softonimotion Here's more from the creator: 'Hey there, it's Softoni! Welcome to my YouTube channel. In today's tutorial, I'll show you how to create a vibrant and colorful slideshow using After Effects. Slideshows are a fantastic way to showcase your favorite memories in a unique and visually appealing manner. I'll guide you step by step through the process of creating an animated presentation with dynamic colors, effects, transitions, and music in After Effects. Whether you're a beginner or an experienced After Effects user, this tutorial will provide you with all the necessary information to create a slideshow that pops with vibrant hues. Along the way, I'll also share valuable tips and tricks to enhance your presentation and achieve professional results. At the end of the video, I kindly ask you to leave a like and subscribe as a gesture of your support. Your feedback and engagement mean the world to me. So, let's dive into creating a colorful slideshow in After Effects! Join me on this creative journey, and let's get started!' 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_
View Video Transcript
0:00
hello guys soft Tony here and welcome to
0:03
another tutorial for After Effects today
0:05
we will create a beautiful colorful
0:07
slideshow together slideshows are a
0:10
great way to share your favorite moments
0:12
with your friends and family by using
0:14
After Effects you can create animated
0:16
slides with transitions effects and
0:18
music that will turn your photos or
0:20
videos into an impressive presentation
0:22
whether you are a beginner or an
0:24
experienced after effects user this
0:26
tutorial will guide you step by step on
0:28
how to create a colorful slideshow that
0:31
will truly shine but before we dive in I
0:34
would like to kindly request that you
0:35
hit the likes and subscribe Button as a
0:38
sign of your support your feedback and
0:40
engagement mean a lot of to me and I
0:43
truly appreciate you taking the time to
0:45
watch this tutorial now let's get
0:47
started and create an amazing colorful
0:49
slideshow in After Effects
0:53
thanks
0:58
[Music]
1:03
alright we're back here in After Effects
1:05
and first like always let's create a new
1:07
composition hit Control Plus n or this
1:10
little icon here for this one I will
1:12
rename it to final 10 seconds long with
1:15
9020 height then 80 30 frames per
1:18
seconds hit OK and also now it's time to
1:22
create our background right click find
1:24
here new go to solid and I will rename
1:27
it to background
1:30
also full HD and then hit ok now go here
1:34
in effects and preset and if you can't
1:36
find it go to window find here facts and
1:38
preset and type here ramp and drag and
1:41
drop onto our background layer now it's
1:44
time to make out a few adjustments for
1:46
our background for start of frame go
1:48
here end of the ramp go here and we will
1:51
choose uh two pink colors for this first
1:55
one go maybe darker one and for the
1:58
second one choose lighter pink color and
2:01
this is looking really cool here in our
2:05
finals hit okay and also now it's time
2:08
to create our big text Big background
2:10
text hit Control Plus T I'm using this
2:14
monster at black font for this font size
2:18
I will go to around 700 and of course
2:22
you can type your own number but I will
2:25
type here
2:26
summer
2:28
like so hit V and then reposition here
2:31
in hour finals like so also hit control
2:35
plus d and then move the text you can
2:39
also hold shift while you're dragging
2:40
down we have the second text for the
2:43
summer 2 I will type
2:46
slide
2:47
show like so and also it's time to add a
2:52
effect for our summer and slideshow text
2:55
go here in the facts and preset type
2:57
here CC Ball action drag and drop onto
3:01
our text and for grid spacing type here
3:04
7 and ball size 17. also copy this or
3:08
control plus C for Ball action and paste
3:11
it Control Plus V here on our slideshow
3:14
text and now as you can see we have this
3:17
cool big text here in our background
3:20
okay our next step is to create a map
3:24
for our media I will close this effect
3:27
control for now as you can see I already
3:29
have a media o1 and media O2 we will
3:33
create another composition and we will
3:35
rename it to matte also full HD hit OK
3:39
and then we will create a new solid go
3:41
right click find here solid I will
3:43
rename it to Matt o1 hit OK it and then
3:48
go here in the facts and preset and find
3:50
Circle effect also drag and drop onto
3:53
our mat o1 and as you can see we have
3:56
now our Circle here in our matte
3:59
composition then go to around 1 seconds
4:01
and 15 frames for the radius type here
4:04
240 uh set up our first keyframe and
4:08
then go to zero type here also zero and
4:11
now when we hit zero in our math camp we
4:15
have this a basic animation also hit you
4:18
to show all of our keyframes grab them
4:21
then hit F9 and go to graph editor if
4:25
you can see curve like this right click
4:27
and then hit edit speed graph and draw a
4:30
curve like this now when we hit 0 we
4:33
have this cool animation of our Circle
4:36
okay our next step is to duplicate for a
4:39
few times this matte Circle o1 hit
4:42
Control Plus D or edit and then
4:45
duplicate we will rename mat O2 just
4:50
reposition this matte O2 to maybe uh one
4:53
frames ahead and move it around here
4:56
also repeat the process control plus d
5:00
format O3 go to around third frames or
5:03
so and reposition according your needs
5:06
also hit once again for mat 4. like here
5:11
move to around one frames one frame
5:14
ahead also for the fifth one like so you
5:17
can play around with the shapes to get
5:20
the results that you want like so and
5:24
now when we hit zero we have this cool
5:26
math for our media alright our next step
5:30
is to import our media here in our
5:32
finals I'll just drag and drop our media
5:35
here and also import our matte Camp here
5:39
in our finals and also if you can't find
5:42
this track matte just hit here on toggle
5:45
switches and nodes and for this media
5:47
015 find here alphanet and now when we
5:50
hit zero we have this really cool
5:52
animation also if your media is too big
5:56
like mine this is 4K hit s for scaling
5:59
and just scale it down like so and now
6:04
in our finals when we hit zero we have
6:07
this really really cool animation
6:10
alright our next step is to duplicate
6:12
our circles from our mat uh go to this
6:16
matte 01 hit control plus C go in our
6:19
finals and paste it here uh in this
6:22
composition and for this matte 01 we
6:25
will rename it too
6:26
Circle o one
6:29
like here and then go to effects and
6:32
preset and find here ramp effect drag
6:35
and drop onto our Circle o1 for the
6:38
start of ramp go around here end of the
6:41
ramp like here and then we will find
6:43
here yellow color two yellow colors
6:46
first one and then second one maybe
6:48
darker one like here and then hit OK
6:51
also what we can do is to go right click
6:54
and then find here layer Styles and then
6:57
choose inner Shadows also open up this
7:01
inner Shadows options for distance type
7:03
here zero and also you can play around
7:06
with the size like here also for the
7:09
angle type here zero for the a pass you
7:12
can play around maybe to go around 50
7:13
percent and this is this is looking
7:16
really cool hit V reposition our first
7:20
Circle here hit control plus d for the
7:24
second one you can also hit q and then J
7:27
and K on your keyboard to jump jump on
7:30
the first and second keyframe and for
7:31
the radius of our second keyframe we can
7:34
go to around maybe 350 or so you can
7:38
play around and now when we hit zero we
7:41
have this really cool animation also I
7:44
will duplicate this circle O2 once again
7:47
and then move it to around here also
7:51
play around again with the radius to
7:54
maybe around 300 like here and then what
7:58
we can do is to reposition our circles
8:00
also in our finals maybe for the first
8:03
one go to around uh two frames ahead
8:08
of course you can play around like here
8:10
and this is looking really cool here in
8:14
our finals also for the third one maybe
8:16
to reposition a bit more
8:19
like here
8:21
and then we have these really cool
8:23
results okay also we will just scale
8:26
this media 01 just a bit to make sure
8:29
that our media fits into our mat uh comp
8:34
and now this is looking really cool when
8:36
we hit zero in our final count
8:39
all right now let's create our shape
8:41
layers close this effect control for now
8:44
hit Q on your keyboard or go here on
8:47
this ellipse tool make sure that our
8:49
fill is set to none and stroke to maybe
8:52
around 150 and you can go here in our
8:56
center of our camp just make sure to
8:59
unselect all of our layers and then you
9:02
can hold shift on your keyboard and to
9:05
draw a circle like this also while
9:07
you're drawing you can hold a Ctrl to
9:10
draw this circle from the center and
9:13
also hit space to drag it up or down
9:16
according your needs like here mine will
9:20
be something like this and now it's time
9:23
also to rename this shape layer01 I will
9:26
rename it to big circle o one and also
9:31
we will add our ramp effect on our big
9:34
circle for the start of the ram go here
9:37
end of the ramp glow around here and
9:39
also change our colors to our yellow you
9:43
can use this eyedropper like here you
9:46
can also play around with the colors I'm
9:48
satisfied with this also hit you on this
9:51
circle O3 W gold layer Styles and copy
9:55
this inner Shadow and paste it here on
9:58
our big circle now we have something
10:00
like this also if you want you can go
10:03
without Shadows but I like this cool
10:06
looking of our circles alright now it's
10:10
time to also animate our big circle go
10:13
to add here and then find here trim pads
10:16
open up these trim pads for the and go
10:19
to around zero percent uh offset type
10:22
here
10:23
180 and then go to around 2 seconds and
10:27
15 frames for the start I will do our
10:30
first keyframe and then go to around
10:32
zero seconds and type here 100. also now
10:37
it's time to grab all of those keyframes
10:39
right click keyframe assistance and then
10:42
time reverse and now when we hit zero we
10:45
have also animation of our big circle
10:47
then I'll grab all of our keyframes hit
10:51
F9 and move this big circle below our
10:55
summer text and now as you can see this
10:59
is looking really cool here in our
11:02
finals also what we can do is to
11:04
duplicate this big circle or one control
11:07
plus d then hit V on your keyboard and
11:10
move it according your needs here in our
11:13
finals whenever you want and I will
11:16
choose a white color for this second one
11:19
like so like here and hit OK also you
11:23
can play around with the size hit s for
11:26
scaling or you can go also here in the
11:30
content of our big circle O2 and also
11:33
open up this ellipse ellipse pad and you
11:37
can play around with the size
11:40
for the stroke you can go around maybe
11:42
120 reposition a bit more hit V and do
11:47
something like this also what we can do
11:49
is to move our Circle o1 here in our
11:54
timeline like so and now when we hit
11:57
zero we have something like this and
11:59
also for the big circle O2 what we can
12:02
do just not to see this ugly part open
12:06
up this trim pad and just change our
12:09
offset to maybe around here 210 or 11.
12:13
and when we hit zero we have this really
12:16
really cool animation also grab all of
12:20
our two circles hit you for this first
12:25
for those first keyframes we can also
12:28
draw a line like this also for the this
12:31
circle O2
12:33
the same curve like this
12:35
and in our finals now we have this
12:39
really cool movement okay now it's time
12:42
to choose this slideshow in summer text
12:44
go right click and then pre-compose then
12:47
I will rename it too big text hit OK
12:51
just make sure to move all attributes
12:53
into the new composition hit OK and for
12:56
the blending modes uh I will duplicate
12:58
first this big text once again and for
13:02
the second one choose here overlay and
13:05
for this normal text hip t for opacity
13:07
and type here 30 and now this is looking
13:11
even better here in our final
13:14
composition okay now let's create our
13:17
main text here in our final zip Control
13:20
Plus t or this little icon horizontal
13:23
type tool and I will just type summer
13:27
just make sure that your text size is
13:30
here 70 like here summer
13:34
slide show like this and then hit again
13:39
here on our summer slideshow hit V and
13:42
then reposition according your needs I
13:44
will do for mine text here also find
13:47
here drop shadow in effects and preset
13:50
drag and drop in our finals for the
13:53
distance I'll maybe do three and for
13:56
softness maybe around 10 like so you can
13:58
also play around with this distance and
14:00
softness and now we will also create our
14:04
second text hit Control Plus T and draw
14:08
a rectangle like so here
14:11
and also I have my text already here
14:14
I'll just paste it of course you will
14:16
type your own text for the the text size
14:20
I will do 25 and instead of black I will
14:23
do here maybe medium or regular
14:27
according your needs maybe median also
14:30
you can play around with the leading
14:32
maybe to go around 30 and now in our
14:35
finals we have this really cool looking
14:37
first and second text also we can copy
14:42
this drop shadow from the first summer
14:44
slideshow see control plus C and then
14:46
paste it on our second text for the
14:49
distance maybe to here go 1 for the
14:52
softness around 5 because this is a
14:55
smaller text and now also it's time to
14:58
animate our two text grab all of them
15:01
and then find here in the facts and
15:03
preset typewriter effect and then double
15:07
click and now as you can see when we hit
15:09
you here on our side summer slideshow
15:13
text and the second one we have also
15:15
animation of our text so we can play
15:18
around
15:18
maybe instead of 2 and 50 go to around 3
15:21
seconds and just reposition our first
15:24
and our text here in our finals maybe
15:28
this one go around here second one
15:30
around here and now when we hit zero we
15:33
have this really cool animation of our
15:36
text o1 and text O2 now let's create
15:40
another composition to make this
15:42
slideshow even better looking I'll just
15:44
close this effect control for now I hit
15:47
Ctrl plus and I'll just rename it to X
15:50
signs and then hit OK Go here in the X
15:55
and the sign comp and just hit Ctrl T
15:57
and type here just X letter I'm using
16:01
this monster at bold for the font size
16:04
70 and now it's time to animate our X
16:08
for a rotation hit R set a power for
16:12
first keyframe here on one second and
16:15
type here 180 go to round 0 and type
16:18
also zero grab all of our keyframes hit
16:22
F9 and now when we hit zero we have this
16:26
kind of Animation also hit here and then
16:29
while you're holding Ctrl just double
16:31
click on this pen behind tool just to
16:34
make sure that our Anchor Point is here
16:38
in our center of our X letter and now
16:41
when we hit zero we have this kind of
16:43
Animation also we will add expression
16:46
hold alt on your keyboard on this
16:48
stopwatch and I will just type Loop out
16:53
open close bracket then quotes and I
16:57
will just type here ping
16:59
pong
17:00
and now when we hit zero we have this
17:03
looping X here in our xine composition
17:06
also now it's time to duplicate this for
17:09
a few times control plus d and just
17:11
reposition our X here in our scene like
17:16
so
17:17
you can do according your needs I'm just
17:21
showing you the way to create your own
17:24
scene hit Ctrl D if you want you can
17:27
scale uh this uh maybe four one the
17:31
second one scale it up or down according
17:33
your needs reposition readjust it also
17:38
and now it's time to drag and drop this
17:40
x sign composition here in our finals
17:44
like so when we hit 0 we have this
17:47
really cool X animation in our finals
17:50
also you can play around with the
17:52
blending modes instead of this normal
17:54
find here maybe overlay and now when we
17:56
hit zero this is looking really really
17:59
cool also what we can do is to readjust
18:02
this circle O2 just a bit hit V and then
18:06
just reposition it like so and now in
18:10
our finals our animation is looking
18:13
really really cool and creative alright
18:16
guys that was everything for today's
18:18
tutorial what you can do next is to hit
18:21
Ctrl plus a and then pre-compose all of
18:24
our layers here in our finals to create
18:26
slide all one and then duplicate that
18:29
slide 01 to create slide 023 to create
18:32
your own animation to create your own
18:34
final slideshow I have shown you just a
18:37
technique Nick hope you learned
18:39
something new if you like this video
18:41
please hit that like button also
18:43
consider to subscribe on my channel and
18:46
take a look on my channel to even more
18:48
great projects to have more great
18:49
tutorials and until next time stay
18:52
creative and bye bye
18:57
[Music]
19:04
thank you
#Entertainment Industry
#TV & Video