Username:   Password:
|
Don't have an account yet? Create a Revision3 account now—it's easy!

View by:

Create a Plastic Shirt Button

Sunday, January 3rd, 2010 – running time 15:59
Bert Monroy shows you the step-by-step Photoshop lesson of creating a plastic shirt button.

Segments

Create a button base

Take a look at Bert Monroy's Time Square piece to see the plastic shirt button he used in a billboard of Cindy Crawford. He starts with a blank document, then uses the ellipse tool to create a cream colored round button shape. He duplicates the shape, moves it a little to the left, then bridges the gap between the shapes. Dodging and burning allows for some toning on the under layer.

On the top layer, Bert selects roughly half of the circle and then adds a gaussian blur to the edge where the shape meets the toning.

In a new layer, create two smaller circle shapes filled with the same creme color. Join the two shapes to make a pill shape. With a bevel, this will serve as the depressed area inside the button. Blurring the entire layer will add softness. Dodge and burn the upper base layer of the button as necessary.

02:43

Play

Add threading to the button

Use the pen tool to create an arc that serves as the path where the threading will pass through the button. Custom brush settings will fill this path. Create a brush made of a few dots, then modify the brush settings. Turn the spacing down to 1% for solid lines. Finally, stroke the arc shaped path with the brush and repeat as necessary. In a new layer, change the foreground color to grey and stroke the path once again. This creates two layers of thread. Repeat with an even lighter shade of grey, and add some shadowing under the stitching to complete the look.

Add a masked layer to the flattened thread and the shadow, then brush the mask so that it appears to continue into the button. Rotate the entire button and you're complete!

09:08

Play

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.

Head over to the PixelPerfect Facebook Fan Page to interact and share your tips and tricks, see how-to clips & get notified about new episodes.

Highlights

video game: 1:47
ice cream: 4:20
hair brush: 13:18
paint brush: 10:17

Automatically Generated Transcript

May not be 100% accurate

" Wow."

" This episode of pixel perfect is brought to you by game fly and godaddy.com. Welcome the pixel perfect will be very Monroe away on today's episode we're gonna create -- button compete with the stitching in it and all that good stuff. But first this look at today's background and it came to us from Chris Elliott. Check out this thing. Indeed bite size. Pieces of Photoshop goodness yes. Bite -- indeed I itself. Before we start getting into this stuff here let's talk about a sponsor's. Get reliable secure web hosting without the long term contract. Go daddy's hosting plans are bigger and better than ever. With 99%. Up time free 24 sevenths support and no annual commitment. And that a cope pixel mine and save five dollars off any order of thirty dollars -- more. Be sure to check out revision3.com. Forward slash godaddy for all of the pixel perfect godaddy deals and coats godaddy. The place to go for you what needs also I think game fly. They are the largest online video game rental service and offer you a choice from over. 7000. New and classic titles across wall consoles and hand pals with plans starting at fifteen dollars and 95 cents a month. Game -- members can rent up to four games at a time and keep them for as long as they'd like. There are no late fees no due dates and shipping is always free. Once you're done playing the game send it back in game fly within the next available game on your list if you really leg game you're playing some big click keep it on the game fly website and the game is yours. And at a discounted price game fly will even know unique case and manuals free of charge. Pixel perfect fans can get a two week free trial when they go to www. Game slide dot com forward slash pixel perfect. For now let's get into the show here. I -- this is --"

