View by:

Patterns and Animations

Friday, October 6th, 2006 – running time 13:23
Watch as Bert teaches how Photoshop is also capable of animation.

Previous: Lightning

Next: The Lamp

Highlights
tween ( 11:15, 11:15 ) rectangles ( 1:31, 1:31 ) brick wall ( 1:13, 1:18, 1:19, 1:13, 1:18, 1:19 ) feather ( 9:56, 9:57, 9:56, 9:57 ) tween ( 11:15, 11:15 ) rectangles ( 1:31, 1:31 ) brick wall ( 1:13, 1:18, 1:19, 1:13, 1:18, 1:19 ) feather ( 9:56, 9:57, 9:56, 9:57 )

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

" yeah and."

" Hi welcome to another installment pixel perfect with me of -- Then cover a couple of things -- Talk about patterns. That took about selecting things that the talk about. Of the new feature that lot of people don't even realizes been at the Photoshop and that is animation. Kind of basic but still the capability of adding animation to your stuff don't create a new file right here. 800 by six I sent it to be PI. And it isn't found what you do here is create a brick wall now this is the pattern. But what's important lot of brick wall is unlike normal patterns a brick wall as an interlocking patterns. -- to -- other things create little circle make a pattern out of it it's gonna make circles going up and down the street across but a brick. Our bunch of little rectangles and then that's it up and down -- across it in to lock with -- each other. So it's a more complex type of -- of the pattern going on there. -- how to do this. One thing that most important thing about it a pattern is to have to be perfectly symmetrical because we have the step and repeat. One set pattern stops that this is self back up again -- be perfectly symmetrical so where leaves off the picked itself back up back up and to register. So to get that perfect symmetry I'm going to view. -- And turn on the grid they would see that -- visible ghetto -- here's some good real close and outbreaks. Right now I'm gonna go in here and --"

" Create my single brick. It's been this over little bit but before do that you see my subdivision I got four subdivisions here. I changed that number. I'm gonna change a number of because those subdivisions are gonna give me might grout in between -- certainly use a large numbers so that they will be small enough. Just the size and then you for the crap. This is one of section here will be as single brick so I'm gonna go over to my preferences. And go to grids and slices. And instead of for an increase that to a high number and also because of symmetry. And use an odd number. I might say well an odd number are gonna be symmetrical you'll see once we create that pattern and click okay. And in a separate layer and create my brick. He's gonna do is separate layer is because I want the space between the bricks to be transparent that's where the grout is gonna be so. -- create a knife rectangle here. So that this -- right in there and but the with a nice brick kind of a column like say this color right here I'll go ahead and fill that with that -- I'm gonna duplicate this guy strip across. I'm holding down my option command keys. And dragging it to create a section and very easy -- that one subdivision in between which is a -- between those two pieces of brick. Now to establish that -- to lock. Minute duplicated again and put it directly in the -- and now you see why use the odd number. Because that's center odd. Subdivision is perfectly centered on the these space between the two bits about. Now and create a pattern that's it that's -- these these three bricks analysts elected just like this. Now you notice that I've. -- flush with the top. And I'm not -- at the bottom see this blue area down here that's to grab it's gonna be on the top notice some flush with the brick on this side. The that is on this side I have six subdivisions visible here the five that are missing are right here. Tonight general my background to ensure that the space in between is gonna be transparent and I define my patent. -- There it is. I can select. All dumped it I don't need to see my great anymore so we're going dared say turn off the grid. Go back to full screen turn on the background and then that same later that same layer on the go ahead and fill that. With the pattern which is created for for use things pattern. And I choose the pattern that I want which is right there I click okay and there's my pattern. So now let's give it some life I'm gonna go to background here. As piccolo confident about like say this little beige color and the go ahead and fill that with that base -- it's my filters I say add noise. And we'll -- Illinois is a non make it -- monochromatic is then introduce a couple of things there a little more noise click okay. On the -- themselves I would give them. Of the noise but here I will save monochromatic -- stays the same range of being about to about six that's a strong click okay. Now. You want to get really fancy with this to go billion dodge and burn and add a little variety to these bricks just to quickly do it because you and I mean. I -- my dodge tool. And it's going here get a size about the size of a break I go again like one here and this one here and that went down there maybe this -- over here. And with the burn tool."

