Up next in 10
Create 3D BACKGROUND PATTERNS in After Effects Tutorial
Mar 15, 2024
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 3D Background Patterns in After Effects! In this step-by-step tutorial, I'll show you how to create a visually appealing and dynamic background animation 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. Subscribe now 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_ Facebook - https://www.facebook.com/filtergrade Twitter - https://twitter.com/filtergrade
View Video Transcript
0:00
hello guys soft Tony here and in today's
0:02
tutorial we will be creating a 3D
0:05
background animation with cool looking
0:06
Shadows here in After Effects without
0:09
using any third party plugins so before
0:11
we get started please subscribe to my
0:13
channel hit the like button and turn on
0:15
the notification Bell so you don't miss
0:17
any of my upcoming video clips and
0:20
without further Ado let's dive in and
0:22
start creating this school
0:28
animation
0:31
[Music]
0:37
all right we're here in After Effects
0:38
and first like always let's create a new
0:40
composition hit control or command plus
0:42
n or hit on this little icon to create a
0:45
new composition this is going to be
0:46
final like usual for the width and
0:48
height let's go 902 x 10 80 30 frames
0:51
per seconds and duration I will leave it
0:53
to around 20 seconds hit okay and now
0:56
let's create background go right click
0:57
to create a new solid layer I will
0:59
rename this want to background or BG
1:02
according your needs hit okay and then
1:04
let's go here in the facts and preset
1:06
and if you can't find the facts and
1:07
preset just go window and you will find
1:09
facts and pres it here now type pill
1:12
effect and drag and drop or double click
1:14
to apply on this background solid layer
1:17
now let's change the color for this
1:18
particular tutorial I will do f
1:22
f004 e and of course you can play around
1:25
with your colors for me this pink color
1:28
is pretty much suitable for for this
1:30
particular tutorial hit okay and now
1:32
let's add another effect go here in
1:34
effects and preset again find motion
1:36
tile drag and drop onto the background
1:38
and for the output width and height
1:40
let's type here 500 by 500 also check
1:43
this option mirror edges and we're
1:45
adding this effect because later on we
1:48
will expand our scene in 3D space okay I
1:51
will close this effects control for now
1:53
and then let's duplicate this background
1:55
layer and let's rename this one to grid
1:58
and go here in the facts and PR that
2:00
find grid effect drag and drop onto the
2:03
grid solid layer and here basically you
2:05
can play around with the options I will
2:07
do maybe for this border three or two
2:10
and later on you can play around with
2:12
this option okay for the next step let's
2:15
create our shape I will create new
2:17
composition here again hit control+n or
2:20
this little icon for the width and
2:22
height I will do 200 by 200 and for the
2:25
composition name I will do shapes for
2:28
the frame rate 30 frames per second
2:29
seconds and for the duration also 20
2:32
seconds hit okay and now it's time to
2:34
create our shapes here in the shape
2:36
composition go right click to create a
2:38
new solid layer again this is going to
2:40
be Circle also 200 by 200 hit okay and
2:45
then let's turn on titles and action
2:47
save okay select this circle solid layer
2:50
and then go here on this little icon to
2:53
find ellipse tool hold left Mouse click
2:56
or hit Q for a few times shortcut find
2:58
here ellipse tool
3:00
and then let's draw a perfect circle
3:02
from the center hold control shift and
3:05
ALT on your keyboard and just from the
3:07
center of the scene let's draw a perfect
3:11
shape like so make sure that the
3:13
boundaries of the circle are inside the
3:15
composition like so this is looking cool
3:19
okay and now let's create our rectangle
3:22
here in this composition find here also
3:25
rectangle tool make sure to unselect
3:27
this circle solid layer and for the
3:30
stroke let's type here uh 50 for the
3:32
stroke width make sure that your color
3:34
for the fill is set to none and repeat
3:36
the process important step is to not
3:39
select anything here in the shape
3:41
composition and from the center let's
3:43
repeat control shift and ALT again and
3:46
draw a shape like this also while you're
3:48
holding control shift and ALT you can
3:50
hold space on your keyboard to move down
3:53
or up our new shape okay I'll do
3:56
something like this okay also hit s for
3:59
scaling and let's type here 73 you can
4:03
readjust the shape with the arrows also
4:05
on your keyboard and this is looking
4:07
cool okay now let's find here on the
4:10
circle solid layer Alpha inverted and
4:13
then go here in the fa and pres it again
4:15
find fill drag and drop onto the circle
4:18
and change color to pure white color now
4:21
it's time also to animate this shape
4:24
layer o1 or we can rename this one to
4:27
rectangle okay and then hit R for
4:30
rotation set up the first key frame here
4:33
at zero frames go somewhere around 2
4:36
seconds okay and then hit here one for
4:39
this uh rotation now let's also create
4:42
expression for this rectangle hold alt
4:45
on your keyboard and then left Mouse
4:46
click on this uh stopwatch and type here
4:50
Loop out open and close brackets
4:54
quotation marks and type here ping pong
4:58
okay and now when we hit zero in this
5:00
scene we have this cool looking
5:02
repeating shape okay now let's select
5:05
both of the key frames okay and then F9
5:08
on your keyboard to easy ease them and
5:10
then go here in the final composition I
5:13
will close this shapes comp for now and
5:16
just drag and drop the shapes here in
5:18
the finals when we hit zero this is
5:21
already looking cool our next effect
5:24
that we're going to use here is motion
5:26
tile again find motion tile drag and
5:29
drop on to the shapes composition and
5:31
for the output width let's type here
5:35
1,650 copy this number and paste it here
5:38
on the output width also check this
5:40
option mirror edges and now when we hit
5:43
zero in the finals our scene is looking
5:46
really cool and really
5:49
creative okay for the final step let's
5:52
create fake 3D Shadows here in the scene
5:54
go here in the fact and pres it again
5:56
find drop shadow drag and drop onto the
5:58
shapes composition position okay and
6:01
here instead of five or distance type 33
6:05
and here in the finals as you can see we
6:07
already have this cool looking fake 3D
6:09
Shadows okay now let's close this
6:11
effects control for now go right click
6:14
find here new null object okay and
6:17
select background grid and shapes uh
6:19
composition and parent it with a null
6:22
object if you can't find parent and Link
6:24
option just go right click columns and
6:26
find parent and Link option here also
6:29
turn on on 3D for the every layer go
6:31
here also toggle switches and modes and
6:34
turn on option 3D for every layer okay
6:37
now let's select this null object go at
6:40
zero frames hit s for scaling I will do
6:43
I don't know 90 for the first key frame
6:45
set up the first key frame here on this
6:47
little stopwatch then go somewhere
6:49
around 10 seconds and type here I don't
6:53
know10 or
6:54
115 according your needs Also let's
6:57
animate rotation hit R for rotation and
7:00
basically here you can play around with
7:02
the numbers for the X rotation I will do
7:05
maybe play around to around 20 for the Y
7:08
rotation setup the first key frame go
7:11
somewhere like here and for the set
7:14
rotation go something like this and then
7:16
go to around 10 seconds and do the
7:20
opposite numbers minus I don't know 20
7:23
and for the Y rotation Min -4 maybe and
7:26
for the Z rotation something like this
7:29
now hit zero on your keyboard and as you
7:32
can see we have cool looking pattern
7:35
background here in the finals and this
7:38
is looking pretty cool all right guys so
7:41
that was everything for today's tutorial
7:43
you can play around here with the
7:44
everything with the options scale and
7:46
rotation and if you want to see
7:48
different shapes just go here inside
7:50
this shaped composition and draw
7:52
different shapes here okay I want to
7:55
thank you for watching this tutorial and
7:57
if you haven't subscribed to my channel
7:59
please hit that subscribe button also
8:01
leave me a like on this tutorial if you
8:03
found this uh video helpful take a look
8:05
on my channel on my profile for your
8:07
more great tutorials and until next time
8:11
stay creative and
8:15
[Music]
8:24
bye-bye