" Portion of the times -- that you see many pieces of throughout -- you episodes. And so little to do is draw attention to this. Billboard way up here that one appear that's. The agency's in the corporate down here. And this is a little piece of her appear that could go to little closeup of that area right here. -- is just not this one here has been distorted. But I'm gonna go into opposite view here is you can see that there's a sort of on deed done through -- they. Fabric wrapping around them and little skin textures and so on and oh here is all over the place but I would draw attention -- appeared to the button. There's a button right there. I feel buttons that is nice plastic look a little bit like the little pills and -- background today so we're gonna create something similar here. So let's go here and create a button. So remember there's a lot of steps involved here a whole bunch of different things and what we're going to do is just. Create a button what you wanna do is up to you change color here and there whatever. I so present to create the button itself to get my. My oh that's tool here. Which is gonna create any shape or you know what I can even do with -- a -- appear. Grab it up here right into my pen tool whatever I want to do -- go ahead and just using the in the tool right here. I'm gonna select this big shape right here in a layer. Go to layer and have -- on here and let's get nice color -- button to be so that come about creamy color -- get to the oranges open an ice cream -- like that that looks good and create a big. Kind of an -- right here -- That's going to be the basis of -- but the -- to do is I'm gonna duplicate that. Make a second one and the one of back here I'm gonna move over just a little just move it over to decide just a little and I got a little. Opening at the bottom on isn't just. And a kind of close that up front is gonna select the nice straight line right across here. But might but tag the marquee tool and go ahead in the background layer fill that with that color and the same thing on top and go -- to the top here. And to select straight across. To us like that and build -- that's gonna make it nice and even. Is it would pull back. There's a button which right now looks fairly. My god only gated let's now but when it doesn't take his background act and start adding some highlights to -- until my dodge tool. And just gonna add a couple little highlights right in here it's a nice big brush and has been the exposure back up. And make a -- of the bigger and which is going to start any a couple of highlights right through him like that. And I got my burn tool. -- make the brush a little bit on that one as well and so the only a couple of dark tones down here. Emmylou darkness right along the top there and maybe one little one right here this does make a bunch -- little smaller and it does make a little. Tone right in there okay now. The button itself. Is kind of a soft edge right here it's not hard -- right in this area so -- do is I'm gonna go here and a select. This whole side right here right through the middle there. All of the top layer that's the top of the button and would that edge the edge where its meeting this side and we're going -- that. We have little Ghazi blurred just a soft that little -- just a little bit of god about that -- Baghdad looks good really looks great. Click okay I cannot be selected magazine that partisan this second proceeded but it often to the distance it. But this side it's soft enough that nice so it's going that way. So now I don't -- create. The little hole in here where we're gonna put the string so I do I'm gonna select. A little circle. That appear to affect this right in here like that."

" It's the but it doesn't really matter if it's great because I'm gonna do stuff -- in fact it's not see these guys at all that's. And you create a new layer it and I go had to fill that would that same tone which are now. And we've seen this guy I'm gonna drag this down make a copy of it down to here. And -- if Matthew -- again there it is so now I'm -- gonna select. Both of these guys with my rectangular tool that the edge and it's gonna close is -- we're -- to make sure we get it really accurate. And we have -- the edge here and go straight down to this edge. And a fill that. This is going to survey of my little loop inside. Right so now. I'm gonna go in there and add a little. Touch to this a little bevel and books and your little bubble -- us justice arguments some tone in there and increased the size a bit. Not like that now want the darkness to be in a sec has -- out light's coming from here. And listings invented inside so we do and I'm gonna change a light direction to come from this side. And bring down the capacity for the darkness. -- don't want that thing to be so dark. And I got that little kind of an indentation. Click okay but I got this little shape here now it should be soft also the whole thing should be -- so what -- do is I'm gonna blur that entire. Later. But my god you Blair I'm just gonna soften up. I like that. Get this little indentation in my button. So now this outside part about needs to have some highlights not to do so to do I'm gonna select that area and you -- dodge and burn now want this to be slightly curved. Slightly curved so I'm not gonna go straight across like a -- here besides I'm gonna do now that we're going here and just kinda. Cut -- just do one side you might burn tool from the kind of at a couple who tones down here. In this area maybe darken that to -- a little more darkness here just below on this it's right there and then maybe just a little. A little tiny. Just little tone right here with good burn tool and that'd get my dodge tool. I'm gonna have some highlights them a little highlight right through here. And maybe at that much has been about a little bit and a little highlight gradient here and I would have these little edges and you know just for the sake and let's just go in there and just. Give a little bit of -- burn rate and that it just to get that new definition back to our corner and now we have our basic button. So now we're gonna do is gonna take my pen tool and create a little arc break through here like this. It does get back -- two parts that both my handles there -- go so let's go in here just. Bring -- in a little break to the edge there and just gonna pull this out. We have this little -- going on here right there like that -- say that path. That's going to be my stitch -- you using in a few times. For now what I need to do is to create the brush. That's going to be distancing so I'm gonna get my paintbrush and -- time brush that is gonna draw a couple little black dots made them into. Good layer right here it is good -- just got to look a little black dots to go back to 0%. Just look a little dots. Like that kind of creating here right from a select that. Turn that into a brush. So -- way don't need him anymore because -- bush has been created the map. I'm gonna go -- to my brush engine. We're gonna take that brush paint brush -- like that question just -- should be done here at the bottom there is on the -- as from a few shows ago. I'm gonna go there and say when the space and down. But the space and down to about 1% give me solid lines and job. That's good enough I'm gonna change any colors or anything like that. That's all I need right there that's it that's what -- which right now I'm gonna give me that kind of an effect itself. And go to a whole new layer on top of this right here. And just see my hand isn't that steady the way I'd like it to be so I'm gonna take that path is that path. And it -- that America's preeminent go ahead and take that path and in the brush and I'm gonna go ahead and stroke. And I think that path and would just a little bit and bring it down a little bit. And stroke it again from -- stroke again. And it may be one more little twist. -- that. Government brash and -- it -- It's a map. And I'm going to do is I'm going to go into my layers create another layer and I'm gonna that the from caller. I don't know get a flight grade essay about like that. I don't take my path shifted a little bit. Go to my paintbrush. And then you better go ahead and stroke the path. And I got some like -- going on there. So it's not just a little bit again. Going that go to a brush and give it one more stroke. And right in there and there and I'm gonna go even lighter. Go to almost like -- really like okay. Move the -- path just a little so each time I'm getting a different overlap of my brush strokes I am going there and just stay. Let's take that path and make sure when another layer. -- That passing go ahead and stroke it. And I start getting these like gray tones written text think my path one more time and bring into this area I do like that. But my brush. And say stroke and I got all these nice little. Threads going through there and you know what what will do is we'll just take a dark one. Slightly darker and just right on top. That happens whole thing you might hear in the middle and an iBook and stroke it would that slightly darker grey to introduce and grace to the top level. There we go -- now we have all those nice little threads in their -- movement to position. It's go to the -- and we've got all freebies. Yeah go get these three summer go ahead and and merge those guys. I just hit command -- control -- and NBC and that marriage or three into a single layer. So it is the three of them. And I'm just gonna move it down the position right in here like that right if it's right inside that area and on the go ahead and give that a mask. We get that layer mask. Tonight I have a mask I'm gonna go in there and with black and a different question these little hair brush. -- go in here just kind of paint this in right here so it looks like they're going into little hole right there and a little hole right through here. Went over but to get the general idea and everything that now we have organized the stitching. That goes inside about button tonight we have all those pieces together what I'm gonna do -- gonna select all of them. And I'll do in the rotation on them. Like that. And here we see that we have the same button that we had in the other scene now what you might -- also do is maybe it right on top of -- Right in here and it's -- it with this. That doesn't go anywhere I might wanna go in their -- to be. Make it look really realistic on the -- and then the little shadow already in there because there's a shadow underneath him like that. I bring down the capacity for just a little bit. But just get a little bit of a little into the shadow and there and I wanna erase the from the said the one and in there. I wanted to federal there. That and I."

