LIBRARY: Tutorials Reviews Interviews Editorials Features Business Authors RSS Feed

3D from 2D Image Using Displacement Maps

COW Library : Adobe After Effects Tutorials : Tudor Jelescu : 3D from 2D Image Using Displacement Maps
CreativeCOW presents 3D from 2D Image Using Displacement Maps -- Adobe After Effects Tutorial


CreativeCOW.net. All rights reserved.


In this video tutorial Tudor "Ted" Jelescu shows how to create 3D / 2.5D movement from a 2D image using displacement maps in Adobe After Effects. He uses similar techniques as Mathew Fuller's "Advanced 2.5D Animation in AE" tutorial to pull depth from 2D images. Tudor uses FreeForm and displacement maps to be able to have a different camera move, one that rotates around the subject.



Play Video Tutorial



Comments

@3D from 2D Image Using Displacement Maps
by Gates Bradley
Ted, thank you for the tutorial. I do have one question – why do you pre-comp everything before applying Freeform, even if it's just one layer going into the pre-comp?
@Gates Bradley
by Tudor "Ted" Jelescu
I found it easier to manipulate the texture or the depth map inside a precomp, or even to change it if necessary. When you want to create a complex displacement map that is animated and has several layers with several effects (like the ones I used in the AquaPack enhancement pack for FreeForm Pro) there is no other way of doing it. It is easier to work this way in complex compositions as well. It may be not a must in many instances but I prefer having the flexibility.

Tudor "Ted" Jelescu
Senior VFX Artist
+1
@3D from 2D Image Using Displacement Maps
by Simon Luchini Duca
HI Ted and Happy Christmas.
I've just know you great tuts on Creativecow (3D_from_2D_Image_Using_Displacement_Maps) but I didn't understand how have you made a displacement map of a surfer in Photoshop.
For splash matte I think you made a luma matte of the splash switching splash in B&W (Hue and Saturation) and the closed blacks and whites (Levels).
What about Surfer Displacement map...?

Many thanks!

P.s. I saw you was going to make a tut to make displacement as I asked, but I didn't it, sorry.
Re: 3D from 2D Image Using Displacement Maps
by wayne evans
here is a quick test with freeform...





Re: 3D from 2D Image Using Displacement Maps
by wayne evans
Ok here is a link without sound.




@wayne evans
by Tudor "Ted" Jelescu
I'm not sure what technique you're referring to- it seems that you're showing a new plugin that does similar things with Free Form, FreeForm Pro or ShapeSifter AE.
Here's a couple of FreeForm Pro examples:













Maybe you can elaborate on the "unique" aspects.

Tudor "Ted" Jelescu
Senior VFX Artist
@Tudor "Ted" Jelescu
by wayne evans
Nope..Its definitely my technique, done in after effects completely from scratch, no plugin used, no depth map, no mesh warp...matter-of-fact my technique has some hi-tech implications outside After effects.My goal is to never make anything hard to do...so I study hard to perfect an idea that has Merritt..I am not a programmer...I am a designer that pushes the envelope to create fresh new ideas. and yes my thought process is "it has to be the best and leave no questions"...I am currently looking for help on creating a plug-in for FaceRipper...Let me just be honest...My technique behind what I am doing is worth billions..The plugin is only one aspect..yes,I would probably laugh, if someone had told me something is worth billions...the only thing i have to do is give it away and watch it developed by someone else. I just wanted to share what I am doing and maybe perhaps one day I could meet some honest team players that's willing to collaborate with me.




@Tudor "Ted" Jelescu
by wayne evans
perhaps I have blown out my explanation of what my technique can do...I will explain my intention for such a plug-in. The thought of using depth-map/mesh deform is obviously nothing new,and to have a user paint a depth maps will usually result in inaccuracy. My approach is a new and accurate method at producing a 3D form from a single image.FaceRipper can produce a 360 degree form. The ability to add animated elements like smoke, fire, floral designs or have some volumetric smoke turn into a face..motion track a face or a 3D-like car into live footage... AE and FaceRipper can be used to create interactive flash base 3D movie posters.All the above can be achieve just using my technique in AE...FaceRipper can also be use in AE for several real world applications. I can guarantee you I don't waste time with recreating typical ideas...all I need now is some help.
@Tudor "Ted" Jelescu
by wayne evans
same technique different name...










@wayne evans
by Tudor "Ted" Jelescu
It looks interesting, no doubt about that, but I would like to see examples of how it works and how fast it is in order to be able to compare it with what is on the market now. I am a heavy duty user of 3d plugins in AE, so for me tests and benchmarks are relevant. If you do a a test - same face displacement using FreeForm Pro and your technique, comparing the time it took to achieve the final look and the rendering time - that would provide a tangible result to base your claims on. I recommend talking to Chris Bobotis - the developer of FreeForm Pro, mettle.com. He can give you some insight in the whole process of developing a plugin.

