Adding Text to a Photoshop Web Sticker

Viewing videos requires the latest version of Adobe's Flash Player.
Get the latest Flash player.
Showing 1-5

Part of the video series: Adobe Photoshop Web Graphics Tutorial

Summary: Adding text to a web sticker in Adobe Photoshop is easy with these tips, get expert advice on Internet graphic design in this free tutorial video.

Views: 758 | Tags: design, graphics, image, adobe, photoshop, publishing, internet, web, flash, software, graphic, manipulation, interactive, web design


About the Expert
Contact: tricammedia.com

Jimmy Hartman Jimmy Hartman has spent the last six years studying computer graphics and motion graphics. He spends much of his time editing photos and videos for his busine... read more

Conversations About This Video

  • Comments
    (0 comments)
  • Questions & Answers
    (0 questions) (0 answers)
Be the first to comment on this video.
Have a question about this video topic? Ask our community members and let them share their knowledge with you!
Ask A Question

Video Transcript

Adding Text to a Photoshop Web Sticker

Hi, this is Jimmy Hartman on behalf of Expert Village and in this clip we will be finishing up the final touches on our web sticker. Let's go and add our text. We want white text or you could choose any color you want, but I like the white text. We will click our text tool here, and I've stood out Myriad Pro selected from the earlier design for the button. We will just go ahead and click on the center here and type in our text. "Try it Free!!" That's probably something you might see on one of these stickers. Hit V to select the move tool and I'm using the arrow keys to kind of position it in the center. Ctrl T will enter your free transform mode and I'm going to rotate it just a little bit off so it looks like the sticker was more slapped onto the image. We'll reposition it just a little bit. Now I'm going to go and make sure this text layer is selected and I'm going to go into my characters dialog and select "T", or select the text tool, and I'm going to select this first part of the text. I want it a little bit lighter so "Myriad" right there, select a style and I'm going to go to light. It makes it nice and thin. In the bottom here I want it very bold, so the boldest you can get is black. Then I will hit the return key and that works out pretty well. Let's go ahead and make it stand out just a bit by going to our layers and opening our layer styles and adding a bit of a drop shadow. I'll increase the size a little bit and bring the distance down. You've got to watch out on this one because you can really blow out this light text with the shadow. A little bit is not too bad. We'll bring the opacity down just a little bit. There you have it; just a basic sticker. You can easily change the color of your sticker by going back down into the shape layer and opening your layer styles. Let's go to our gradient overlay option. Click the color. Again, the same way we saved these colors here for our button tutorial, we just go ahead and type "web green sticker". Let me open that back up, I forgot to hit New. Let's go "web green sticker", click New and it loads it here so we can always come back to it. Let's go ahead and double click the dark color and we'll make it, let's say red. Click our light color and I'll go back to red as well. Click OK. We'll save it as "web red sticker". Click New and OK. There you have it, now you have a red sticker. You can switch back easily just by going into your presets that you just made and changing your colors there. That's about it; simple and to the point.

Web Design & Develop... Ads

Community Members who...

  • Favorited this Video
  • Rated This Video

Check out what people are watching now
left_arrow right_arrow