How to Make 3D Animation in After Effects

Wondershare Editor By Mar 24,2017 18:37 pm

3D animation for your logos, text and so on is very popular in intros and other aspects of post-production, long gone are the days when you would need specialized plug ins to achieve your effects, you can get excellent 3D animation output, relatively simply and easily from out of the box after effects, here we will create some 3D text and animate it.


This is a basic tutorial about After Effects, professional video editing software. However, if video editing is new to you, consider Wondershare Filmora (originally Wondershare Video Editor), which is a powerful but easy-to-use tool for users just starting out. Download the free trial version below.

Download Win Version Download Mac Version


How to Make 3D Animation in After Effects

1Composition

Our first job is to create the composition. For 3D text or shapes, or if you are importing layered vector graphics such as a logo, there are settings you need to enable on your composition for it all to function.

Either when you select New Composition or on an existing one by selecting composition settings, you need to go to the advanced tab and switch from the default Classic to Ray-Traced 3D render.

composition-settings-for-3d

Once switched to Ray-Traced 3D, you can then set the options for it. I’ve left the quality at the default 3 for this demonstration, as you can see, the program explains the effects of various quality levels to you on this screen, but remember that render time can increase significantly at higher qualities, so it is a balancing act for what the intended use is. The final setting here will be a personal choice based on what the sequences will be used for and how long you can wait for the rendering.

ray-tracing-settings

With that done we can create and work with 3D text and shapes from within After Effects itself, so let’s carry on.

2Creating our 3D text

The next step is to create our 3D text. I created 2 separate text layers for the two words, Wonder and Share, simply because it makes animating them separately a simpler process.

text-layer-creation

Once created I adjusted the size of the text to how I like it and made sure both layers were in 3D mode in the timeline – the cube icon.

completed-text-layers

Now that is completed, we can extrude the text for 3D. Within the Ra-Traced composition 3D objects have extra attributes, and selecting our text layer we can find the Geometry Options to create that extruded 3D effect.

adding-extrusion

Here I have added an extrusion effect to the first layer, a depth of 20 works for this project, but just find a value that you find visually pleasing. Here you can also add bevels and so on, but for this one we are just using extrusion.

Repeating the same on the 2nd text layer gives us too words with an extrusion depth of 20.

final-text-extrusion

Now, that may not look very exciting just now, but stick with it.

3Creating the 3D look

It doesn’t look particularly spectacular at the minute, however, now we are going to bring out the beauty of these techniques. Our first job is to add a camera to the composition.

add-camera

And then by right clicking the camera layer once created, create an Orbit Null for the camera

orbit-null

At this point I decided to tilt my text a little to make the most of the 3D effect, simply by using the x, y and z axis on the timeline panel, so now we have this.

cameras-and-text

Now, that still doesn’t look so good, but for effective 3D it is worth remembering lighting is everything. We still have light hitting everything equally here, so to get out lovely 3D text we want to add a point light to the composition.

light

I used the standard settings without changing anything

light-settings

this is the result.

added-light

As you can see, we now have wonderful 3D text, now it is time to animate it.

4Basics of 3D Animation

Now we have some great looking 3D text, we want to make sure we make the most of that when animating it. You could, of course, now simply use the usual transform and position tools to move the text layers, change the color and so on, and if you could this with moving the camera and even the light source you can indeed create some complex animations. But to add more possibilities, our first step is to use a great tool built into After Effects, and that is ‘Enable per character 3D’. This is found under the Animation>Text>Enable per Character 3D> menu path as we can see.

per-character-3d

I do this for both text layers, so now we have the ability to apply new types of movement and transformation not just to the word, but to individual characters, all within a 3D environment.

Now we can select the animation we want from the timeline animate button, or if you want to experiment a bit you cans simply click add all transform properties and your layer will include all the animators for you to try.

all-transform

The first thing I do when working with 3D this was, especially if I’m going to be experimenting as we are here, is to move the time cursor to the end of the composition and set a keyframe for all attributes at that point. What this does is set the end point to be exactly where you are now, so no matter what is added, this is where the word will end up. This can be very useful for later adjustments to make the animation end smoothly when you have a set end point to work to.

keyframes-set

I then repeated the same steps for the other word.

A also added in a color attribute, for the front face only, of each word via Add>Property>Front on the animator attribute in the timeline panel. This is because I thought a nice color transition could add to the effect, I’ve set the end color for the wonder layer as white, and the share layer as blue. I also upped the light intensity a little just to make the effects a little more defined. As you progress through trying out these tools never be afraid to change things up to get the exact look you want. You can always right click and Reset any layer back to the start if you don’t not like what you end up with. The result of all this is the end point of the sequence here.

end-position

Now we need to add in our movement.

5Animating the Text in 3D

The first sequence I wanted to do is getting the two words on screen. I also want to flip the colors so they can transform later. I have chosen a simple animation here, with the wonder layer falling into the screen and the share layer rising into it. This is done from the position animation setting simply by altering the y axis values. So with the time cursor at the start of the timeline I set the wonder position to just beyond the screen, which turned out to be -1000, and then set the share value at 10,000 so it rises up into the screen. I also changed both color attributes to be the opposite of the end values. Wonder blue, Share white.

start-sequence

Setting the first keyframe with the words in these positions, I then moved on 2 seconds, set a keyframe for the wonder layer back at its start position, so the animation will show the word dropping into the screen over 2 seconds. I then set a keyframe for the share layer at 3 seconds, so that one rises up and finishes the journey 1 second after the first word, to end up as we are here.

y-axis-complete

The next part of the animation is to rotate the words along the z axis, so I simply set a keyframe with a rotation value of 1, and then another when I wanted the animation to end for both layers.

The next step I want to do is to apply a rotation to each character in turn, rather than the whole word simultaneously, this is achieved with the offset setting in the range selector.

The exact value here is dependent on how big your word is and so on, experiment until you get the effect you want, but what it does is to apply a delay to the effect for each character so you can stagger how they move.

offset

Then I applied my next rotation, x axis for share and y axis for wonder, with the offset in place, and repeated the keyframes to organize my animation.

offset-final

As we can see, creating and animated 3D text is in principle as easy as any other animation, the built in tools make creating that 3D text and the lighting very straightforward. The complexity does come when you are planning the animation sequences itself, if you have a lot of moving objects the extra dimension can cause confusion as to where everything is if you are not careful. Plan it out, and work methodically at each timeframe to set each components where you want it to be and you will not go far wrong.

Video Tutorial on How to Create 3D Animation in After Effects

comments

Product-related questions? Speak directly to our Support Team >>

Start your video project now by purchasing
Filmora or downloading the free trial.

• After Effects User Guide
1. Basic Editing
1.2 How to Cut Video in After Effects
1.3 How to Make an Intro in After Effects
1.4 How to edit videos in After Effects
1.5 How to combine clips in After Effects
1.6 How to rotate a video in After Effects
1.7 How to speed up/slow down footage
1.8 How to add audio in After Effects
2. Animation editing+
3. Advanced Edtiing+
4. Tips and Tricks+