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: 'Hey there! Welcome to my latest After Effects tutorial, where we'll be exploring the creation of a Dynamic Animated Backgrounds.
⚙️ What to Expect:
Learn how to design vibrant and engaging animated backgrounds using After Effects.
Discover techniques to add dynamism and energy to your motion graphics with dynamic animations.
Explore step-by-step instructions to create versatile backgrounds suitable for various projects.
👍 Stay Tuned:
If you're ready to enhance your motion graphics toolkit, hit the subscribe button and give the video a thumbs up. Your support fuels the creation of more valuable content!
🚀 Let's Get Creative:
Join me as we dive into the world of dynamic animated backgrounds in After Effects, unlocking endless possibilities for captivating visuals.'
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/
Show More Show Less View Video Transcript
0:00
hello guys soft Tony here and in today's
0:02
tutorial we will be making a dynamic
0:05
wavy background that looks really great
0:07
and it's not difficult to create we will
0:09
be using shape layers and a few effects
0:11
to achieve a top animation in a simple
0:14
way and before we begin make sure to
0:16
subscribe to my channel hit the like
0:18
button and turn on the notification Bell
0:20
so you don't miss any of my upcoming
0:22
video clips and without any further Ado
0:25
let's jump into after effects and start
0:27
creating
0:30
[Music]
0:40
all right for here in After Effects and
0:41
first like always let's create new
0:43
composition hit on this little icon or
0:45
control or command plus n on your
0:47
keyboard of course this is going to be
0:49
final composition 90/20 by 1080 30
0:52
frames per seconds and for the duration
0:54
let's go 10 seconds hit okay and now
0:57
let's create background go right click
0:58
to create new solid layer I will rename
1:00
this one too background of course 9020 x
1:03
1080 also and then hit okay now I will
1:07
turn off this background and let's
1:09
create our shape hit Q on your keyboard
1:12
or go and find this rectangle tool icon
1:15
and find a lips tool and let's create
1:17
random shape make sure to unselect the
1:19
background okay hold control shift and
1:22
ALT on your keyboard and draw a perfect
1:25
circle like this okay this is going to
1:27
be shape layer one make sure that our
1:30
stroke is set to none if this is turned
1:32
on just hit alt and then left Mouse
1:35
click to turn off this option and now
1:37
alt on this option to turn on fill okay
1:41
now go here in the effects and preset
1:42
and if you can find the effects and
1:44
preset just go window and you will find
1:46
effects and sprits here now let's type
1:48
fill effect and just drag and drop onto
1:50
the shape layer one let's change color
1:52
to this pure white color hit okay now
1:56
let's duplicate this shape layer one hit
1:58
control+ D or go edit and then duplicate
2:01
hit P4 position and move it to somewhere
2:03
around here and let's also change color
2:06
to maybe this gray color okay and let's
2:09
duplicate this once again ctrl+ D hit P4
2:12
position and move it also to the right
2:15
side and let's change color to pure
2:17
black color now hit okay and now let's
2:20
grab shape layer one all the way up to
2:22
shape layer three hit control+ D for a
2:25
few times and just random reposition it
2:28
here in our scene
2:30
like so I will just repeat the process
2:32
for a few times okay for me this is
2:36
looking Cool control+ D once
2:40
again and now let's reposition the shape
2:43
random in our final comp like this just
2:46
drag and drop move it all the way from
2:49
one side to another side like so just
2:52
play around to get random shapes random
2:56
circles okay
3:01
and now as you can see we have
3:02
randomized the order of our circle shape
3:05
now let's select from the shape layer o1
3:08
all the way to the top and let's
3:10
precompose go right click find here
3:12
precompose those are going to be circles
3:14
and then hit okay now let's make a
3:16
movement for this composition go here at
3:19
10 seconds hit P4 position set up the
3:22
first key frame then go all the way to
3:24
zero frames and let's move it to the
3:26
left side like so okay now go here in
3:29
the effect and it and find motion tile
3:32
effect drag and drop onto the circles
3:34
and here for the output width and output
3:37
height let's type 300 like so and also
3:40
turn on this mirror edges option and as
3:44
you can see we have this basic animation
3:47
all right now let's precompose the
3:49
circles composition once again go right
3:51
click precompose those are going to be
3:53
circles plus elements make sure to
3:57
select this second option move all
3:59
attributes into to the new composition
4:00
and adjust composition duration and then
4:03
hit okay and now let's also import
4:05
another effect first effect that we're
4:07
going to add here is turbulent displays
4:11
okay jug and drop onto this new
4:13
composition and for the next effect
4:15
let's add directional blur also drag and
4:18
drop onto the composition and here for
4:20
the blur length let's type 700 and for
4:23
the third effect let's add twirl effect
4:26
drag and drob also on this new
4:28
composition and and here you can play
4:30
around with the angle if we turn on this
4:33
background solid layer now we have shape
4:35
like this okay let's play around here
4:38
with the angle and radius for the angle
4:40
let's go to maybe around 65 and for the
4:43
twirl radius let's go to around 100 now
4:47
let's also turn on this background and
4:50
as you can see our animation is looking
4:53
great hit zero and this is looking cool
4:57
now what we can do is to duplicate the
4:58
circle plus elements hit control+ D and
5:01
find here suitable blending modes you
5:04
can play around with overlay or add I
5:07
will do maybe color Dodge or so and this
5:10
is looking awesome you can also hit t
5:12
for the opacity play around with also
5:14
this option maybe to go around 65 and
5:18
this is looking great now let's
5:20
precompose the circles plus elements two
5:23
compositions once again select them go
5:25
right click precompose those are going
5:27
to be shapes okay make sure to move all
5:31
attributes into the new composition hit
5:33
okay and hit s for scaling just to make
5:36
sure that our animation is expanding all
5:39
the way through the composition
5:40
boundaries like so maybe to go around
5:44
108 like so and this is looking great
5:48
now let's create Circle let's duplicate
5:50
this shaped composition h control+ d
5:53
this is going to be Circle okay now
5:55
select this composition and let's hold
5:58
control shift and and ALT but before
6:00
that let's select this option find
6:02
ellipse tool and hold control shift and
6:04
ALT to draw a perfect circle here in the
6:08
middle like so okay this is looking
6:11
great now go here in the effects and
6:12
preset find ramp effect drag and drop
6:15
onto the circle composition and let's go
6:18
for the start of the ramp to somewhere
6:19
around here end of the ramp to the
6:21
somewhere around here okay now let's go
6:24
select the circle composition once again
6:26
go right click find here layer Styles go
6:29
and find inner Shadow like so open up
6:32
this inner Shadow and basically you can
6:35
play around here with the distance choke
6:37
size and everything else I will do
6:40
something like this maybe this is
6:42
looking cool now go right click again
6:44
find layer Styles go and find bevel and
6:47
emboss open up this option and basically
6:51
let's lower down size to maybe around
6:53
two we can also play around with the sof
6:56
option Global lights and so many more
6:58
now we have also cool bevel and this is
7:01
looking great hit zero and our animation
7:05
is looking cool now let's also make
7:07
expression for this circle hit P4
7:09
position hold alt on your keyboard and
7:12
then left Mouse click on this stopwatch
7:14
and let's type here wiggle open and
7:17
close bracket and type here
7:20
0.4 comma
7:23
45 now let's hit zero again here in the
7:25
finals and now we have also cool
7:28
movement of the this circle shape now
7:31
let's also turn on titles and action
7:33
save okay hit Q on your keyboard and go
7:37
and let's find here rectangle tool now
7:39
make sure that our fill is set to none
7:41
hold alt left Mouse click and stroke set
7:44
to one pixel and just draw a rectangle
7:47
like this okay this is looking cool now
7:51
let's go and turn off those titles and
7:53
action save this is going to be line
7:55
okay go here on ADD find trim pets now
7:59
open up this trim pad option go to
8:01
around 10 seconds set up the first key
8:03
frame for start and then go to the zero
8:06
frames and let's type here 100 hit zero
8:10
again and now we have also cool
8:12
animation of our line it's up to you if
8:14
you want to add it for me this is
8:17
looking great now let's add adjustment
8:20
layer go right click to create first
8:22
adjustment layer this is going to be
8:24
exposure okay go here in effects and
8:26
pres it again find exposure effect drag
8:29
and drop onto the adjustment layer and
8:31
you can play around here with the
8:33
exposure maybe to go 0.15 or so now
8:36
let's create another adjustment layer
8:39
and this is going to be q and saturation
8:41
find here q and saturation effect drag
8:44
and drop onto the adjustment layer and
8:47
here you can colorize our scene select
8:49
this option and basically play around
8:52
here with all of the vi option colorize
8:55
saturation and this is looking cool
8:58
maybe to go this green color hit zero
9:02
and our animation is looking great what
9:05
you can do is to duplicate this this H
9:08
adjustment layer go and find blending
9:10
mode Let's try overlay and now as you
9:13
can see we have those strong colors hit
9:15
T4 opacity let's go to around 50% hit
9:18
zero and our animation is looking great
9:22
and for the final effect let's go to
9:25
create new adjustment layer again this
9:27
is going to be unsharp m mask go here in
9:30
effects and pres it find unsharp mask
9:33
drag and drop onto the adjustment layer
9:36
and let's add a bit of sharpness on our
9:39
scene okay this is with and this is
9:41
without this effect and this is looking
9:44
great all right guys this was everything
9:47
for today's tutorial this was a cool and
9:49
easy technique to create cool and
9:51
awesome background and you can also
9:53
experiment with all of those effects and
9:56
options to get the results that you want
9:58
and if you found this video helpful
10:00
please hit that like button also please
10:02
consider to subscribe if you haven't
10:04
already and take a look on my channel
10:06
for even more great tutorials and until
10:09
next time stay creative and bye-bye
10:14
[Music]
#Online Media
#Design