Tudor "Ted" Jelescu
Senior VFX Artist
@Tudor "Ted" Jelescu
by wayne evans
Ok I will give that a try...But a thought ran across my mind.Lets use A,B,C and D...in using my technique "A" would need the user input, "B" would be the automatic process and "C" is the end result of "A & B"... "D" would be a Depth-map created...I don't use Depth-maps, but I can create one. After taking a second look at "A,B&C",I realize I can skip "B" and "C" to Create "D" , a depth-map.. with just step "A" i can make a more accurate depth-Map...In my years of knowing about Depth-maps, I know their not easy to create from scratch for object modeling or even from real life...my previous research focus on how to create full models with limbs using depthmaps. I might be-able to use freeForm to accomplish that. but for now, been able to create accurate depthmaps from a single image is a great start. perhaps this might be a good marriage for My Technique and FreeForm. stay tuned
@Tudor "Ted" Jelescu
by wayne evans
See that's the down side about having innovative ideas. To tell how something is done is to almost give it away...then if you don't tell, no one will know the great value...add some bad grammar or some unprofessionalism with that, then your sure enough done...but then there is still this wonderful idea that is waiting in the wind to be born...I often wonder did the world focus on who the greatest inventors was or did they focus on what they invented...what if they only focus on who they are..then they would have not make it in these modern times...big companies like Apple and Microsoft would love to get their hands on my idea...guarantee the best 3D or holographic communication or display system...it started with FaceRipper.
@wayne evans
by Tudor "Ted" Jelescu
You don't need to give away the details- just do a text and post the results.

Tudor "Ted" Jelescu
Senior VFX Artist
Re: 3D from 2D Image Using Displacement Maps
by wayne evans
Here is a technique I came up with that is one of a kind.





@wayne evans
by Tudor "Ted" Jelescu
it would be nice to see it, but it does not show in parts of Europe because of the music.

Tudor "Ted" Jelescu
Senior VFX Artist
@Tudor "Ted" Jelescu
by wayne evans
Ok perhaps I will upload a version with no sound.
Re: 3D from 2D Image Using Displacement Maps
by Zah Mujo
Thank you for this nice tutorial! :) You also mentioned about upcoming tutorial that explains creating grayscale image. Can't find it yet... :)

regards,
Re: 3D from 2D Image Using Displacement Maps
by Brandon Morris
What is the easiest way to make a displacement map like that?

Brandon Morris
http://www.brandonmorris.com

Canon T2i
13" Macbook Pro (Mid 09) 8GB RAM 10.6

@Brandon Morris
by Tudor "Ted" Jelescu
Painting a grayscale image in PSD- I am actually working on a tutorial right now that explains the process of creating a displacement map in more detail... so stay tuned.

Tudor "Ted" Jelescu
Senior VFX Artist
Re: 3D from 2D Image Using Displacement Maps
by Spencer Tweed
Get an effing mic! It sounds like an alien laboratory in the background...

Great effect though!

- Spencer
@Spencer Tweed
by Tudor "Ted" Jelescu
that's cause it is an alien lab...;-)
First setup - not perfect, but working on it for the next, glad to hear you like the technique.

Tudor "Ted" Jelescu
Senior VFX Artist
Re: 3D from 2D Image Using Displacement Maps
by Max Kukushkin
It's too easy for you and hard for others. And you must tell before you start, that you use 3-rd party plugins.
@Max Kukushkin
by Tudor "Ted" Jelescu
Sorry for any inconvenience- Free Form comes free with AE now and the basic technique is related to this plugin only- the rest is cosmetics that can be achieved with regular AE plugins as well, only in a different way.

Tudor "Ted" Jelescu
Senior Compositor/VFX Artist
Re: 3D from 2D Image Using Displacement Maps
by Jessica Dover
Great tutorial! Can't get surfer displacement map quite as volumetric as your tutorial (even using burn tool), any tips?
@Jessica Dover
by Tudor "Ted" Jelescu
Start by cutting out the surfer in photoshop. Make a selection and fill that in with 50% gray. Use the burn tool to paint the edges- start by applying that at 10% and use long continuous strokes- best if you have a wacom tablet.
Make sure you get a nice gradient on the edges.
Hope that helps.

Tudor "Ted" Jelescu
Senior Compositor/VFX Artist
Re: 3D from 2D Image Using Displacement Maps
by Rob Mize
Hi, Tudor...

Very impressive... especially for your first tutorial.

I'm looking forward to your next one... and the one after that... and the one after that... etc.

Thanks very much for sharing.

Regards,

Rob Mize
Re: 3D from 2D Image Using Displacement Maps
by Juan Urquhart
I want to add that this is the best tutorial i've seen in a long time, pushes the limits of what can be done in after effects, one would expect this results from nuke ,fusion or even a 3d app, but not from the flat cards of AE...the displacement map done for the surfer in PS wit the burn tool is genius...

Please keep them coming!
Re: 3D from 2D Image Using Displacement Maps
by Tudor "Ted" Jelescu
It's encouraging to hear that you find it useful, especially since this is my first tutorial! I guess I'll make some more ;-)

Tudor "Ted" Jelescu
Senior Compositor/VFX Artist
Re: 3D from 2D Image Using Displacement Maps
by Juan Urquhart
thanks! great technique!!!!!


