Design insights & tutorials.

Introduction to 2.5D Compositing Tutorial [Video]

Turquoise Flag-Tip

2-5D-compositing-header-image

I am sure that all of you at one time or another have experimented in After Effects’ 3D world, and for beginners it can be quite the concept to wrap your head around. Along with being able to animate in 2D space, you can actually manipulate, move and place objects in Z space as well as the X and Y plane. Z space is measured by distance to and from the camera, so if you were to move something back in Z space it would appear further away than something further up on the Z plane.

Using this placement, you can rotate and place flat layers to create shapes and objects such as stages, streets, and even houses, given you know how to position correctly and efficiently. This is by no means a 3D modeling technique, just a little trick of the trade to spice up camera movements, and give your animations a sense of depth by placing objects in 3D space, and moving past them—like you would if you were to actually create the camera movement in real life.

Taking from this lesson in the 3D world of After Effects, I hope that you can delve deeper into the depths and create some amazing 2.5D animations on your own. Anything is really possible, and if you were able to utilize After Effects CS4′s new Photoshop Live 3D features you could add some 3D objects as well into your scenes to make them seem even more realistic such as cars parked on the street, 3D trees or even basketball hoops.

This was really created to be a primer to introduce you into the basics of After Effect’s 3D system, and to show you just how easy it is once you know the basics of how it works. If you liked this tutorial—or would like to see similar tutorials—please leave a comment, as well as if you have created anything using this technique! I would love to see what you have learned!

About the Author, Topher Welsh

My name is Topher Welsh. I am a video editor, visual effects artist, and motion graphics artist living in Tacoma, Washington. I am the owner of VisualFXtuts.com. Twitter: @visualfxtuts
Discover More by Topher Welsh

Discussion

We want to hear what you have to say. Do you agree? Do you have a better way to approach the topic? Let the community know by joining the discussion.

  • http://designawardsgallery.com/ Best CSS Gallery

    Great tut! I'd like to learn more about this technique

  • http://www.beasleyallen.com BeasleyAllen

    Thanks for the tutorial.

  • Eric

    Thanks for the tutorial.
    Wait a minute… After Effects 3D? Using Photoshop Live 3D in After Effects? Tell me more! Please!

  • http://www.facebook.com/people/BajeDrift-Motorsport/819480062 BajeDrift Motorsport

    Great tutorial thanks !!!

  • TopherWelsh

    hmmm that could be another tutorial… once I get a faster computer to use the Photoshop Live 3D in at least partial realtime speed….

  • leebakerbaker

    Congrats on your soon to be wedding! You made this look very easy. I started a project like this over a year ago and every time I start to work on it I end up pushing it to the side (hence over a year).The problem I keep running into is after spending time lining up all my layers to make a house looks good but I zoom out to do ariel view and layers start to disappear.Then I spend most of the time messing with the stacking order which fixes it until moving to the next building where it starts all over again like I am cracking a safe with these different stack order combinations. Have you run into this problem?

  • TopherWelsh

    To tell you the truth, no I haven't. It shouldn't matter what order your layers are in the composition, as long as they are all 3D layers. Are you using the two camera technique I demonstrated… that helps with having one camera as your “camera move – render” camera and one camera to just look around the scene and fine tune…

  • Matt

    Thanks for this nice work!
    dizi izle

  • http://www.nike-air-force-one.com/Nike-Air-Force-1-mid.html air force shoes

    Hhe article's content rich variety which make us move for our mood after reading this article. surprise, here you will find what you want! Recently, I found some wedsites which commodity is colorful of fashion. Such as xxxxxxxx that worth you to see. music-ofthesun Believe me these websites won’t let you down.

  • http://www.facebook.com/people/Tekno-Loji/1152739199 Tekno Loji
  • Hendrilsilveira

    A tip fot you.

    Put a point light in the sky and make it very bright and it will make more realistic.

    i did that.

  • Anonymous

    JULIstone is a China Stone Manufacturer which supply Granite Tile,Paving Stone, Granite Paving, Polished Granite ,may be you can choose something.

  • gucci pelham shoulder bag

    thanks for your sharing!

  • http://www.facebook.com/people/John-Cole/1338956299 John Cole

    Great stuff guys!! Really useful.

  • http://www.drmustafaerarslan.net dr mustafa eraslan

    Great tutorial thanks 

  • http://www.ekoal.com/ en ucuz

    gaztirizon likeee