" Little shadow underneath my stitching mechanical code complete and they see that we have a button with the -- analyst stuff that you need. Value but it could be decorated you can have who frills on it put little. -- on it all kinds of stuff at something you'd get creative and take what I've done and expand on it and get the widget you wanna get. If there's anything you'd like to see on the show email me at certain revision3.com. Also it in check out the form that revision3.com. Ports that form. -- join discussions about the show. Thanks again because -- for submitting our background image but -- this thing. Q what you are ordered to appear back here. You can send it. And those files over to me at Bert and revision3.com. And your background should be 1280 by 720. And the whole world will get to see your image back here with your name emblazoned on the screen and they give you a fifteen minutes of frame which might expand to all right kind of fame have -- So you actually."

" Wow."

" This episode of pixel perfect is brought to you by game fly and godaddy.com. Welcome the pixel perfect will be very Monroe away on today's episode we're gonna create -- button compete with the stitching in it and all that good stuff. But first this look at today's background and it came to us from Chris Elliott. Check out this thing. Indeed bite size. Pieces of Photoshop goodness yes. Bite -- indeed I itself. Before we start getting into this stuff here let's talk about a sponsor's. Get reliable secure web hosting without the long term contract. Go daddy's hosting plans are bigger and better than ever. With 99%. Up time free 24 sevenths support and no annual commitment. And that a cope pixel mine and save five dollars off any order of thirty dollars -- more. Be sure to check out revision3.com. Forward slash godaddy for all of the pixel perfect godaddy deals and coats godaddy. The place to go for you what needs also I think game fly. They are the largest online video game rental service and offer you a choice from over. 7000. New and classic titles across wall consoles and hand pals with plans starting at fifteen dollars and 95 cents a month. Game -- members can rent up to four games at a time and keep them for as long as they'd like. There are no late fees no due dates and shipping is always free. Once you're done playing the game send it back in game fly within the next available game on your list if you really leg game you're playing some big click keep it on the game fly website and the game is yours. And at a discounted price game fly will even know unique case and manuals free of charge. Pixel perfect fans can get a two week free trial when they go to www. Game slide dot com forward slash pixel perfect. For now let's get into the show here. I -- this is --"

