Banners
Thursday, February 15th, 2007 running time 09:38
No, not advertising banners on websites, but banners in the original sense of the word such as described in the current wikipedia definition: "A banner is a flag or other piece of cloth bearing a symbol, logo, slogan or other message." In this episode, Bert shows how to create a banner that is flowing back on itself with ripples using the pen tool that he described in episode 18.
Bert has made his source files available for this episode available here
Highlights
Wacom
(
0:47, 0:47
)
South America
(
3:07, 3:07
)
big brown
(
1:41, 1:41
)
RF
(
8:50, 8:50
)
Wacom
(
0:47, 0:47
)
South America
(
3:07, 3:07
)
big brown
(
1:41, 1:41
)
RF
(
8:50, 8:50
)
Automatically Generated Transcript(may not be 100% accurate) ( more )
" Yeah."
" I welcome to another episode of pixel perfect Whitney -- on right. Show where -- show you all kinds of Photoshop tricks and whatever else comes to mind. And -- my Wacom mustn't take time that would actually to a right on the screen. Really wonderful little tool out people ask about it it's via its decorator pattern except in this case the screen is the tablet. I actually to a right on the screen like these are on the wrist and justice much better it working. Now in the last episode platoon had used pencil this episode a -- answer requests and use the pen tool to do it. -- with -- bath and I was given quite a few URLs of sites that had incorporate these kind of things and then at banners. As a flowing in the wins unlike the flag of the few weeks ago. I'm gonna do a banner that's kind of sending back on itself has got all these nice that ripples and it will start by creating some text at Texas going to be on my banner. And that's gonna become the guide for my banner. And could go in here and let's pick a nice color throughout text let's just say we pick nice kind of a big brown like this. The deeper click okay and I'm gonna type regular on the screen I'll type in revision. There we go out and gotta spell it right right there you go Revision 3 so now this is text. Meantime expect goin' good to make text tool and Michael might walk function up here and I'm gonna choose. Flag state flag is gonna give it makes little twist in the making even more so little less that's -- just like that. And click okay. Another had this this becomes the basis for my banner it's going to follow this and we use the pen tool to do that. Now keep in mind that right here to -- the -- larger then the actual text. I and that he is a text as a guide for myself so I switched my pen tool on the start right over here. Right I -- this little corner there that's from the start."
" Click and drag anti drag got a handle the follows attendant curve on the going straight up above down below its kind of following that her. This clinical right about there are pulling up the panel to about a third distance to my next point which is gonna be right about here. And right click and drag Mac it always it just does layers so it's no problem. I come over here and do a little click and drag to say that now is gonna be to part with little. Flag is. Bending back on South America. -- has going to be straight. Right down like that. And I'm gonna go back on itself. I'm gonna pour lot of new handle from here multnomah option key you give me that ability to pull out a new handle I come over here and right click and drag. Come down here. Click and drag and then finish it off right there. Now here I'm going to pull out -- handle an angle like this and still holding the option key and then close it off click and drag. So now that's a justice that we get it just a way you want that's pull this down a little bit. And a pull this handle in -- not see how it's following the type. Let's pull this guy out a little bill does that that and that's looking good let's pull this down. Like that now we've got this nice little banner that's phone to shape of the text itself. Now his what's gonna -- on itself. -- and create a new path red -- this one on the pole right from this point him gonna pull up a little handle like so. Come over here and collateral curve like that see how would be a wonderful thing and then come over here and then down. That's his low point so I'm gonna go in here and -- shape like that. Poland you handle come out here shipment that and pulled back and you handle come over here and close it off now. Just click -- my option key so I have no handle and not disclose it offered going over the original path point right there. So this is the shape we need to modify it slightly this is a little too thick film I want to pull this down a little bit and maybe closes up a little so we'll too strong. Every -- we have the solution. Now this is part of the flag flew back five that we see and create another path that starts right here at the edges curve go up here. And here -- can kind of overlap but it doesn't matter is going to be behind just make sure that they have enough space this that is an overlap. And I'm gonna have to go holes visible to the I have three different -- and make my single banner. So. In a layer behind here again the text on the select. Might. Basic shape of the banner select that and I'm gonna for the with a nice color that's going to pick something that's a little more of a golden color like that. Click okay. And they hear it India path -- I'm gonna take that guy and just say that it. Not since I had a path selected it only use that happened the other two was left alone. So. Let's go back over here. I'm not gonna take my text."
" And merge it down into my flag merge down they became one. I hold down my command key controller PC and create a new path or rather new layer which automatically -- to be kinda currently selected -- And there I want to select."
" This part of my banner and fill it with that same color again in that new layer -- say go ahead -- that. And then finally. I'm gonna select. This path and -- layer behind all of them way back here. I'm gonna go ahead and fill that path with the -- now. There's no definition right right now so I'm gonna going to start getting some lights and shadows to do it's. So let's start with the top mostly middle it has attacks. And they don't here and -- with my dodge and burn tools and most are adding some effects has been a nice big brush and I'm -- and makes little highlight right through here. And that's and a little one right say right in here. Just like that now would my burn tool. Make a little bigger. -- darkness right along this edge here and -- bigger and a little darkness there a little darkness right at the -- right there. And as a little dimension going on there."
" And this layer here this is the one that's sticking out -- at a little shadow Bonilla might burn -- state and -- right in there. And maybe a little bit at the very fit. And -- with a little highlight. Who dodged just give it a little pay dodge right through the middle here that the light that. And then comes that third layer the one back here that's radiance that part where it's wrapping around itself. I'm gonna give that a little highlight right inside here nice bright highlight. And with a little burn tool which is -- darken at the edge right there. And then we see that we have this little banner that's kind of blowing in the wind and it's wrapping itself. Although like the flag I did a few episodes ago this time it's just who the other side of the flag wrapping around now what's very important. In doing this is right here in this little area. Writing here. It'll point to succeed it. And then make sure that those edges and there are nice and curve it cannot. It's gonna look like your little flag that kind of press has seen there you want to make sure that these that -- a really nice and round. These who shapes here can be an -- if you want it could be a little rounded shape it can be -- can be whatever you want to be. That's the beauty of the pen tool you can decide what you want and play around that to a do you have exactly shape you want and then you Philip -- things need to do it. I hope that expanded to area. Hope at a time remember to play as the best way than in Photoshop and sit there and play suicide does and answer a few different numbers see what happens. Play that's -- learn on affect my sponsors that go W dot com. And godaddy will set up your website they'll host your website the Soviet domain name don't even designed it for you and if you entity out. The code perfect PE RF ECT like theory here on the screen. Odyssey what will you get -- Me when you check out and get your dot com domain name for just 695. A year. By entering that it's concludes -- six and one that's pretty good I think it goes through that for my website. We had a good time to in the next show -- I was sure."
" Yeah."
" I welcome to another episode of pixel perfect Whitney -- on right. Show where -- show you all kinds of Photoshop tricks and whatever else comes to mind. And -- my Wacom mustn't take time that would actually to a right on the screen. Really wonderful little tool out people ask about it it's via its decorator pattern except in this case the screen is the tablet. I actually to a right on the screen like these are on the wrist and justice much better it working. Now in the last episode platoon had used pencil this episode a -- answer requests and use the pen tool to do it. -- with -- bath and I was given quite a few URLs of sites that had incorporate these kind of things and then at banners. As a flowing in the wins unlike the flag of the few weeks ago. I'm gonna do a banner that's kind of sending back on itself has got all these nice that ripples and it will start by creating some text at Texas going to be on my banner. And that's gonna become the guide for my banner. And could go in here and let's pick a nice color throughout text let's just say we pick nice kind of a big brown like this. The deeper click okay and I'm gonna type regular on the screen I'll type in revision. There we go out and gotta spell it right right there you go Revision 3 so now this is text. Meantime expect goin' good to make text tool and Michael might walk function up here and I'm gonna choose. Flag state flag is gonna give it makes little twist in the making even more so little less that's -- just like that. And click okay. Another had this this becomes the basis for my banner it's going to follow this and we use the pen tool to do that. Now keep in mind that right here to -- the -- larger then the actual text. I and that he is a text as a guide for myself so I switched my pen tool on the start right over here. Right I -- this little corner there that's from the start."
" Click and drag anti drag got a handle the follows attendant curve on the going straight up above down below its kind of following that her. This clinical right about there are pulling up the panel to about a third distance to my next point which is gonna be right about here. And right click and drag Mac it always it just does layers so it's no problem. I come over here and do a little click and drag to say that now is gonna be to part with little. Flag is. Bending back on South America. -- has going to be straight. Right down like that. And I'm gonna go back on itself. I'm gonna pour lot of new handle from here multnomah option key you give me that ability to pull out a new handle I come over here and right click and drag. Come down here. Click and drag and then finish it off right there. Now here I'm going to pull out -- handle an angle like this and still holding the option key and then close it off click and drag. So now that's a justice that we get it just a way you want that's pull this down a little bit. And a pull this handle in -- not see how it's following the type. Let's pull this guy out a little bill does that that and that's looking good let's pull this down. Like that now we've got this nice little banner that's phone to shape of the text itself. Now his what's gonna -- on itself. -- and create a new path red -- this one on the pole right from this point him gonna pull up a little handle like so. Come over here and collateral curve like that see how would be a wonderful thing and then come over here and then down. That's his low point so I'm gonna go in here and -- shape like that. Poland you handle come out here shipment that and pulled back and you handle come over here and close it off now. Just click -- my option key so I have no handle and not disclose it offered going over the original path point right there. So this is the shape we need to modify it slightly this is a little too thick film I want to pull this down a little bit and maybe closes up a little so we'll too strong. Every -- we have the solution. Now this is part of the flag flew back five that we see and create another path that starts right here at the edges curve go up here. And here -- can kind of overlap but it doesn't matter is going to be behind just make sure that they have enough space this that is an overlap. And I'm gonna have to go holes visible to the I have three different -- and make my single banner. So. In a layer behind here again the text on the select. Might. Basic shape of the banner select that and I'm gonna for the with a nice color that's going to pick something that's a little more of a golden color like that. Click okay. And they hear it India path -- I'm gonna take that guy and just say that it. Not since I had a path selected it only use that happened the other two was left alone. So. Let's go back over here. I'm not gonna take my text."
" And merge it down into my flag merge down they became one. I hold down my command key controller PC and create a new path or rather new layer which automatically -- to be kinda currently selected -- And there I want to select."
" This part of my banner and fill it with that same color again in that new layer -- say go ahead -- that. And then finally. I'm gonna select. This path and -- layer behind all of them way back here. I'm gonna go ahead and fill that path with the -- now. There's no definition right right now so I'm gonna going to start getting some lights and shadows to do it's. So let's start with the top mostly middle it has attacks. And they don't here and -- with my dodge and burn tools and most are adding some effects has been a nice big brush and I'm -- and makes little highlight right through here. And that's and a little one right say right in here. Just like that now would my burn tool. Make a little bigger. -- darkness right along this edge here and -- bigger and a little darkness there a little darkness right at the -- right there. And as a little dimension going on there."
" And this layer here this is the one that's sticking out -- at a little shadow Bonilla might burn -- state and -- right in there. And maybe a little bit at the very fit. And -- with a little highlight. Who dodged just give it a little pay dodge right through the middle here that the light that. And then comes that third layer the one back here that's radiance that part where it's wrapping around itself. I'm gonna give that a little highlight right inside here nice bright highlight. And with a little burn tool which is -- darken at the edge right there. And then we see that we have this little banner that's kind of blowing in the wind and it's wrapping itself. Although like the flag I did a few episodes ago this time it's just who the other side of the flag wrapping around now what's very important. In doing this is right here in this little area. Writing here. It'll point to succeed it. And then make sure that those edges and there are nice and curve it cannot. It's gonna look like your little flag that kind of press has seen there you want to make sure that these that -- a really nice and round. These who shapes here can be an -- if you want it could be a little rounded shape it can be -- can be whatever you want to be. That's the beauty of the pen tool you can decide what you want and play around that to a do you have exactly shape you want and then you Philip -- things need to do it. I hope that expanded to area. Hope at a time remember to play as the best way than in Photoshop and sit there and play suicide does and answer a few different numbers see what happens. Play that's -- learn on affect my sponsors that go W dot com. And godaddy will set up your website they'll host your website the Soviet domain name don't even designed it for you and if you entity out. The code perfect PE RF ECT like theory here on the screen. Odyssey what will you get -- Me when you check out and get your dot com domain name for just 695. A year. By entering that it's concludes -- six and one that's pretty good I think it goes through that for my website. We had a good time to in the next show -- I was sure."











