Sunday, August 28, 2022
HomeWeb DevelopmentFind out how to Make a 2.5D Animation in After Results

Find out how to Make a 2.5D Animation in After Results


To date you have got realized the right way to use After Results in two dimensions, however on this After Results animation tutorial, it is time to take it as much as 2.5D! 

2.5D project2.5D project2.5D project

Let’s speak about what 2.5D is, and I need to begin this 2.5D tutorial in After Results with a fast instance that I created.

moving imagemoving imagemoving image

At first look, you may take a look at this shot and say that is hyper-lapse, or perhaps it is a video shot from a truck and dolly. But it surely’s really not. Though this has a really 3D look, that is 2.5D. Which means that it is making a 3D surroundings out of objects that solely have two dimensions.

This shot was totally created from a single base picture, which was then minimize out into the foreground layer and the mountain layer, plus the opposite shifting parts.

image sectionsimage sectionsimage sections

I additionally did a little bit of clone stamping to fill in a number of the gaps, after which I organized it in such a means that after I moved an After Results digicam, it had some parallax to it which gave a distinctly 3D look.

Now, there are many examples of this that you’ve got most likely seen all through your life, and it might haven’t clicked earlier than. You could have seen one thing that seemed as if the video had frozen and the digicam was flying via the surroundings. That would very effectively have been a 2.5D shot, which is the place you create one thing that appears very 3D, however all of the objects don’t have any third dimension.

So I need to present you the right way to put collectively a very easy instance. In truth, that is going to look even cooler than that final instance, though I am solely going to make use of textual content. So bounce on into this primary 2.5D composition.

new compositionnew compositionnew composition

If you wish to observe alongside, be sure you open up the 2.5D After Results undertaking. So on this undertaking I’ve three textual content layers and a stable background layer that is been locked.

project layersproject layersproject layers

To begin, let’s take the three textual content layers and allow the 3D layer swap.

activate the 3d layer switchesactivate the 3d layer switchesactivate the 3d layer switches

You will discover that when you choose the layer, the anchor level has now modified to a 3D gizmo. It is slightly software that has three handles or arrows that allow you to place the thing or rotate it in three dimensions (you may alter the X, Y, and Z dimensions).

3D gizmo3D gizmo3D gizmo

In truth, for those who open up the thing choices and try the Rework properties, you will see that numerous these now have a 3rd dimension that we will alter.

third dimensionsthird dimensionsthird dimensions

Subsequent, let’s throw in an After Results digicam. You are able to do this by right-clicking down in a clean space and going to New > Digital camera. 

create cameracreate cameracreate camera

Choose a 35 mm preset and click on OK.

camera presetcamera presetcamera preset

Now the objects will not have modified a lot but as they’re sitting on the zero mark in 3D house. However we will transfer these round and get a very cool look.

For instance, let’s take the again textual content layer and alter the worth to 4000. You’ll be able to see within the preview panel that it seems to be smaller, however that is usually because it simply moved away from the digicam on this 3D surroundings.

adjust the valueadjust the valueadjust the value

Repeat the method with the center layer and alter its worth to 2000.

change the valueschange the valueschange the values

Press C on the keyboard to convey up the digicam software. You’ll be able to proceed to press C to scroll via the opposite digicam instruments (Orbit Digital camera Device, Monitor XY Digital camera Device, and Monitor Z Digital camera Device). Through the use of the digicam software, you may see how the textual content consists in 3D house.

3D camera3D camera3D camera

We are able to enhance the look much more by including a light-weight to this scene, which is able to give us some shading. You are able to do this by right-clicking a clean space and going to New > Gentle.

new lightnew lightnew light

Go away all the things on the default values, and ensure Solid Shadow is on.

cast shadowscast shadowscast shadows

Issues could get darkish, however don’t be concerned—we will bounce down into the sunshine choices. Whenever you’re working in a 3D surroundings, urgent AA on the keyboard will convey up the fabric choices. That is often the factor that you just need to bounce into if you’re speaking in regards to the gentle choices, the digicam choices, or the fabric choices for the textual content.

pressing AApressing AApressing AA

So let’s go to the sunshine choices and enhance the Radius. I am additionally going to extend the Falloff till I can begin to see the layers within the background. Additionally, flip down the Depth to present it a bit extra shade.

light settingslight settingslight settings

As you may see, this gentle is doing an excellent job of constructing issues look as if the additional again they’re, the much less gentle they get. That is accomplished by setting the Falloff to Clean.

set falloff to smoothset falloff to smoothset falloff to smooth

Now be certain to pick your three textual content layers after which press AA on the keyboard to leap into the supplies choice. Change Solid Shadows to On to create shadows behind each bit of textual content. The shadows are being solid from this primary layer to the second and third layers, and from the second layer to the third layer.

activate cast shadows for textactivate cast shadows for textactivate cast shadows for text

Leap again to the choice software, and for those who seize your gentle and transfer it just a bit bit on the X axis or the Y axis, and even the Z axis, you will see your shadows change. So you may arrange a number of After Results lights and create some actually cool seems to be utilizing this type of 2.5D methodology.

move the lightmove the lightmove the light

You’ll be able to change the shadow’s darkness and diffusion, so you may get extra of a tough shadow or a really smooth shadow.

shadow darknessshadow darknessshadow darkness

Congratulations

2.5D text2.5D text2.5D text

Congratulations! And that is how one can make 2.5D Animation in Adobe After Results. Now that you’ve got realized the fundamentals, try a number of the different tutorials we’ve on Adobe After Results under.

I hope you have discovered this 2.5D tutorial in After Results helpful, and I will see you subsequent time on Envato Tuts+!

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

- Advertisment -
Google search engine

Most Popular

Recent Comments