" Portion of the times -- that you see many pieces of throughout -- you episodes. And so little to do is draw attention to this. Billboard way up here that one appear that's. The agency's in the corporate down here. And this is a little piece of her appear that could go to little closeup of that area right here. -- is just not this one here has been distorted. But I'm gonna go into opposite view here is you can see that there's a sort of on deed done through -- they. Fabric wrapping around them and little skin textures and so on and oh here is all over the place but I would draw attention -- appeared to the button. There's a button right there. I feel buttons that is nice plastic look a little bit like the little pills and -- background today so we're gonna create something similar here. So let's go here and create a button. So remember there's a lot of steps involved here a whole bunch of different things and what we're going to do is just. Create a button what you wanna do is up to you change color here and there whatever. I so present to create the button itself to get my. My oh that's tool here. Which is gonna create any shape or you know what I can even do with -- a -- appear. Grab it up here right into my pen tool whatever I want to do -- go ahead and just using the in the tool right here. I'm gonna select this big shape right here in a layer. Go to layer and have -- on here and let's get nice color -- button to be so that come about creamy color -- get to the oranges open an ice cream -- like that that looks good and create a big. Kind of an -- right here -- That's going to be the basis of -- but the -- to do is I'm gonna duplicate that. Make a second one and the one of back here I'm gonna move over just a little just move it over to decide just a little and I got a little. Opening at the bottom on isn't just. And a kind of close that up front is gonna select the nice straight line right across here. But might but tag the marquee tool and go ahead in the background layer fill that with that color and the same thing on top and go -- to the top here. And to select straight across. To us like that and build -- that's gonna make it nice and even. Is it would pull back. There's a button which right now looks fairly. My god only gated let's now but when it doesn't take his background act and start adding some highlights to -- until my dodge tool. And just gonna add a couple little highlights right in here it's a nice big brush and has been the exposure back up. And make a -- of the bigger and which is going to start any a couple of highlights right through him like that. And I got my burn tool. -- make the brush a little bit on that one as well and so the only a couple of dark tones down here. Emmylou darkness right along the top there and maybe one little one right here this does make a bunch -- little smaller and it does make a little. Tone right in there okay now. The button itself. Is kind of a soft edge right here it's not hard -- right in this area so -- do is I'm gonna go here and a select. This whole side right here right through the middle there. All of the top layer that's the top of the button and would that edge the edge where its meeting this side and we're going -- that. We have little Ghazi blurred just a soft that little -- just a little bit of god about that -- Baghdad looks good really looks great. Click okay I cannot be selected magazine that partisan this second proceeded but it often to the distance it. But this side it's soft enough that nice so it's going that way. So now I don't -- create. The little hole in here where we're gonna put the string so I do I'm gonna select. A little circle. That appear to affect this right in here like that."