Related Articles / Tutorials:
Adobe After Effects
Advanced 2.5D Animation in AE

Advanced 2.5D Animation in AE
  Play Video
In this AE video tutorial, Mathew Fuller covers some advanced techniques for extracting depth from 2D still images to create 2.5D moving graphics inside After Effects.

Tutorial, Video Tutorial
Mathew Fuller
Adobe After Effects
Adobe After Effects Reverse Stabilization

Adobe After Effects Reverse Stabilization

You're going to be blown away by how you can power up your After Effects workflow with reverse stabilizing your footage! By separating your tracking from your compositing, you can focus on each step, and in addition, overcome the render order complexities when match moving elements and effects on a moving shot.


Roei Tzoref
Adobe After Effects
After Effects Content Aware Fill: When It Doesn't  Work

After Effects Content Aware Fill: When It Doesn't Work

There’s a new artificial intelligence-powered feature in Adobe After Effects called Content-Aware Fill that allows you to remove anything from your shots fairly easily! It's powerful, but if you’ve tried it you know that it doesn’t always work perfectly. So what do you do when it doesn’t work as well as you'd hoped? Filmmaker Cody Pyper is here to show what to try next!


Cody Pyper
Adobe After Effects
VFX in Adobe After Effects: An Artists Panel (NAB)

VFX in Adobe After Effects: An Artists Panel (NAB)

Join panelists Andrew Kramer of Video Copilot, Jayse Hansen, and Mary Poplin of Boris FX, along with moderator, Victoria Nece of Adobe, as they discuss the world of visual effects from an artist’s perspective.


Adobe Creative Cloud
Adobe After Effects
Scars, Tattoos & Digital Makeup: After Effects & Mocha Pro

Scars, Tattoos & Digital Makeup: After Effects & Mocha Pro

How do you add SCARS, TATTOOS or DIGITAL MAKEUP to a person's face? Learn how to use Mocha Pro's planar tracker and the Mesh Warp tool to insert a flat image/video on a (non flat) human face! Join VFX guru Tobias G from Surfaced Studio for a closer look!


Tobias G
Adobe After Effects
Compositing Secrets Everyone Can Use, Pt 5: Brightness

Compositing Secrets Everyone Can Use, Pt 5: Brightness

The first challenge to understanding the nature of brightness in compositing starts with remembering that we're not actually seeing color at all, but rather something of an illusion that appears to us as color! Join longtime VFX artist, editor, software developer, and business owner Simon Ubsdell for Part 5 of the best look behind the technology of compositing that you've ever seen, as he takes a look at the math behind brightness, and how to apply that to the compositing toolsets in your favorite editing, compositing, and color grading applications.

Tutorial
Simon Ubsdell
Adobe After Effects
60 Second Tutorial: Alien Invasion in Adobe After Effects

60 Second Tutorial: Alien Invasion in Adobe After Effects

Here's a fast, fun one! Sixty seconds to create and animate an alien using the 3D and Track Camera tools to animate your character in Adobe After Effects. Use the included files, or bring your own!

Tutorial
Adobe Creative Cloud
Adobe After Effects
What Are Adobe Motion Graphics Templates?

What Are Adobe Motion Graphics Templates?

A Motion Graphics Template, referred to as a MOGRT, is an animated sequence that is self-contained and can be used in Adobe Premiere Pro, Adobe Premiere Rush and Adobe After Effects, combining graphics, text, audio and video files, as well as vector or still images (including logos), to create a still or animation that can then be customized by the MOGRT user. The result is a dynamic creative tool that provides design freedom and is consistent to its users across apps and devices. Reuse, share, and even sell them!


Rod Harlan
Adobe After Effects
Compositing Secrets Everyone Can Use Pt. 4 - Advanced Alphas

Compositing Secrets Everyone Can Use Pt. 4 - Advanced Alphas

When most people hear the words "alpha channels", they think "transparency", but that's not exactly accurate. The truth is more complex, and a quite bit more interesting! Join longtime VFX artist, editor, software developer, and business owner Simon Ubsdell for Part 4 of the best look behind the technology of compositing that you've ever seen, packed with practical advice for applying the secrets of alpha channels that's simply not possible before understanding these underlying principles. No matter which applications you're using for editing, compositing, or visual effects, this one is a must-see!

Tutorial
Simon Ubsdell
Adobe After Effects
Compositing Secrets Everyone Can Use: Pt. 3 - Alpha Channels

Compositing Secrets Everyone Can Use: Pt. 3 - Alpha Channels

When most people hear the words "alpha channels", they think "transparency", but that's not exactly accurate. The truth is more complex, and a quite bit more interesting! Join longtime VFX artist, editor, software developer, and business owner Simon Ubsdell for Part 3 of the best look behind the technology of compositing that you've ever seen, packed with practical advice for applying the secrets of alpha channels that's simply not possible before understanding these underlying principles. No matter which applications you're using for editing, compositing, or visual effects, this one is a must-see!

Tutorial
Simon Ubsdell
MORE
© 2019 CreativeCOW.net All Rights Reserved
[TOP]