Get the latest Flash player.
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
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
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.