View by:

Displacement

Thursday, February 1st, 2007 – running time 09:46
It might take Einstein to help explain the complex physics of bending light, but when it comes to bending pixels, it is an art commonly referred to in Photoshop as displacement. Displacement can let you use the lumonosity values of one image to bend the pixels of another; a "relativity" of sorts. No offense to Einstein, but Bert can explain this one on his own.

Bert has made his source files available for this episode available here

Previous: Colorizing

Highlights
Academy Award ( 8:29, 8:44, 8:29, 8:44 ) Hulu ( 6:12, 6:12 ) neutral density ( 3:01, 3:01 ) foreground color ( 1:42, 1:42 ) Academy Award ( 8:29, 8:44, 8:29, 8:44 ) Hulu ( 6:12, 6:12 ) neutral density ( 3:01, 3:01 ) foreground color ( 1:42, 1:42 )

Automatically Generated Transcript(may not be 100% accurate) ( more )

" It's."

" I welcome pixel perfect -- on right. Show actual kind -- tricks in Photoshop and few other things here and there. Today I'm gonna cover something that was broken a lot of emails and it happens to be the very first thing I ever discussed on tech TV way back in 2001. I put it up in a few of these episodes and people keep asking what exactly is displace. Can -- new show displacement. That's around. Displacement is just a way of bending pixels something that -- been asking for a long time. Except it's been under for a long time -- most people don't really understand because when you look at the filter and say much so let's study that this episode. Right now on the screen we have this very simple sign. Says next exit nowhere. -- whose shadow for the sign. Time to take that layer that has assigned -- of the duplicated. And the one back here. I'm gonna. RBI through one front won back in the -- the transparency. And fill that with black patches had the option. Delete key which would be alt back space on -- PC that just fill the currently there would be foreground color. Not -- all -- that transparency and let's see the sign again. I think that's science and given my soul distortion -- come over here to distort. And I'm gonna drag this Cornel way over here. And dragged his other corner. Way down in this area that's pull this over a little bit so we get this nice long sign like that really long kind of a shadow. There. Click okay. Not a shuttle looks pretty good right except. When we look at the ground now doesn't look right. Why because it affected the ground is all rippled and the sign the shadow criticized the perfectly straight. It should conform to those little ripples I could bring down you pass a little bit. But it still doesn't look quite right and there's also a really -- a whole another feature so I'm gonna do is I'm gonna turn these guys off. And that duplicate that signs. Is that I have total now to the shadows and maternal the one in the back first now you'll see why in a little while wire -- have told. I would go in here and displaced it's now what exactly happens would displace. Displaced uses the Newman Haas the values of one image to -- the pixels on -- out. The knew nothing about the lights in the darkness when we have a neutral density like a 50% gray and have no effect on the art. And I think people waited in fatigues and -- can move things up and that -- right. And in dockers and moving down the left so when we look at the sand here we see little mounds are going up where -- light in down wooded dark. Let's just turn that off and I'm in that layer and come up here to my filters distort. This place. Now limited dialogue box that's why most people don't understand it's not very descriptive doesn't really say this is the bending things. So right now might be a horizontal scale is set to ten and vertical scale since that's the default and only needed that it's a little overkill in this case somebody did that system. Really exaggerate the effect. Now -- that we see displacement map that's that second image you wanna stretch it to fit Tyler it. In this case it has to be imperfect register so my displacement map is the exact same dimensions and resolution as this little filed that I have here. Some believe those things below as news and click okay. Nicely of the second window pops up that's asking me to choose a displacement map that is to second image and we just cancel this for a second and right back here we see that a have a file that's justice and that's the file that I'm going to use. Does come back to appear and who would again face filter distort displace. Even this is okay chooses displacement map. And right here on my idea. Sheen I have this little desert right there is a -- myself when I say open. You see that everything got all bent out. Now when -- put descend on we see that the little -- of going up and down and over and across the sand now we have this road going through here which now looks wrong. So we don't want to go in the induced to take that second sign that's -- one that told was to put it behind the road and the one that's nice and straight. I'm going to clip with the road. I think option click between these two layers to create a clip and go and now you see the illusion that the -- is the shadow is rippling across dissenting going straight across to route. Let's think that a step further."