" With the sides about the size of -- I would do the same thing are the ones out there one here and so on. You can take time to do it to all of them make it look really good but what I'm gonna do now is getting the mention. And go to layer styles there's stuff that they are right there. And I'm gonna go in here and can be a little double of the boss. He -- pop them out but I would do it and other double said the license has will be on the other side he would make. That the real strong is that it really strong lights and shadows and right click okay. Great so now what I'm gonna do now is a little cold here and get another image another image sitting down here which is right here. Created this is gonna be really fun she's gonna be standing against this wall and -- Itself against a green screen is lot of ways of pulling a mascot it is one but because of background so easy. Let's keep it simple and since they use color range on the many ways of selecting movies coloring. Courage gonna I'm gonna go in there and select the color and pick this screen back here and with the fuzzy has put stuff exists selecting a large area of that green. Right through there. -- okay. That it is selected I want her so I'm gonna simply inverse to selection -- now she selected. And he's into they're all by herself now on picked up there which is right here and drag it over on to his image. More down to position. Now there's black and I got a little green going on there no problem when I would do in this case is to -- go to ninety saturation. -- right there. Answers to saturate that little area over here could that mean that -- Go. We've got that out as usual big that's gonna should just a little bit. -- down just a little -- she's a little smaller right there like that. And -- position her right here and me. So now I'm not gonna have this. And it turns into a layer. Created a new layer. And -- a feature to call merge visible. Which intermarriage all the layers I noticed they all kind of flatten -- became one of me and do that. Well to do is take these layers and merge it into a -- new layer but leave the original -- still there. So would hold down -- modify can hold down my option or the on the windows machines and use that same command. -- visible. Now you know -- got merchants that there but the original is still there would turn that on often. Let's go back to these. I'm gonna do now is on -- go to the latest out of that background and change it turn of the Babylon boss. And given a drop shadow. Make much stronger drop shadow click okay. Now I'm going to take these three and -- visible but I am gonna say. Without the button -- visible. As the -- goes -- into one. Different background effect and her and I'm also gonna go into my hue saturation. And now lightness of the whole thing becomes really dark. Just like that. Click okay. We got this one. And that. That's still a little weird animation with this go back over to this one here."

" I'm gonna select that later. And though we got this one back units this turns away given that -- save it just got back to area. I think that's what and give it and layer mask. Now. Right here layer mask to see you have two choices reveal all and hide all. Now what happens there is that layer mask is gonna use white and black. And grays in between to show the contents of the layer. Where then they are massive black I won't see Blair the contents of Blair where its white eye will see you later. Grays in between legacy of that does a great -- that they -- by 50%. When I'm gonna do is simply hide the entire contents let's say hi to all and it became black. So now. I'm in the -- itself it's still selected. And with a white I'm gonna get a nice little elliptical selection tool -- I'm gonna give a little feather that's gonna feather of about that's a and and -- little circle right here. -- that. Fill it with white there. And how we had this little spotlight. Now we see that the light coming through now I'm gonna move that little circle over but notice that the mask is linked to the layer. Right there and center you have a little link icon what I'm going to do is I'm going to break that link. So now I -- the mask a little bit long but I'll see you later through that little mask so when I move this over you see that now we have it. That. Off to the side there now I come over to my little animation window. Is my animation window which is in his long timeline here and if we see that right so -- create another. -- right there just create another frame and in this frame -- they do is I'm gonna move that mask. I still have that -- elected and move over to here. And now you see there -- he had this little icon which allows me to go in and set up frames in between so I'm gonna click on that and tell me. Hello to get me let's say yes. Ten frames in between that. The position capacity everything is set up tween with the previous frame click okay and it created ten frames when you see that the little. Light is moving I would create one more frame based on that last month and make itself how long these frames are gonna stay on the screen and so once you have all these controls. Don't let going to get it to that right now a to do going to go and create based on the last frame one more frank. And this thing I'm gonna move my mask right on -- her. And between these -- I'm gonna go ahead and set up a little -- again this time I used five. Click okay. And what I have here as we'll see from the beginning here as when I played as if -- had the little thing going across and it goes right back on her. We've decided senate so that doesn't. Does it once it's gonna beginning that it play and it them like -- cross and Angela. These -- have some nice basic animation schools have been built into Photoshop and if you fought. It didn't really look at what I was doing there is actually applying the movement not to any of the elements but the mask. For one of the elements so. Think beyond the box forget. The basic obvious stuff. Go beyond that and think what if I move things here it is going to have a different effect there in this case -- move the mask for the layer that everything stayed. Together now I'm gonna move that masked by hand right now as he could see it as I move it you can see that it's exposing that they are only where I needed. And it created this night the animation of the spotlight shining on ago. I hope you got some matter that I'm looking forward to seeing in the next show. We're gonna explore all kinds of new things that are going on there. Have a good time play that's the best way to learn have fun."