" It's the but it doesn't really matter if it's great because I'm gonna do stuff -- in fact it's not see these guys at all that's. And you create a new layer it and I go had to fill that would that same tone which are now. And we've seen this guy I'm gonna drag this down make a copy of it down to here. And -- if Matthew -- again there it is so now I'm -- gonna select. Both of these guys with my rectangular tool that the edge and it's gonna close is -- we're -- to make sure we get it really accurate. And we have -- the edge here and go straight down to this edge. And a fill that. This is going to survey of my little loop inside. Right so now. I'm gonna go in there and add a little. Touch to this a little bevel and books and your little bubble -- us justice arguments some tone in there and increased the size a bit. Not like that now want the darkness to be in a sec has -- out light's coming from here. And listings invented inside so we do and I'm gonna change a light direction to come from this side. And bring down the capacity for the darkness. -- don't want that thing to be so dark. And I got that little kind of an indentation. Click okay but I got this little shape here now it should be soft also the whole thing should be -- so what -- do is I'm gonna blur that entire. Later. But my god you Blair I'm just gonna soften up. I like that. Get this little indentation in my button. So now this outside part about needs to have some highlights not to do so to do I'm gonna select that area and you -- dodge and burn now want this to be slightly curved. Slightly curved so I'm not gonna go straight across like a -- here besides I'm gonna do now that we're going here and just kinda. Cut -- just do one side you might burn tool from the kind of at a couple who tones down here. In this area maybe darken that to -- a little more darkness here just below on this it's right there and then maybe just a little. A little tiny. Just little tone right here with good burn tool and that'd get my dodge tool. I'm gonna have some highlights them a little highlight right through here. And maybe at that much has been about a little bit and a little highlight gradient here and I would have these little edges and you know just for the sake and let's just go in there and just. Give a little bit of -- burn rate and that it just to get that new definition back to our corner and now we have our basic button. So now we're gonna do is gonna take my pen tool and create a little arc break through here like this. It does get back -- two parts that both my handles there -- go so let's go in here just. Bring -- in a little break to the edge there and just gonna pull this out. We have this little -- going on here right there like that -- say that path. That's going to be my stitch -- you using in a few times. For now what I need to do is to create the brush. That's going to be distancing so I'm gonna get my paintbrush and -- time brush that is gonna draw a couple little black dots made them into. Good layer right here it is good -- just got to look a little black dots to go back to 0%. Just look a little dots. Like that kind of creating here right from a select that. Turn that into a brush. So -- way don't need him anymore because -- bush has been created the map. I'm gonna go -- to my brush engine. We're gonna take that brush paint brush -- like that question just -- should be done here at the bottom there is on the -- as from a few shows ago. I'm gonna go there and say when the space and down. But the space and down to about 1% give me solid lines and job. That's good enough I'm gonna change any colors or anything like that. That's all I need right there that's it that's what -- which right now I'm gonna give me that kind of an effect itself. And go to a whole new layer on top of this right here. And just see my hand isn't that steady the way I'd like it to be so I'm gonna take that path is that path. And it -- that America's preeminent go ahead and take that path and in the brush and I'm gonna go ahead and stroke. And I think that path and would just a little bit and bring it down a little bit. And stroke it again from -- stroke again. And it may be one more little twist. -- that. Government brash and -- it -- It's a map. And I'm going to do is I'm going to go into my layers create another layer and I'm gonna that the from caller. I don't know get a flight grade essay about like that. I don't take my path shifted a little bit. Go to my paintbrush. And then you better go ahead and stroke the path. And I got some like -- going on there. So it's not just a little bit again. Going that go to a brush and give it one more stroke. And right in there and there and I'm gonna go even lighter. Go to almost like -- really like okay. Move the -- path just a little so each time I'm getting a different overlap of my brush strokes I am going there and just stay. Let's take that path and make sure when another layer. -- That passing go ahead and stroke it. And I start getting these like gray tones written text think my path one more time and bring into this area I do like that. But my brush. And say stroke and I got all these nice little. Threads going through there and you know what what will do is we'll just take a dark one. Slightly darker and just right on top. That happens whole thing you might hear in the middle and an iBook and stroke it would that slightly darker grey to introduce and grace to the top level. There we go -- now we have all those nice little threads in their -- movement to position. It's go to the -- and we've got all freebies. Yeah go get these three summer go ahead and and merge those guys. I just hit command -- control -- and NBC and that marriage or three into a single layer. So it is the three of them. And I'm just gonna move it down the position right in here like that right if it's right inside that area and on the go ahead and give that a mask. We get that layer mask. Tonight I have a mask I'm gonna go in there and with black and a different question these little hair brush. -- go in here just kind of paint this in right here so it looks like they're going into little hole right there and a little hole right through here. Went over but to get the general idea and everything that now we have organized the stitching. That goes inside about button tonight we have all those pieces together what I'm gonna do -- gonna select all of them. And I'll do in the rotation on them. Like that. And here we see that we have the same button that we had in the other scene now what you might -- also do is maybe it right on top of -- Right in here and it's -- it with this. That doesn't go anywhere I might wanna go in their -- to be. Make it look really realistic on the -- and then the little shadow already in there because there's a shadow underneath him like that. I bring down the capacity for just a little bit. But just get a little bit of a little into the shadow and there and I wanna erase the from the said the one and in there. I wanted to federal there. That and I."

" Little shadow underneath my stitching mechanical code complete and they see that we have a button with the -- analyst stuff that you need. Value but it could be decorated you can have who frills on it put little. -- on it all kinds of stuff at something you'd get creative and take what I've done and expand on it and get the widget you wanna get. If there's anything you'd like to see on the show email me at certain revision3.com. Also it in check out the form that revision3.com. Ports that form. -- join discussions about the show. Thanks again because -- for submitting our background image but -- this thing. Q what you are ordered to appear back here. You can send it. And those files over to me at Bert and revision3.com. And your background should be 1280 by 720. And the whole world will get to see your image back here with your name emblazoned on the screen and they give you a fifteen minutes of frame which might expand to all right kind of fame have -- So you actually."

mari1ee

Started discussion: January 4, 2010 @ 9:57am GMT

Episode 159: Create a Plastic Shirt Button [Discussion]

Bert Monroy shows you the step-by-step Photoshop lesson of creating a plastic shirt button.

Watch or download this episode now!


Nobody has commented on this episode yet. Be the first!