" In this particular case I'm going to create an image. -- I don't have a displacement map I don't have a second image and this happens to be the exact same demo I did back in 2100 convict. I'm gonna take this flag and headed waving in the -- Now the flag itself it's pretty easy to make it straight off. Very difficult to make it waving in the -- So this could have been scanned out of Annapolis I happen to have created this and illustrator but it's straight on much easier to do it that way. You see that it's in its own layer. So I wanna do don't create my displacement map my -- second image and create that displaced map here and create a new layer. And take that layer and I'm going to fill it. The -- within 50% gray. I remembered at that isn't the density you'll have no effect and -- just attack -- the flag underneath it and then with a nice big soft brush act as 100 mile throw some tones in like this. This black gradient here and new black -- into this little area right in there and Hulu kind of a -- shape in here with a black. To switch into white a pro white right through here wait in there and even white in this area here. And capacity back up -- percent. Not a soft released homes czar against that -- pay this off the might transitions will be some ongoing implement this. Doolittle gauzy blur it's soften up to make them nice and soft. Go. Now needs to be separate and it's going to do is a must select all. Copy it -- you. Pace there it is not -- have to be open and then go ahead and close. But I do have the save it so I'm my desktop I'm gonna call this Mac. And say."

" Now back here again -- select and let's turn off that layer and go to the flag itself here I am in the flag come up and I -- filter. Distort. This place again I'm gonna leave it and in fact this time with push a little bit let's go to fourteen. And twelve. Other stuff don't touch it goofed again my displacement map is imperfect register the exact same size. And click okay. And -- for my map on my desktop there's the map which has created. As they open now we got these nice the ripples we've introduced a third dimension to a flag which means to enhance that we need lights and shadows. It's just so happens that the displacement map is right above it which caused the ripples. That's the perfect basis from highlights and shadows. I'm going there and -- these two together. And that changed the mood for that little map there in to something like hard light. Reduced capacity just a -- And then merge down."

" And now I can take that -- and do it traditional distort. And to bring this side down maybe in a little bit and this -- over. And there we have a flag waving in the way. I hope that explains displacement. Is a lot of ways in which you can use this thing it's a way of controlling how things are going to me. It's a way of taking one image and bending another. This is use a lot and movie industries and TV commercials all kinds of places so in fact this happens to have won an Academy Award. The movie the of this. Where this what are creature takes on these of characteristics of people's faces in order to communicate with people. They took footage of the people making the faces and news that displaced water creature in that that movie. And won an Academy Award. I hope you learned something from this I like to thank my yes sponsors godaddy.com. The guys who will. Host a website host your -- domain name even design your website for you and have a special. If you go in there and you type in. -- code. Which happens be -- on when he got that one BE RT. You go there and they will give you an additional 10% off of any order. Hope you learned something remember to play the best way to -- to learn this is the play don't think of this work into the display. See in the next show."

" It's."

" I welcome pixel perfect -- on right. Show actual kind -- tricks in Photoshop and few other things here and there. Today I'm gonna cover something that was broken a lot of emails and it happens to be the very first thing I ever discussed on tech TV way back in 2001. I put it up in a few of these episodes and people keep asking what exactly is displace. Can -- new show displacement. That's around. Displacement is just a way of bending pixels something that -- been asking for a long time. Except it's been under for a long time -- most people don't really understand because when you look at the filter and say much so let's study that this episode. Right now on the screen we have this very simple sign. Says next exit nowhere. -- whose shadow for the sign. Time to take that layer that has assigned -- of the duplicated. And the one back here. I'm gonna. RBI through one front won back in the -- the transparency. And fill that with black patches had the option. Delete key which would be alt back space on -- PC that just fill the currently there would be foreground color. Not -- all -- that transparency and let's see the sign again. I think that's science and given my soul distortion -- come over here to distort. And I'm gonna drag this Cornel way over here. And dragged his other corner. Way down in this area that's pull this over a little bit so we get this nice long sign like that really long kind of a shadow. There. Click okay. Not a shuttle looks pretty good right except. When we look at the ground now doesn't look right. Why because it affected the ground is all rippled and the sign the shadow criticized the perfectly straight. It should conform to those little ripples I could bring down you pass a little bit. But it still doesn't look quite right and there's also a really -- a whole another feature so I'm gonna do is I'm gonna turn these guys off. And that duplicate that signs. Is that I have total now to the shadows and maternal the one in the back first now you'll see why in a little while wire -- have told. I would go in here and displaced it's now what exactly happens would displace. Displaced uses the Newman Haas the values of one image to -- the pixels on -- out. The knew nothing about the lights in the darkness when we have a neutral density like a 50% gray and have no effect on the art. And I think people waited in fatigues and -- can move things up and that -- right. And in dockers and moving down the left so when we look at the sand here we see little mounds are going up where -- light in down wooded dark. Let's just turn that off and I'm in that layer and come up here to my filters distort. This place. Now limited dialogue box that's why most people don't understand it's not very descriptive doesn't really say this is the bending things. So right now might be a horizontal scale is set to ten and vertical scale since that's the default and only needed that it's a little overkill in this case somebody did that system. Really exaggerate the effect. Now -- that we see displacement map that's that second image you wanna stretch it to fit Tyler it. In this case it has to be imperfect register so my displacement map is the exact same dimensions and resolution as this little filed that I have here. Some believe those things below as news and click okay. Nicely of the second window pops up that's asking me to choose a displacement map that is to second image and we just cancel this for a second and right back here we see that a have a file that's justice and that's the file that I'm going to use. Does come back to appear and who would again face filter distort displace. Even this is okay chooses displacement map. And right here on my idea. Sheen I have this little desert right there is a -- myself when I say open. You see that everything got all bent out. Now when -- put descend on we see that the little -- of going up and down and over and across the sand now we have this road going through here which now looks wrong. So we don't want to go in the induced to take that second sign that's -- one that told was to put it behind the road and the one that's nice and straight. I'm going to clip with the road. I think option click between these two layers to create a clip and go and now you see the illusion that the -- is the shadow is rippling across dissenting going straight across to route. Let's think that a step further."