" yeah and."

" Hi welcome to another installment pixel perfect with me of -- Then cover a couple of things -- Talk about patterns. That took about selecting things that the talk about. Of the new feature that lot of people don't even realizes been at the Photoshop and that is animation. Kind of basic but still the capability of adding animation to your stuff don't create a new file right here. 800 by six I sent it to be PI. And it isn't found what you do here is create a brick wall now this is the pattern. But what's important lot of brick wall is unlike normal patterns a brick wall as an interlocking patterns. -- to -- other things create little circle make a pattern out of it it's gonna make circles going up and down the street across but a brick. Our bunch of little rectangles and then that's it up and down -- across it in to lock with -- each other. So it's a more complex type of -- of the pattern going on there. -- how to do this. One thing that most important thing about it a pattern is to have to be perfectly symmetrical because we have the step and repeat. One set pattern stops that this is self back up again -- be perfectly symmetrical so where leaves off the picked itself back up back up and to register. So to get that perfect symmetry I'm going to view. -- And turn on the grid they would see that -- visible ghetto -- here's some good real close and outbreaks. Right now I'm gonna go in here and --"

" Create my single brick. It's been this over little bit but before do that you see my subdivision I got four subdivisions here. I changed that number. I'm gonna change a number of because those subdivisions are gonna give me might grout in between -- certainly use a large numbers so that they will be small enough. Just the size and then you for the crap. This is one of section here will be as single brick so I'm gonna go over to my preferences. And go to grids and slices. And instead of for an increase that to a high number and also because of symmetry. And use an odd number. I might say well an odd number are gonna be symmetrical you'll see once we create that pattern and click okay. And in a separate layer and create my brick. He's gonna do is separate layer is because I want the space between the bricks to be transparent that's where the grout is gonna be so. -- create a knife rectangle here. So that this -- right in there and but the with a nice brick kind of a column like say this color right here I'll go ahead and fill that with that -- I'm gonna duplicate this guy strip across. I'm holding down my option command keys. And dragging it to create a section and very easy -- that one subdivision in between which is a -- between those two pieces of brick. Now to establish that -- to lock. Minute duplicated again and put it directly in the -- and now you see why use the odd number. Because that's center odd. Subdivision is perfectly centered on the these space between the two bits about. Now and create a pattern that's it that's -- these these three bricks analysts elected just like this. Now you notice that I've. -- flush with the top. And I'm not -- at the bottom see this blue area down here that's to grab it's gonna be on the top notice some flush with the brick on this side. The that is on this side I have six subdivisions visible here the five that are missing are right here. Tonight general my background to ensure that the space in between is gonna be transparent and I define my patent. -- There it is. I can select. All dumped it I don't need to see my great anymore so we're going dared say turn off the grid. Go back to full screen turn on the background and then that same later that same layer on the go ahead and fill that. With the pattern which is created for for use things pattern. And I choose the pattern that I want which is right there I click okay and there's my pattern. So now let's give it some life I'm gonna go to background here. As piccolo confident about like say this little beige color and the go ahead and fill that with that base -- it's my filters I say add noise. And we'll -- Illinois is a non make it -- monochromatic is then introduce a couple of things there a little more noise click okay. On the -- themselves I would give them. Of the noise but here I will save monochromatic -- stays the same range of being about to about six that's a strong click okay. Now. You want to get really fancy with this to go billion dodge and burn and add a little variety to these bricks just to quickly do it because you and I mean. I -- my dodge tool. And it's going here get a size about the size of a break I go again like one here and this one here and that went down there maybe this -- over here. And with the burn tool."

