Extremely cool effect for adding a little extra punch to parallax image videos. So much simpler & easier than I would have thought. Can't wait to use this technique to "wow" some clients!!
AMAZING tutorial! For the first part however, I just use the magic wand tool, select the empty background, inverse select, and fill in the first layer of white.
Thank you very much for sharing. I have never done this effect with displacement maps before, but will give it a try. I will be anxious to see the difference. I look forward to watching some of your other vids. Thanks again.
Just a kind tip: 1 blur likely won't suffice for more complex images (such as drawings). It took at least 6 blurs (at 9 pixels as shown) to smooth out enough.
Good video, man. I've used the 3d space concept by using the cut-her-out-from-the-background idea and then creating an animation with Z space, but I haven't seen the displacement map idea. Cool beans.
Really clear tutorial style, thanks so much. One thing, I do everything right, get a really nice effect in AE but when I export the movie doesn't play back (just stays frozen on the first frame). If I scrub through the video (say in Quicktime or any other program) I can see the effect is there, it just won't play back. Can I ask what settings/codecs do you export from AE with? ever so grateful...
Hi Misterclicky, have you checked that you have the working area set before the render? (set in and out points with the B and N keys for what section you want to render out) and then check in your render settings that the the start and end points are correct. An easy render would be Quicktime, with the video codec H.264. I hope you work out your problem!
Vale, Am I able to create 3D Displacement maps in a 3D space? E.g: Footage of a speakerbox which produces "Soundwaves" in 3D space? Anyway, thanks for the tut! New sub :) Keep it up
In case someone is a beginner here, I think one more thing must be pointed out here.Before saving as a psd , remember to cut the background from the foreground too.Otherwise, it won't work.You'll get two faces in after effects,the cut one and the original one.
True, if you're using the same background that the face was photographed on. Here, he replaced the bg with something entirely different I believe. Otherwise, yes, you need to make sure 1. the face is gone completely from the bg, and 2. the gap left behind should be filled in, probably done easily with the content-aware fill tools.
How would you transition from a parallax wide shot to close up displacement map? Would have to apply a displacement map to her entire body? Or can you just parallax until you get to her face and then use the displacement map?
When you finish up to final product...Say you want to put the photo in a frame and display it on your living room wall with the parallax effect still coming alive on the photo, what do you save it as?
If you wanted to display it in a photo in a frame it wouldn't move, so would defeat the purpose of the making it move in the first place. But if you want it as a video file to playback you can click composition>add to render queue and pick your settings from there, common video settings being quicktime h.264 .mov video.
Glenn Lewis Smith Thanks...It means. it's now become a movie file instead of a photo... I am just thinking of a way to display such a file within a frame in my living room and have the animated part looped.
Jolomi Whyte Hmm not too sure what files digital photo frames can playback, you may have to look into the model of photo frame to find out if it's possible.
Found the Answer>>> U are the only person to mention it. I could not change the shades of the brush to grey light grey and/or white. And I did not see how to do on the screen. The fix is to click the mouse after U finish using one shade. After u click the mouse the paint shade will be lighter. U can also just manually change the opacity settings of the paint color . SOLVED
I tried doing this the way you showed but for some reason the dispmap appears misaligned the picture when I try dragging the max horizontal and vertical displacement sliders around. Even though I made sure the it aligns perfectly with the other layer. Is there anything I can do to fix that?
Awesome tutorial! Question... After a few hours of severe frustration, trying this over and over from scratch without success, I realized that the black background on the displacement map layer was messing it up, and I finally got the effect to work by removing the black background. I am using Creative Cloud (CS6+)...did they change something in CS6 / CC, or is it possible that I have the AE project set up wrong. Either way, I did get it to work. Thanks again for the excellent tutorial.
Hmm it could be dependant on the layer that you set the displacement map onto, if for example the face is not a cut out shape from the background it will warp the entire frame rather than just the face. If that's not the issue, I'm not too sure but glad you got it sorted!
I watched your video and i looked at your screen but your opacity never changed can you view it and see that your opacity stayed at 15% the entire time you painted white on her face. You need to start with the opacity turned down to 15% then you can layer the white on top of each other.
I got no idea why, but it's not working. What I'm trying to do is animate a flag animation by animating firstly a Turbulent Noise and Turbulent Displace on a solid which makes it move like a flag but when I add a Displacement Map to the flag image, select the Solid with the TN and TD, change the things to Luminance and move them around it does nothing. I'm using After Effects CS6 and am completely stuck. Please help and thanks
I faced something similar, and I once I converted the image to a composition itself, it started to work. Not sure if that is your case and not sure if you have solved the problem. I've found that some effects don't work with images and I have to precomp them or something. Also not sure if this has something to do with the After Effects version, etc...
This was a great tutorial and effect. Thank you. This is only an observation but at about 4 minutes it sorta looked like The Shroud of Turin. Let the comments begin...lol
Hello,my problem is that my subject's are only appear for 1 frame on the timeline and i can't lengthen it,i would like to make a 7 sec long paralax photo. Can somebody help me?
+Lampapa you gotta go into Composition - Composition Settings. A dialogue will pop up where near the bottom you can set how long you want the comp to be... You want to put in 7 seconds there, then click OK. Voila bitches!
Ok this is going to sound like a real stupid question but when I export to Adobe Media Encoder it just comes out as a .jpg, any suggestions? Thanks man! love your work!
![Felix "Unfair" | [Stray Kids : SKZ-PLAYER]](http://i.ytimg.com/vi/Oswujxm2Ag0/mqdefault.jpg)
WOW one of the best Tutorials I have ever seen, so clear, bit of humor! Thank you so much!
P.S I'm making a short video with so pretty dismal footage and this is exactly what I was looking for! Thanks again.
Extremely cool effect for adding a little extra punch to parallax image videos. So much simpler & easier than I would have thought. Can't wait to use this technique to "wow" some clients!!
Best tutorial on this effect I've seen. Well done sir.
I found using a portrait where the viewer is looking face-on gave the best results. Great tut!
AMAZING tutorial! For the first part however, I just use the magic wand tool, select the empty background, inverse select, and fill in the first layer of white.
Thank you very much for sharing. I have never done this effect with displacement maps before, but will give it a try. I will be anxious to see the difference. I look forward to watching some of your other vids. Thanks again.
you can use the bracket keys to rapidly switch brush sizes up or down. Much faster than right clicking and dragging to change brush size
At 5:46 you resize Lucie, but you don't resize the displacement map to match - that doesn't matter?
john iI was wondering that as well
really appreciated I was always wondering how to do it, it was all clear and simple
I was looking for displacement mapping for laying text over objects in Photoshop, but this is pretty cool, going to try it.
Just a kind tip: 1 blur likely won't suffice for more complex images (such as drawings). It took at least 6 blurs (at 9 pixels as shown) to smooth out enough.
Thanks so much for taking the trouble to make this. Very helpful. You're Good People.
this is sick!
never stop learning.
very well explained.
thanks.
Amazing! Thank you for doing this. Going to watch the video on cutting out images now.
Good video, man. I've used the 3d space concept by using the cut-her-out-from-the-background idea and then creating an animation with Z space, but I haven't seen the displacement map idea. Cool beans.
Thanks a ton..!!!!!
And i used to stupidly justed to draw each part on a separate layer and animate the camera.. (2d Animation for Infinity Wars TCG )
Yes thats really good, one of the better tutorials.
Great tutorial, can't wait for the next one.
I think adding some progressive blur could add even more to the effect...
great job amigo...PERFECTO
Really clear tutorial style, thanks so much. One thing, I do everything right, get a really nice effect in AE but when I export the movie doesn't play back (just stays frozen on the first frame). If I scrub through the video (say in Quicktime or any other program) I can see the effect is there, it just won't play back. Can I ask what settings/codecs do you export from AE with? ever so grateful...
Hi Misterclicky, have you checked that you have the working area set before the render? (set in and out points with the B and N keys for what section you want to render out) and then check in your render settings that the the start and end points are correct.
An easy render would be Quicktime, with the video codec H.264. I hope you work out your problem!
Man!! This is brilliant! Thanks for your work….explained well
Best 3D via DisMap out here! THANK YOU!
Vale, Am I able to create 3D Displacement maps in a 3D space? E.g: Footage of a speakerbox which produces "Soundwaves" in 3D space?
Anyway, thanks for the tut! New sub :)
Keep it up
Great tutorial.. I've seen it many times..
Great stuff, glad i found this tutorial.
Man, it blown my mind! Thank you!
You need to start with the opacity turned down to 15% then you can layer the white on top of each other. Thanks for watching!
Nice. Just curious how you incorporate realistic and animated lighting on the newly simulated geometry.
cool logo (Prizm) also. Nice work! Cheers!
mr its a great tuto only a question why black layer in photoshop? and sorry for my english
Wow, great tut. Thanks for creating it and sharing...
thank u this is a very helpful
u are a good person
ali
In case someone is a beginner here, I think one more thing must be pointed out here.Before saving as a psd , remember to cut the background from the foreground too.Otherwise, it won't work.You'll get two faces in after effects,the cut one and the original one.
True, if you're using the same background that the face was photographed on. Here, he replaced the bg with something entirely different I believe. Otherwise, yes, you need to make sure 1. the face is gone completely from the bg, and 2. the gap left behind should be filled in, probably done easily with the content-aware fill tools.
Absolutely Fantastic
Great Tutorial. Thank you.
That's great! I have some problems when the photo is in a profile side... any suggestions?
Brilliant. Thanks for this!
wow!!!! cool effect i never see befor!!
How would you transition from a parallax wide shot to close up displacement map? Would have to apply a displacement map to her entire body? Or can you just parallax until you get to her face and then use the displacement map?
Thanks very much for this ∇. Very thoughtfully created, amigo!
thank you so much for showing this nice tip.
When you finish up to final product...Say you want to put the photo in a frame and display it on your living room wall with the parallax effect still coming alive on the photo, what do you save it as?
If you wanted to display it in a photo in a frame it wouldn't move, so would defeat the purpose of the making it move in the first place. But if you want it as a video file to playback you can click composition>add to render queue and pick your settings from there, common video settings being quicktime h.264 .mov video.
Glenn Lewis Smith Thanks...It means. it's now become a movie file instead of a photo... I am just thinking of a way to display such a file within a frame in my living room and have the animated part looped.
Jolomi Whyte Hmm not too sure what files digital photo frames can playback, you may have to look into the model of photo frame to find out if it's possible.
Who knew 10 years later that we would be able to type a prompt into a text field and ai would spit out a result like this almost instantly? Insane.
very nice tutorial dude
and yet another awesome tut :)
How are you achieving the different shades of white if you're not changing the settings of your brush?
Found the Answer>>> U are the only person to mention it. I could not change the shades of the brush to grey light grey and/or white. And I did not see how to do on the screen. The fix is to click the mouse after U finish using one shade. After u click the mouse the paint shade will be lighter. U can also just manually change the opacity settings of the paint color . SOLVED
explained well mate...
I tried doing this the way you showed but for some reason the dispmap appears misaligned the picture when I try dragging the max horizontal and vertical displacement sliders around. Even though I made sure the it aligns perfectly with the other layer. Is there anything I can do to fix that?
great effect. I can replicate it on a similar photo. but not on another portraid. I follow exactly the same steps. any idea why?
Hi Joni, difficult to say - is the portrait front facing? The angle of the face can sometimes make the displacement look a little odd.
Great tutorial, cheers.
Super simple question but your logo intro animation where it fades in with that effect whats it called ?
so I have 3 photos of a portrait with different face angles. Is there anyway to blend those 3 images into keyframe animation and have it look smoothe?
Fantastic good job mate!
can I use this effect but with the body? Will give the same outcome?
Thanks for the tutorial.
Can this process be used on an image of a cartoon similar to my profile picture?
Can you do this to a moving 2D animation or do you have to do it frame by frame?
Awesome tutorial! Question...
After a few hours of severe frustration, trying this over and over from scratch without success, I realized that the black background on the displacement map layer was messing it up, and I finally got the effect to work by removing the black background. I am using Creative Cloud (CS6+)...did they change something in CS6 / CC, or is it possible that I have the AE project set up wrong. Either way, I did get it to work. Thanks again for the excellent tutorial.
Hmm it could be dependant on the layer that you set the displacement map onto, if for example the face is not a cut out shape from the background it will warp the entire frame rather than just the face. If that's not the issue, I'm not too sure but glad you got it sorted!
Hi when to paint the black quite confusing there
Nice Tutorial! Thank you very much!
you actually made me say "Wow" good work :D
I watched your video and i looked at your screen but your opacity never changed can you view it and see that your opacity stayed at 15% the entire time you painted white on her face.
You need to start with the opacity turned down to 15% then you can layer the white on top of each other.
I got no idea why, but it's not working. What I'm trying to do is animate a flag animation by animating firstly a Turbulent Noise and Turbulent Displace on a solid which makes it move like a flag but when I add a Displacement Map to the flag image, select the Solid with the TN and TD, change the things to Luminance and move them around it does nothing. I'm using After Effects CS6 and am completely stuck. Please help and thanks
I faced something similar, and I once I converted the image to a composition itself, it started to work. Not sure if that is your case and not sure if you have solved the problem. I've found that some effects don't work with images and I have to precomp them or something. Also not sure if this has something to do with the After Effects version, etc...
could you do this with sony vegas pro too?
hi i need to cut out a image i carnt find your tutoriol on how to do this. please help :(
HEY first of all thankyou for that tuto. BTW imposible for me to find "displacement map" effect.
HOW CAN I DO?
nice tutorial! really nice 3D effect :)
Excellent thank you
Outstanding.
Fantastic! Thank you
This was a great tutorial and effect. Thank you.
This is only an observation but at about 4 minutes it sorta looked like The Shroud of Turin. Let the comments begin...lol
Hey Im trying this but even the black pixels are moving... missing something?
Hello,my problem is that my subject's are only appear for 1 frame on the timeline and i can't lengthen it,i would like to make a 7 sec long paralax photo. Can somebody help me?
+Lampapa you gotta go into Composition - Composition Settings. A dialogue will pop up where near the bottom you can set how long you want the comp to be... You want to put in 7 seconds there, then click OK. Voila bitches!
Nice - thanks for that.
Wow, this looks great, thanks for the tutorial =)
Great Job...
Great tutorial MAN!! at 3:56 she looks like she has tribal war paint on.
amazing tutorial!
Awesome tutorial. Also, Lucie is welcome over at my house anytime.
awesome. you just got a new sub
nice stuff man
awesome. thanks
How can I do but in nuke? Please I need help to solve this!
Ok this is going to sound like a real stupid question but when I export to Adobe Media Encoder it just comes out as a .jpg, any suggestions? Thanks man! love your work!
Ohhh Nevermind, I"m an idiot. I need to be more attentive at the end. ha. thanks!
very cool, thanks!
Thank you very much!
Fantastic!
love it!!
Thank you
I love you! Thanks so much for this vid!
still useful! thanks!
That was great...
But what exactly are "Free Seconds"... ?
Good Stuff Bro!
You legend. Thanks for this video. 👌
Thanks
😘thank you for this tutorial
amazing
very nice bro