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
Create an Arrow or Pointer preset for After Effects

Create an Arrow or Pointer preset for After Effects

In this video tutorial, Graham reveals a really quick way to use Shape Layers to make an arrow preset that you can use to point to anything in Adobe After Effects.


Graham Quince
Adobe After Effects
Realistic Water Movement with Fractal Noise

Realistic Water Movement with Fractal Noise

In this tutorial video, Andy Ford shows you how to use the Fractal Noise effect in After Effects to add movement to water in a still photo

Feature
Andy Ford
Adobe After Effects
Adobe Creative Cloud September 2020 Update: Streamlined workflows that make storytelling easier

Adobe Creative Cloud September 2020 Update: Streamlined workflows that make storytelling easier

The current environment is forcing us to rethink and reimagine so much. Content creators, from broadcasters to streaming services to social video creators, are finding new ways of working that prove creativity and resourcefulness are inherent to the video industry. Adobe's Eric Philpott explores Adobe's developments in response to the ever evolving challenges we face today.

Editorial
Eric Philpott
Adobe After Effects
Makin' Planets! Saturn (with rings and shadows)

Makin' Planets! Saturn (with rings and shadows)

In this video, Graham shows how to make Saturn's rings using Polar Coordinates, then use an Alpha Invert Matte along with a simple expression to cut the rings out.


Graham Quince
Adobe After Effects
Text Box Background Preset in After Effects

Text Box Background Preset in After Effects

Graham's latest tutorial shows you how to combine several effects to generate a background for any text layer you add to an After Effects comp.

Tutorial
Graham Quince
Adobe After Effects
Makin' An Eclipse

Makin' An Eclipse

In this tutorial for Adobe After Effects, I use the Circle effect, Fractal Noise, Polar Coordinates and CC Light Rays to create a 2D solar eclipse.

Tutorial
Graham Quince
Adobe After Effects
How To Put Yourself In Any Movie Part 3: Keying Greenscreen

How To Put Yourself In Any Movie Part 3: Keying Greenscreen

Following the huge response to parts one and two of independent filmmaker Cody Pyper's Adobe Photoshop and After Effects tutorial series, "Put Yourself In Any Movie!", here is the truly EPIC series finale, which is the most complete single keying tutorial we've ever seen. It's all here, including Red Giant's Primatte Keyer, Premiere Pro's Lumetri Color Panel, AE's Keylight filter, everything you need to know about curves and levels, realistic blurs, shadows and VFX, and more! Did we mention that this is epic? EPIC!


Cody Pyper
Adobe After Effects
Makin' a 3D Nebula in Photoshop, Cinema4DLite, and After Effects

Makin' a 3D Nebula in Photoshop, Cinema4DLite, and After Effects

Graham continues his space tutorial series, featuring the Orion Nebula

Tutorial
Graham Quince
Adobe After Effects
Motion Tracking in After Effects

Motion Tracking in After Effects

During this short video tutorial, Andy Ford shows you how to apply Track Motion to aerial drone footage

Feature
Andy Ford
MORE
© 2020 CreativeCOW.net All Rights Reserved
[TOP]