" With the sides about the size of -- I would do the same thing are the ones out there one here and so on. You can take time to do it to all of them make it look really good but what I'm gonna do now is getting the mention. And go to layer styles there's stuff that they are right there. And I'm gonna go in here and can be a little double of the boss. He -- pop them out but I would do it and other double said the license has will be on the other side he would make. That the real strong is that it really strong lights and shadows and right click okay. Great so now what I'm gonna do now is a little cold here and get another image another image sitting down here which is right here. Created this is gonna be really fun she's gonna be standing against this wall and -- Itself against a green screen is lot of ways of pulling a mascot it is one but because of background so easy. Let's keep it simple and since they use color range on the many ways of selecting movies coloring. Courage gonna I'm gonna go in there and select the color and pick this screen back here and with the fuzzy has put stuff exists selecting a large area of that green. Right through there. -- okay. That it is selected I want her so I'm gonna simply inverse to selection -- now she selected. And he's into they're all by herself now on picked up there which is right here and drag it over on to his image. More down to position. Now there's black and I got a little green going on there no problem when I would do in this case is to -- go to ninety saturation. -- right there. Answers to saturate that little area over here could that mean that -- Go. We've got that out as usual big that's gonna should just a little bit. -- down just a little -- she's a little smaller right there like that. And -- position her right here and me. So now I'm not gonna have this. And it turns into a layer. Created a new layer. And -- a feature to call merge visible. Which intermarriage all the layers I noticed they all kind of flatten -- became one of me and do that. Well to do is take these layers and merge it into a -- new layer but leave the original -- still there. So would hold down -- modify can hold down my option or the on the windows machines and use that same command. -- visible. Now you know -- got merchants that there but the original is still there would turn that on often. Let's go back to these. I'm gonna do now is on -- go to the latest out of that background and change it turn of the Babylon boss. And given a drop shadow. Make much stronger drop shadow click okay. Now I'm going to take these three and -- visible but I am gonna say. Without the button -- visible. As the -- goes -- into one. Different background effect and her and I'm also gonna go into my hue saturation. And now lightness of the whole thing becomes really dark. Just like that. Click okay. We got this one. And that. That's still a little weird animation with this go back over to this one here."

" I'm gonna select that later. And though we got this one back units this turns away given that -- save it just got back to area. I think that's what and give it and layer mask. Now. Right here layer mask to see you have two choices reveal all and hide all. Now what happens there is that layer mask is gonna use white and black. And grays in between to show the contents of the layer. Where then they are massive black I won't see Blair the contents of Blair where its white eye will see you later. Grays in between legacy of that does a great -- that they -- by 50%. When I'm gonna do is simply hide the entire contents let's say hi to all and it became black. So now. I'm in the -- itself it's still selected. And with a white I'm gonna get a nice little elliptical selection tool -- I'm gonna give a little feather that's gonna feather of about that's a and and -- little circle right here. -- that. Fill it with white there. And how we had this little spotlight. Now we see that the light coming through now I'm gonna move that little circle over but notice that the mask is linked to the layer. Right there and center you have a little link icon what I'm going to do is I'm going to break that link. So now I -- the mask a little bit long but I'll see you later through that little mask so when I move this over you see that now we have it. That. Off to the side there now I come over to my little animation window. Is my animation window which is in his long timeline here and if we see that right so -- create another. -- right there just create another frame and in this frame -- they do is I'm gonna move that mask. I still have that -- elected and move over to here. And now you see there -- he had this little icon which allows me to go in and set up frames in between so I'm gonna click on that and tell me. Hello to get me let's say yes. Ten frames in between that. The position capacity everything is set up tween with the previous frame click okay and it created ten frames when you see that the little. Light is moving I would create one more frame based on that last month and make itself how long these frames are gonna stay on the screen and so once you have all these controls. Don't let going to get it to that right now a to do going to go and create based on the last frame one more frank. And this thing I'm gonna move my mask right on -- her. And between these -- I'm gonna go ahead and set up a little -- again this time I used five. Click okay. And what I have here as we'll see from the beginning here as when I played as if -- had the little thing going across and it goes right back on her. We've decided senate so that doesn't. Does it once it's gonna beginning that it play and it them like -- cross and Angela. These -- have some nice basic animation schools have been built into Photoshop and if you fought. It didn't really look at what I was doing there is actually applying the movement not to any of the elements but the mask. For one of the elements so. Think beyond the box forget. The basic obvious stuff. Go beyond that and think what if I move things here it is going to have a different effect there in this case -- move the mask for the layer that everything stayed. Together now I'm gonna move that masked by hand right now as he could see it as I move it you can see that it's exposing that they are only where I needed. And it created this night the animation of the spotlight shining on ago. I hope you got some matter that I'm looking forward to seeing in the next show. We're gonna explore all kinds of new things that are going on there. Have a good time play that's the best way to learn have fun."