Masking Tricks and Reflections
Sunday, May 31st, 2009 running time 15:03
Create realistic reflections of light using layer masking and warp distortions.
Create a reflection in windows
In Bert's Time Square piece, he focuses on an LG ad that is reflecting on a neighboring building's windows. To create this reflection, flip a copy of the original image horizontally, and distortion and masking to match the window's reflection surface. Having trouble trying to visualize a reflection? Simply pull out a mirror to create a a model. Here are the details:
Use Warp for distortion
Windows create some distortion on any reflection, so you will have to add some ripples of your reflection layer to create a realistic effect. Start the distortion by duplicating the reflection layer, then turning off the original reflection - you'll need this original reflection layer later. Warp (Transform > Warp) a vertical slice of the image and pull in the anchors to give the image s slight ripple effect. Repeat for the remaining slices of the image. After completing the warps, Bert cuts removes few slices of the image, whose selection matches the window's separations. Turn on the original reflection layer, then warp the portions of the image you just deleted. Merge these two reflection layers. Next we'll apply a mask.
Apply masking
Since a reflection consists only of light, you will be able to see transparency more strongly through the darker portions of the image. Turn down the reflection layer's opacity in dark areas by creating a single mask on your reflection layer. You can do this by clicking the mask icon while the reflection layer is active (the icon is third from the left on your layers window). Since the dark portions of this image are somewhat solid, such as the logo and banners, Bert can create a reflection by using the magic wand tool. With this selection, fill the mask with 50% gray. This makes your opacity in the selected areas transparent by 50%. He then brings down the entire opacity of the layer down to 88%, so that the whole reflection is somewhat transparent. In this demonstration, there is a separate layer containing the window's edges. These need to show through the image, so makes a selection (Ctrl click) of the window edges, then fills the reflection mask with 100%. Now, the reflection only appears on the glass, and not the window edges. Add more tone by lightly brushing your mask in desired areas.
Sponsors:
GoDaddy - All GoDaddy special offers are available in one place for you to save. Just visit revision3.com/godaddy to see all PixelPerfect coupon codes you can use at godaddy.com.
Netflix - Rent over 90K titles online including Blu-Ray titles. Free shipping to and from your home. Membership starts at only $4.99 and get a free 2 week trial by visiting www.netflix.com/pixelperfect. Yes, you need to type in the "www" when visiting that Netflix link.
Want your artwork on PixelPerfect?
Make sure to send in your artwork to bert@revision3.com if you'd like your image used as Bert's background on a future episode of PixelPerfect. Your image should be a 1280x720 JPG.
Highlights
foreground
(
11:10, 11:10
)
delicacies
(
1:07, 1:07
)
warp
(
6:23, 6:23
)
foreground
(
11:10, 11:10
)
delicacies
(
1:07, 1:07
)
warp
(
6:23, 6:23
)
Automatically Generated Transcript(may not be 100% accurate) ( more )
" Wow."
" This episode of pixel perfect is brought to you by Netflix and godaddy.com."
" Yeah and."
" It's a perfect will be -- show I show you all kinds of things not today's show. We're gonna look at masks. And reflections and how to go in there and kind of make more work together. Back on the today show was sent by Matt -- can now check out this thing. This actually happened about. Four billion years ago Estes would now with delicacies like these -- the kinda. Satan and -- missing. But anyway. Britain backed the serious stuff but it showed the -- we start let's bank got sponsors. If you make an impact online godaddy.com. Has what TV. Dot com names as low as a dollar and 99 plus world class hosting. Fast and easy web site builders and so much more plus if you ethical pixel four when you check out. You'll save an additional 15% on any order of 75 dollars on war. Some restrictions apply see this site for details get your piece of the Internet at godaddy.com. You can always final list of up all the pixel perfect godaddy deals. And codes at Revision 3 com forward slash GoDaddy and the whole bunch of different deals we've been doing two years yes we've been up a few years now. Also let's bank. Netflix for sponsoring pixel perfect. With Netflix you can rent over 90000 titles online including lots of Blu-ray titles with free shipping both ways to your home. The Netflix plans start from four dollars and 99 cents and as a new member you get a no risk two week free trial membership. Check it out at www. Netflix.com. Forward slash pixel perfect and yes you do have the type that WWW. When using this code. Right now on today's show. So now. I wanna do today is show you the current status of my load -- script piece that I am still working on I would talk about one little aspect of right here we have a."
" On screen and out right here and his -- area right here zoom in on that this is a low rent version of the file but you see right there that does moo reflection. Where did this mean reflection which is basically reflection of this billboard over here has received over here -- What I've done with that is -- about the a couple of things I have the the billboard that I created there. And no one aside so now for the point of the reflection I just did a little. Flip horizontal on the front piece and on the site he's there I did a little flip. -- on the line and I also extended its so it looks like that because society is facing the -- you've seen more of it. I -- Friday's who's gonna -- justice question of looking at things around you. Play with a mirror and and have a couple of things from different angles and see what parts get reflected in how could -- here in reality when you're looking at this -- what you're looking it is billboard you don't even see this area here is just a flat thing but here we're facing it's so. Based on our angle a viewing we're going to see the entirety of what's on that side so it is recreated this little. Shape right here and it's gonna reduce. If you -- the other guy. -- get back here. And what I've done here is -- kind of good about the just the parts we need and right here Wi fi that I have the reflection today there's a reflection. Pretty straightforward. Nice and clean this move. Now we have to put into that glass and make it look like it's really there is a few things to consider here one. The glass the glass is self. Distorts it's not perfectly smooth so there will be some distortion going on there I'm gonna have to go here and and do individual panes going to distort them right. I also have to bring down B. Capacity -- can kind of -- who is because it's just a reflection on glass so we should see to it now when you look at those infections. I'm not equally. Transparent. References that area of the red being a darker color than the rest. You're going to see more through that area you're gonna be able to see more of the background inside the building through this area than you do here. Now again it's a question the study reality and helping -- effect as is is is light that's being reflected. Light. Even be able to see through these darker areas. To the image of the building inside so now. Here it is it's my affection comp it's -- a layer by itself so I'm doing them -- start to distort. Who started to make it look like its inside his class not to do that I'm gonna duplicate. I'm gonna duplicate. I have told them -- turn off this phone for now Anna start working out with different parts to let -- go here I'm gonna select. This section. Now this is this little piece."
" Right in here that's visible right through that glass of red in there now you know is one flew over. Why did at black -- twist things around and really mess them up some -- India and now war that. And go to transform. And -- and I'm gonna start playing around with a couple things just to kind of really mess them up. And make it look like it's. And there and maybe can come out a little bit here and maybe a little twists and hit bottom just to kind of get it up like that. Right so get that let's. Make that happen. That. You're right so now I'm gonna move over. To this area right here. -- I'm going over into sections to -- breaking this up to -- this section here I'm reducing I think we go in and warp it. I get my war began and this time which is kind of bring this and move that. And maybe this piece of cool like that and it's this in this one he and and just the middle part just bend it like that. And they would just cut it was this a little bit bigger -- distortion there. Make that won't happen now going to jump way over to this area. There. And again we're gonna go in there and start to. War. Now going to go in there Aniston's. Colby's. Went down this one up this one over and it's it's kind of really distort this make this a wider in there. And this up a little bit like that and that looks good. Right so there. We've got those right so now. I'm gonna go in here and I would just get rid of certain parts so images. Kind of race right through here. It's the peace in here which don't want that on and we don't want this one here. Okay and the rest were okay. Actually it's just the risk of that we noticed going to be in the other guy -- out those three little pieces and go back to the original one here. And the original one I'm gonna go here and do just the opposite ones that we did from the start. Here. If there reaffirming the right -- I'm going to war that. Is going to go to war. Analysts this kind of -- just bring it up. And kind of stretch it out a little bit. Like so that's good enough. And we tape. This little area right here. Okay let's put this -- back Wi fi where who has we want okay it is that it's going there and what this one. True and right on -- go to war that. And it's just kind of stretches like this. And that might be enough for us into some bit. -- is that one and in the last one right here. This cat that's we have -- more of it meant that and it's going to distort that. War. And it has kind of and some weird stuff to it that make it look of different from the wrath. So there that's good enough. Make that happen okay so now we can start to get rid of the pieces of this when that we don't want right so we have this -- back here. And -- to see you make sure got the right of the case that would cut from right here yeah in the middle. Men take that away. And take from this piece. Right there. Okay and finally. That right so there's."
" All out of reflections which Amanda emergent into one. Of say merge down. All right so now there's -- these are gonna be inside the glass and now we have to start making this will you react with the glass that it's. On top of right so I'm gonna going to give this -- mask. They gave it a mask. Now this area in here this area of the red -- darker color and some of these dark tones in here. You're gonna be received threw him a lot easier so long to do I'm gonna select those are going here with my my magic wand. And gonna select that red in there gonna select this red. And regular flour it this flu -- shift key to start selecting these pieces and Sony's darker tones in there. Okay and is red down here or this red stuff down here. So we got all these these little value selective and out in my mask. In my mask I'm gonna go ahead and fill those bestowed by the menu. And go fill that with a 50% gray. Not 50% gray isn't neutral density is gonna make that area transparent by 50%. -- click okay and I could see that we're seeing through that area he was seen through just partially into that area in back. Not -- overall layer and bring down you passed before. And -- kind of sees through the entire thing but not as much as we see -- dark areas of the the reflection -- other areas now. We need to protect the building because these parts of the building I'm not. Glass so that acronym fact that reflections -- back to my mask again. I'm gonna go to display it on here which has all these little cross sections of metal and the command click on preview icon to make it a selection. In that mask against some -- make sure got black and white here and in that area on them. Go ahead and fill that with. 100% of the foreground --"
" Do you see that that area now have totally disappeared. From the reflection they reflection is now visible only inside the areas of the -- they've been distorted. So it it looks like each piece of the glass is a little different and so want. And you can see that all these nice little areas that have changed about in some cases you might wanna go in there and just and a little extra. Transparency there may be able of the blue Boldon glassware. Reflections kind of broken away so I wanna -- when it goes say like right in here. Well maybe right yes -- do right here to wanna do I'm gonna select that area. To make sure they're long going to affect very right in their all of the mask then I take matte black but -- it's great. But like that things like great and -- my brush. It's a nice big brush. That would hundred gonna look let's go with 200 and I just got it very slightly to just touch in there just -- like that. And you feel that I'm hiding that part of the mask again. Just a little bit just enough. To give them a little extra. Nuances of tone in there that make it look like the bending of the -- has just affecting their life a little bit more. It's just been messing things looking at if you're doing something that's realistic based on something that's real way you have photographic reference or the place itself to see how things are working. If you're taking a photograph -- suggest you take some notes because sometimes the photograph won't pick up everything. Does write down or sketch which -- seen -- getting all the little homes and -- that would make it look right if you're creating something from scratch. You pretty much still have to rely on reality. To see how things work and then apply those things that you saw to the image that you're creating has to make it look real. Even the untrained eyes and look at this and say hey that looks great if you follow pool of these things you should like. Shadows and highlights and so -- to make something good. -- What we saw I was just so some little masking tricks I was doing everything into a single mask for a single layer where I distorted it. To create these. Sense of the class -- and all distorted and then both math -- allowed me to go in there and make that. Reflection visible only what I want to which is in these individual panes of glass. If there's anything you'd like to see on the show. Email me at Burton at revision3.com. And you can also check out the form that revision3.com. Forward slash forms where you can join discussions about the show and you never know maybe -- even influence a future show. Thanks again to -- and you -- for submitting the background and let that thing. It'll be a good sound effects -- media. Get. -- life has been created behind me. If you want to put -- back there and do some weird thing happened back there. You recover his whole green screen which is what I have back to me and you might draw over the fill this whole area right here. Send me your designs to -- and revision3.com. If background should be 1280 by 720 pixels and a JPEG file. Popular -- remember the play's success whether there is assistance they push -- what -- do. See you next week."
" yeah and."
" And."
" Yeah."
" Wow."
" This episode of pixel perfect is brought to you by Netflix and godaddy.com."
" Yeah and."
" It's a perfect will be -- show I show you all kinds of things not today's show. We're gonna look at masks. And reflections and how to go in there and kind of make more work together. Back on the today show was sent by Matt -- can now check out this thing. This actually happened about. Four billion years ago Estes would now with delicacies like these -- the kinda. Satan and -- missing. But anyway. Britain backed the serious stuff but it showed the -- we start let's bank got sponsors. If you make an impact online godaddy.com. Has what TV. Dot com names as low as a dollar and 99 plus world class hosting. Fast and easy web site builders and so much more plus if you ethical pixel four when you check out. You'll save an additional 15% on any order of 75 dollars on war. Some restrictions apply see this site for details get your piece of the Internet at godaddy.com. You can always final list of up all the pixel perfect godaddy deals. And codes at Revision 3 com forward slash GoDaddy and the whole bunch of different deals we've been doing two years yes we've been up a few years now. Also let's bank. Netflix for sponsoring pixel perfect. With Netflix you can rent over 90000 titles online including lots of Blu-ray titles with free shipping both ways to your home. The Netflix plans start from four dollars and 99 cents and as a new member you get a no risk two week free trial membership. Check it out at www. Netflix.com. Forward slash pixel perfect and yes you do have the type that WWW. When using this code. Right now on today's show. So now. I wanna do today is show you the current status of my load -- script piece that I am still working on I would talk about one little aspect of right here we have a."
" On screen and out right here and his -- area right here zoom in on that this is a low rent version of the file but you see right there that does moo reflection. Where did this mean reflection which is basically reflection of this billboard over here has received over here -- What I've done with that is -- about the a couple of things I have the the billboard that I created there. And no one aside so now for the point of the reflection I just did a little. Flip horizontal on the front piece and on the site he's there I did a little flip. -- on the line and I also extended its so it looks like that because society is facing the -- you've seen more of it. I -- Friday's who's gonna -- justice question of looking at things around you. Play with a mirror and and have a couple of things from different angles and see what parts get reflected in how could -- here in reality when you're looking at this -- what you're looking it is billboard you don't even see this area here is just a flat thing but here we're facing it's so. Based on our angle a viewing we're going to see the entirety of what's on that side so it is recreated this little. Shape right here and it's gonna reduce. If you -- the other guy. -- get back here. And what I've done here is -- kind of good about the just the parts we need and right here Wi fi that I have the reflection today there's a reflection. Pretty straightforward. Nice and clean this move. Now we have to put into that glass and make it look like it's really there is a few things to consider here one. The glass the glass is self. Distorts it's not perfectly smooth so there will be some distortion going on there I'm gonna have to go here and and do individual panes going to distort them right. I also have to bring down B. Capacity -- can kind of -- who is because it's just a reflection on glass so we should see to it now when you look at those infections. I'm not equally. Transparent. References that area of the red being a darker color than the rest. You're going to see more through that area you're gonna be able to see more of the background inside the building through this area than you do here. Now again it's a question the study reality and helping -- effect as is is is light that's being reflected. Light. Even be able to see through these darker areas. To the image of the building inside so now. Here it is it's my affection comp it's -- a layer by itself so I'm doing them -- start to distort. Who started to make it look like its inside his class not to do that I'm gonna duplicate. I'm gonna duplicate. I have told them -- turn off this phone for now Anna start working out with different parts to let -- go here I'm gonna select. This section. Now this is this little piece."
" Right in here that's visible right through that glass of red in there now you know is one flew over. Why did at black -- twist things around and really mess them up some -- India and now war that. And go to transform. And -- and I'm gonna start playing around with a couple things just to kind of really mess them up. And make it look like it's. And there and maybe can come out a little bit here and maybe a little twists and hit bottom just to kind of get it up like that. Right so get that let's. Make that happen. That. You're right so now I'm gonna move over. To this area right here. -- I'm going over into sections to -- breaking this up to -- this section here I'm reducing I think we go in and warp it. I get my war began and this time which is kind of bring this and move that. And maybe this piece of cool like that and it's this in this one he and and just the middle part just bend it like that. And they would just cut it was this a little bit bigger -- distortion there. Make that won't happen now going to jump way over to this area. There. And again we're gonna go in there and start to. War. Now going to go in there Aniston's. Colby's. Went down this one up this one over and it's it's kind of really distort this make this a wider in there. And this up a little bit like that and that looks good. Right so there. We've got those right so now. I'm gonna go in here and I would just get rid of certain parts so images. Kind of race right through here. It's the peace in here which don't want that on and we don't want this one here. Okay and the rest were okay. Actually it's just the risk of that we noticed going to be in the other guy -- out those three little pieces and go back to the original one here. And the original one I'm gonna go here and do just the opposite ones that we did from the start. Here. If there reaffirming the right -- I'm going to war that. Is going to go to war. Analysts this kind of -- just bring it up. And kind of stretch it out a little bit. Like so that's good enough. And we tape. This little area right here. Okay let's put this -- back Wi fi where who has we want okay it is that it's going there and what this one. True and right on -- go to war that. And it's just kind of stretches like this. And that might be enough for us into some bit. -- is that one and in the last one right here. This cat that's we have -- more of it meant that and it's going to distort that. War. And it has kind of and some weird stuff to it that make it look of different from the wrath. So there that's good enough. Make that happen okay so now we can start to get rid of the pieces of this when that we don't want right so we have this -- back here. And -- to see you make sure got the right of the case that would cut from right here yeah in the middle. Men take that away. And take from this piece. Right there. Okay and finally. That right so there's."
" All out of reflections which Amanda emergent into one. Of say merge down. All right so now there's -- these are gonna be inside the glass and now we have to start making this will you react with the glass that it's. On top of right so I'm gonna going to give this -- mask. They gave it a mask. Now this area in here this area of the red -- darker color and some of these dark tones in here. You're gonna be received threw him a lot easier so long to do I'm gonna select those are going here with my my magic wand. And gonna select that red in there gonna select this red. And regular flour it this flu -- shift key to start selecting these pieces and Sony's darker tones in there. Okay and is red down here or this red stuff down here. So we got all these these little value selective and out in my mask. In my mask I'm gonna go ahead and fill those bestowed by the menu. And go fill that with a 50% gray. Not 50% gray isn't neutral density is gonna make that area transparent by 50%. -- click okay and I could see that we're seeing through that area he was seen through just partially into that area in back. Not -- overall layer and bring down you passed before. And -- kind of sees through the entire thing but not as much as we see -- dark areas of the the reflection -- other areas now. We need to protect the building because these parts of the building I'm not. Glass so that acronym fact that reflections -- back to my mask again. I'm gonna go to display it on here which has all these little cross sections of metal and the command click on preview icon to make it a selection. In that mask against some -- make sure got black and white here and in that area on them. Go ahead and fill that with. 100% of the foreground --"
" Do you see that that area now have totally disappeared. From the reflection they reflection is now visible only inside the areas of the -- they've been distorted. So it it looks like each piece of the glass is a little different and so want. And you can see that all these nice little areas that have changed about in some cases you might wanna go in there and just and a little extra. Transparency there may be able of the blue Boldon glassware. Reflections kind of broken away so I wanna -- when it goes say like right in here. Well maybe right yes -- do right here to wanna do I'm gonna select that area. To make sure they're long going to affect very right in their all of the mask then I take matte black but -- it's great. But like that things like great and -- my brush. It's a nice big brush. That would hundred gonna look let's go with 200 and I just got it very slightly to just touch in there just -- like that. And you feel that I'm hiding that part of the mask again. Just a little bit just enough. To give them a little extra. Nuances of tone in there that make it look like the bending of the -- has just affecting their life a little bit more. It's just been messing things looking at if you're doing something that's realistic based on something that's real way you have photographic reference or the place itself to see how things are working. If you're taking a photograph -- suggest you take some notes because sometimes the photograph won't pick up everything. Does write down or sketch which -- seen -- getting all the little homes and -- that would make it look right if you're creating something from scratch. You pretty much still have to rely on reality. To see how things work and then apply those things that you saw to the image that you're creating has to make it look real. Even the untrained eyes and look at this and say hey that looks great if you follow pool of these things you should like. Shadows and highlights and so -- to make something good. -- What we saw I was just so some little masking tricks I was doing everything into a single mask for a single layer where I distorted it. To create these. Sense of the class -- and all distorted and then both math -- allowed me to go in there and make that. Reflection visible only what I want to which is in these individual panes of glass. If there's anything you'd like to see on the show. Email me at Burton at revision3.com. And you can also check out the form that revision3.com. Forward slash forms where you can join discussions about the show and you never know maybe -- even influence a future show. Thanks again to -- and you -- for submitting the background and let that thing. It'll be a good sound effects -- media. Get. -- life has been created behind me. If you want to put -- back there and do some weird thing happened back there. You recover his whole green screen which is what I have back to me and you might draw over the fill this whole area right here. Send me your designs to -- and revision3.com. If background should be 1280 by 720 pixels and a JPEG file. Popular -- remember the play's success whether there is assistance they push -- what -- do. See you next week."
" yeah and."
" And."
" Yeah."
mari1ee
Started discussion: June 1, 2009 @ 11:00am GMT
Episode 128 - Masking Tricks and Reflections [Discussion]
Create realistic reflections of light using layer masking and warp distortions.
Watch or download this episode now!
Nobody has commented on this episode yet. Be the first!











