After Effects Tutorial: How to Convert a 2D Image into 3D (Photoshop & After Effects)

After Effects Tutorial: How to Convert a 2D Image into 3D (Photoshop & After Effects)


This tutorial teaches you,
how to create a 3D looking image, from a static image. Firstly, import your image to Photoshop. Create a new layer and fill it with black, by using the “Paint Bucket Tool”. Reduce the Opacity to about 70%
so you can see your image through the black. Select the Brush
and change its Opacity to 15%. Switch the color to White. Start drawing the entire object,
by holding down the left mouse button. The second layer we are going to paint,
is the area that is closer to the camera. So let’s start drawing the face and the hair. The next area, which is closest
to the camera, is the face. In the next layer, we are going to draw
some of the facial features, such as the eyebrows,
the nose and the chin. The last layer
is the tip of the nose, which is the closest point to the camera. The eyes are a little bit further
back than the rest of the face, so switch the color to black
and paint them. Change the Opacity back to 100%. Go to Filter, Blur, Gaussian Blur
and add some blur. Save your Project,
as a Photoshop file. Drag and drop your Photoshop file
into After Effects. Choose
“Composition – Retain Layer Sizes”. Check
“Merge Layer Styles into Footage”. And click OK. Double click the Composition. Rename your Layers. Hide the “Map” Layer. Go to “Effects & Presets” and type in:
“Displacement Map”. Drag and drop the effect
to the “Main” Layer. Change the “Displacement
Map Layer” to “Map”. And also the “Horizontal” and
“Vertical Displacement” to “Luminance” Notice that if you change the
“Horizontal”, or the “Vertical Displacement” it looks like a 3D looking picture,
but don’t pull these around too much. Click the Expand Button, on
“Main” Layer, on “Effects”, and on “Displacement Map”. Click on the Stopwatch, to set a Keyframe for the “Horizontal”
and the “Vertical Displacement”. Change the values. Go to the end of the clip
and set another Keyframe, by clicking on the
little diamond. Set the new value of
“Horizontal Displacement” and repeat the same process
for the “Vertical Displacement”. Press “S” and
scale it up a little bit, to avoid the blackness.

26 thoughts on “After Effects Tutorial: How to Convert a 2D Image into 3D (Photoshop & After Effects)”

  1. Nice job!

    Though what if we blur the brush edges in Photoshop a bit more when selecting what's closer to us? Wouldn't that make the face proportions move a bit smoother and not as much like cookie-cut pieces?

  2. HAHAHAHAHA LOL  XD THIS IS FUNNY HAHAHAHAHA XD LOL LOLOLOLLOLLOLLOLLOLLOLLOL HAHAHAHHAHAHAHAHAHAHAHA FUNNY

  3. I do not understand the reason why he did the photoshop part? I mean he didn't use the layer in after effects. Please tell me what was the reason behind doing that ?

  4. For 3D Photo Effects you can try this nice template, it's really easy :
    Volumax V2 – 3D Photo Animator:
    http://videohive.net/item/volumax-3d-photo-animator-tool/13646883

  5. Do you have to keep changing the Opacity of the Bush to reveal more of the Image.This is not something to omit…

  6. Создание карты глубины для анимированного изображения: https://youtu.be/XDvjTRwZ16Y

  7. Halo @jase333 how about we created from RGB image (not grascale image)? is that the same way when we brush in to the image as a grascale? and the RGB color I changed in to RGB as the same level. but when I was doing it, it doesn't work…

  8. Hello I buy my photos in a web that a friend told me that they make a spectacular engraving of glass for your photos, decorative and personalized objects to give away I am encatado with them and the best of all is the price are very economic here you will find them forexmasbinary.com

  9. Hi. That's amazing!. Is there any online service that you can pay someone to do this? I have an old photo and I would love to give it a 3D depth. . Hope you can advise me.

Leave a Reply

Your email address will not be published. Required fields are marked *