How to Use Displacement Maps in Photoshop
ฝัง
- เผยแพร่เมื่อ 30 ก.ค. 2024
- I Guarantee I Can Teach You to Master Photoshop. Learn How: phlearn.com/aaronwillteachyou
Learn how to use displacement maps in today's episode and help this rad granny out by adding the Phlearn logo to her hat!
You will need two elements for this technique:
-Logo or some sort of design
-Image to place the design on
To start, transform your logo onto the image. You can hold Cntl/Cmd + T, right click, and select Warp to really hone in on the correct angles and perspective. Next, go to Channels and find the one that has the most contrast (this is often the blue). Then, right click on that channel. Select New under the Document Menu. Title it appropriately and hit OK. Now, go to File - Save As, and save it as a PSD. This document is now your displacement map.
Back to the original image we go! Select RGB in the Channels tab so that all of them are selected. Now, go back to the layer tab. While on your logo layer, go to Filter - Distort - Displace. Set the horizontal and vertical scale to 10. It will ask you to load your displacement map, which is the other document that we just saved out. It will automatically start to integrate the texture into the logo!
Amazing quick tip: If you press the logo above the layers next to the word "Lock," anything you do will ONLY affect the pixels on that layer. You can think of it as a mask for your logo! This is called Locking the Transparency.
Feel free to play around! Try filling the logo with a color and then experimenting with blend modes. In this case, we chose to use Overlay.
Website: phlearn.com
Facebook: / phlearn
Google+: plus.google.com/u/0/116791098...
I ve seen youtube tutorials of displacement maps many many times, but this one is the first one that I can understand. Thank you Phlearn!!
Thanks to Phlearn I'm finally starting to feel like Photoshop isn't so clumsy... or more correctly, that I'm not so clumsy with Photoshop. I've seen a lot of good teachers with a ton of good information, but no one compares to Mr. Nace when it comes to instruction.
Definitely the easiest way to create a displacement map... Other tutorials make it much more difficult to understand... Thanks Aaron... You're a beast!
***** Hey Aaron, do you know why Ps CC no longer has the Oil Painting Filter? What did they do with it? CS6 had it but it seems as though they've taken it away and replaced it with the Camera RAW filter... Thanks... How about a tutorial on making an image look like an oil painting?
Perfect timing! I couldn't believe my dumb luck that you posted this. I have a client that wants her logo put on one of those black foam microphone covers. I used warp to make the letters wrap around, but the texture was off. This is what I needed, and didn't even know what this video was going to be about! Perfect! Thanks a lot.
I had learned about displacement maps many years ago, but it completely went out of my mind. Thank you Aaron.
I can think of many ways to use this one. I do not know how it will work on composites but its definitely given me some ideas to blend shapes to textures. I am going to have fun. Thanks again. :)
Best channel about Photoshop, Aaron You're my master, the god of Photoshop.
I absolutely love your tutorials. You made me fall in love with Photoshop again and remember how awesome it is.
Really excellent teaching, well organized and prepared, no time wasted. I am eager to watch more of your vids!
+merry clingen
I agree, some others waste too much time.
Thanks a lot for this. Just like all of your other tutorials, Super easy to follow, full of information. Phlearn is awesome!
I have learn so much from you guys! I hope that learning this helps be a good photo editor one day.
Sometimes when the individual channels are not satisfying enough, I will use a channel mixer adjustment layer with output set to grayscale, inverting channels as needed. Sometimes I'll even stamp down the layers or else put them in a layer group, then apply a curves adjustment layer. This way, i get a very accurate representation of the contrast on the base layer. This is also great for masking, when isolating selections from background, especially in older versions of Photoshop which lack content-aware fill...
I couldnt pay any attention to you Nace, that photo was awesome.....
***** talk about use all your resources...I cant stop LoL...taking notes,sir..kudos...
Great tutorial! you make me happy every new episode!
Thank you for this my friend. I am learning so much from your presentations, please keep up the excellent work.
This technique .. with a pinch of the previous one (Lightning effect and emboss ) could really create realistic integration on fabrics and more.
Thank you.
Thank you so much for the tutorials Aaron. I wasn't aware of this technique, very cool.
Love this one. It's a proper life saviour. Thanks for sharing all that knowledge.
I'm loving this and the last few episodes :)
This is awesome! I am loving the image!
you are great teacher.i am learning well from your tutorials dear Sir, Thanks a lot.
God bless you.
Priceless suggestion for my next photo-manipulation project.
Dude, I found your tutorials a couple of weeks ago and they're the best ever. Never has anyone been so clear and to-the-point. You're awesome ;). BTW, how do you get to see those pinkish X-Y axis on your document? Is it an extension? Thanks!
Great tutorial as always. Really helping me out through University, thanks. :)
Thank you soooooo much. Love all your videos. That have really helped me out. Can you bring your mom back for another episode lol. Shes the best
Always brilliant
Thank AARON
Excellent and very informative. Thank you!!
Hola , todo un artista como de costumbre . Gracias , saludos .Enhorabuena .
Hi Aaron, so useful to know this - Thanks
Awesome - your tutorials help me out a lot! Thanks for doing this!
If you need some inspiration for an other episode:
Would love to know how to create this "Matrix"-esque camera movement effect out of a couple of pictures (e.g. 3 pictures of a jumping skater taken simultaneously from 3 different angles). But I guess this would have to be done in After Effects anyway....
MANY MANY THANKS AARON!! You Rock!!! :D
Amazing tutorial as usual .....
I like it .
These are the best PS tutorials on the Web. Astonishingly helpful. And let's face it, the word phlearn is just about the nerdcooliest word ever....just sayin'
Great video Phil.
If you slightly blur the displacement map it looks even better!
Respect from green Bangladesh. You are amazing!
I think I'm going to have to favorite this one. Never even knew this stuff existed :o
Cool tutorial, thanks for sharing!
Wish there was a channel like this for InDesign. Awesome!!!
***** For After Effects you're going to want to check out Videocopilot.net and anything that Andrew Kramer is talking about on the internet.
Chris Y He's like the god of after effect.. So cool right
Awesome Aaron
You are just soo awesome, thank's soo much guy's :]
Awesome just what i needed
Love your videos man
GREAT TUTORIAL !!
I love the bloopers in the end xD
Excellent Job.. Aaron
Amazing job!
Thank you very much!
Awesome!
that was awesome, aaron! thanks. just a question, how do you determine the displacement's horizontal and vertical scale? is it always 10?
Wow great tool!
Respect From Tunisia.
my favorite part is the ending it gets me every time XD
So coool!!!!
Omg this is so amazing! What photoshop software are you using?
I love you! I love you, you handsome.your tutorials help me out a lot! Thanks for doing this
Thank you!
Thanks, Very helpfull!
I learnt two things here - what a displacement is and how to do it! Never heard of this before..
great tutorial mr iron man
love it. whenever i randomly want to learn something new or brush up in photoshop i search youtube. out of all the vids that come up i always watch yours first. your teaching style is so easy to follow along with. thanks for breaking it down. [sarcasm] hey maybe you should start a company doing this [/sarcasm] LOL.
seVenblUnts sevenart7 on flickr. sevenblunts on tumblr.
Granny is DOPE!!!
AWESOME
Hi guys - I'm wondering if u have an episode on making a water ripple effect on a TV screen - u know, like when a movie character walks right out of your TV, it kinda creates a water ripple effect on the TV screen. BTW - Great job Team Phlearn...Keep up the awesome videos!
Thanks!
Hi Aaron, great video an love the picture. Question for you, how an you make the displacement map different colors? What if you wanted the logo to be a light pink, or perhaps a dark green? Are you able to do that?
Hi I've been following this tutorial through but run into a problem when it comes time to apply the displacement map, at which point ai get an error message that says ; "Could not continue. Displacement maps must be 8 bit/pixel". I am unsure what I need to change resolve this problem.
One word "GREAT"
Hi, thanks for the tutorial.
I have a question: I'm a little bit familiar with 3D modeling softwares, predominantly Blender. Usually when preparing a Bump/Displacement map for my textures I simply take the image, desaturate it and adjust contrast if I need to and that's it.
What is the advantage of using the RGB channels? Will the above solution work just as well? What if we have an image where neither of the channels has sufficient detail (contrast)?
Thanks
Aaron Nace the best!
Now that you can get a depth map from any image in photoshop, thanks to the neural filter depth blur. it is perhaps a good time to revisit displacement maps?
In particular, I wonder if you could cover how to create a 3D version of any 2D by first creating a depth map with the neural filer, and then a left and right eye view using the displacement map? And perhaps finish off by turning the two views into an anaglyph, using the channel mixer, or layer styles..
While the depth maps that PS can now make give good left and right eye views and anaglyphs, if I make the latter in StereoPhoto Maker, I have not been able to get good results with the displacement filter in PS..
Hi Aaron, can you make an episode to show us how to combine a photo of a luxury house and a photo of maple trees and make it looks realistic?
When I tried to do this, I found few challenges.
1) matching the colour and tones of different photos
2) matching the perspectives of two different photos
3) the beautiful yellow and red maple leafs doesn't match the green colour of the plants in the luxury house picture
"Ok. So here's where things get a little bit tricky. Just follow along"
lol. classic warning.
Hey Aaron. In one of your previous videos, you showed us how to use the vanishing point filter to put a logo on an image. Is there a benefit to manually warping the logo as opposed to using vanishing point? Thanks.
Hey Nace,I was wondering how could you be able to use the tools in so many different ways.Actually I mean is there an easy way for us to select the most suitable tools or methods to create a certain effect.Forgive me if my question is a little confused.And I really appreciate the work of your team.Big fan of yours!!!Wish you could tell me something.
Aaron, When you are aligning your text (or whatever object you need to center) to the canvas you don't need to create another layer of fill. Just stay on your that text/object layer and Select All. The alignment panel will light up for you to choose how you want to align your object.
I totally forgot about displacement maps already... used to use it.
Hey Arron! If I want to use the displacement map technique but keep the original color how do I do that? For instance your black logo went to a dark beige when you changed the blending mode to overlay. Is there a way to keep it black and still have some texture showing within the logo? Thanks! Keep up the great PS tutorials! -Sparky
soft light is love, soft light is life
the model it's the best!
Hi Aaron. Thanks a lot for all tutorials. They've totally changed the way I do things. Quick Q. I've read that displacement maps work better if you give them a touch of Gaussian blur before you save them. Is this true?
Yes, you need to get rid of any pixelation or texture, you need it to be smooth, so gaussian blur slightly.
Thanks.
than you for what you do . can you make an episode about street photography images editing please ...
1. could you make a video on how to add fabric patterns onto existing photos using displacement maps/warping?
2. when changing blend modes, is there a way to keep the integrity of the original color? ie. if you choose multiply or overlay, it changes the original color altogether
Can you please do a video putting a fashion print onto clothing (dress with folds) using displacement?
have any tutorial on how to make a bump map out of a image?I feel like that displace map can be useful for that
Nice sir... Please upload Photoshop visiting Card video
What are the point of the vertical and horizontal scale values? I remember a tutorial from (a long time ago) that implied it was like a mathematical grid, and the values pointed in the direction of your subject. 10,10 would be pointing to the top right, -10,10 would be too left, -10,-10 would be bottom left and 10, -10 bottom right.
You would push the value to make the displacement turn more.
BUT, I never got it to work. Anyone know?
Is it possible to do that with something that it's not monochromatic, or just one color? Let's say I've got a Black & White picture and I need to apply it on a texture...will it work?
Thanks Aaron for your lesson, love your long hair...
Hi Aaron, I couldn't help noticing that your "Extensions" were inactive, you don't use any extensions in Photoshop? Not even GuideGuide?
This is awesome. I love your tutorials so much, and you are definitely the sexiest man alive.
idk why but every time I get to select that displacement map PSD file, I just cant select it cause it's not active. Can you tell me what's going on?,
Good tutorial. But how do you do i you want the logo blue, or red, or completely black ?
Because we can see when you change de blending mode, the color change too, the logo don't still black.
Sorry for my english :/
does the logo/text have to be black or white or can it have many colors?
My son has officially requested a blooper reel please. :-)
Hey Dude I don't watch these videos much so I don't know if it's how you normally sound but you sound a bit sad, if you are don't worry man be happy. Bob Marley. R.I.P
I think I can get a new awesome carpet . . . of course in photoshop :)
Great video. (when I went back to my displacement map, PS error, because displacement map is 16 bits/channel..? Tried to fix. All others are greyed out. Help.)
Never you mind... I got it.
I would recommend a tutorial on the HDR effect :D
How to put a shadow of a subject into an other image while compositing? :)
Hi, Aaron! Is that a photo of your grandma?
So... while I'm alone here : DO you plan to do a "advanced scripting" tuto ? with javascript maybe ?