" In this particular case I'm going to create an image. -- I don't have a displacement map I don't have a second image and this happens to be the exact same demo I did back in 2100 convict. I'm gonna take this flag and headed waving in the -- Now the flag itself it's pretty easy to make it straight off. Very difficult to make it waving in the -- So this could have been scanned out of Annapolis I happen to have created this and illustrator but it's straight on much easier to do it that way. You see that it's in its own layer. So I wanna do don't create my displacement map my -- second image and create that displaced map here and create a new layer. And take that layer and I'm going to fill it. The -- within 50% gray. I remembered at that isn't the density you'll have no effect and -- just attack -- the flag underneath it and then with a nice big soft brush act as 100 mile throw some tones in like this. This black gradient here and new black -- into this little area right in there and Hulu kind of a -- shape in here with a black. To switch into white a pro white right through here wait in there and even white in this area here. And capacity back up -- percent. Not a soft released homes czar against that -- pay this off the might transitions will be some ongoing implement this. Doolittle gauzy blur it's soften up to make them nice and soft. Go. Now needs to be separate and it's going to do is a must select all. Copy it -- you. Pace there it is not -- have to be open and then go ahead and close. But I do have the save it so I'm my desktop I'm gonna call this Mac. And say."

" Now back here again -- select and let's turn off that layer and go to the flag itself here I am in the flag come up and I -- filter. Distort. This place again I'm gonna leave it and in fact this time with push a little bit let's go to fourteen. And twelve. Other stuff don't touch it goofed again my displacement map is imperfect register the exact same size. And click okay. And -- for my map on my desktop there's the map which has created. As they open now we got these nice the ripples we've introduced a third dimension to a flag which means to enhance that we need lights and shadows. It's just so happens that the displacement map is right above it which caused the ripples. That's the perfect basis from highlights and shadows. I'm going there and -- these two together. And that changed the mood for that little map there in to something like hard light. Reduced capacity just a -- And then merge down."

" And now I can take that -- and do it traditional distort. And to bring this side down maybe in a little bit and this -- over. And there we have a flag waving in the way. I hope that explains displacement. Is a lot of ways in which you can use this thing it's a way of controlling how things are going to me. It's a way of taking one image and bending another. This is use a lot and movie industries and TV commercials all kinds of places so in fact this happens to have won an Academy Award. The movie the of this. Where this what are creature takes on these of characteristics of people's faces in order to communicate with people. They took footage of the people making the faces and news that displaced water creature in that that movie. And won an Academy Award. I hope you learned something from this I like to thank my yes sponsors godaddy.com. The guys who will. Host a website host your -- domain name even design your website for you and have a special. If you go in there and you type in. -- code. Which happens be -- on when he got that one BE RT. You go there and they will give you an additional 10% off of any order. Hope you learned something remember to play the best way to -- to learn this is the play don't think of this work into the display. See in the next show."