Adding Stroke to a Photoshop Web Sticker

Video Transcript

Hi this is Jimmy Hartman on behalf of Expert Village. And in this clip we will be continuing our web sticker design. Now getting right back to it. Next thing we're going to want to do is we'll add a small white border around it. So when we add a shadow to it, it gives it that little edge that we saw. So again we and get our layer styles open, and we're going to go now to stroke, to give us that border. And I want the stroke on the inside so we have sharp corners there, that's good, click stroke there. Position inside, you can see our corners have been brought out of it. We're going to change it to a white color, the color of our background. Can't see it now, but that's okay. We're going to click on drop shadow, now you can see it coming together a bit. We'll take our distance all the way to zero, and bring the size down just a bit, right about there, and maybe the capacity down a little bit. Okay, that kind of completes the sticker layer there. One thing we want to do is add a little bit of a highlight and that's another simple thing to do. So we're just going ahead and control click on this shape layer to load it as a selection, and make sure you add a new layer. And what we want to do is contract the selection so our glare here will only fill up a certain portion inside of this. So we're going to go to select, modify, and contract our selection by five pixels. And now let's add our glare, glares are simple to do if you add a gradient from white to transparent. So go ahead and do that. Select white as our foreground color here, and then radial gradient we want up here, and we'll click on a gradient color to bring up our editor. And now you should have a white transparent, so click on that, and we'll click okay. And then just go ahead and start in the upper left corner here, and click and drag down to the lower right probably about three quarters of the way. And if it's not how you like you can control Z to undo and try again there. That works pretty well. Control D will de-select it. And that is your basic star image there. Last thing we got to do is just add a little bit of text.

Watch these related videos

• 
  Adding Stroke to a Photoshop Web Sticker

  playlist Views: 680

• 
  Creating Gradient for a Style Button in Photoshop

  playlist Views: 991

• 
  Create Glare in Photoshop Buttons

  playlist Views: 1,299

• 
  Adding Glare to Photoshop Style Buttons

  playlist Views: 1,351

• 
  Adding Text to a Photoshop Web Sticker

  playlist Views: 764

• 
  Adding Gradient to Web Buttons in Photoshop

  playlist Views: 1,520

Community Members who...

• Favorited this Video
• Rated This Video

Top Tags