|
How to make a 100x100 icon using a HQ image To do this tutorial you will need Adobe Photoshop 7.0 or higher. I do this in CS2, but you should be able to do it in other versions. You will also need a High-Quality image. For this example, we will use an image of Adriana Lima. She is one of my favorite models ~.^ So we open the HQ image in photoshop.  And now we want to cut her out from the image. So I'm going to use the magic lasso tool. And slowly and carefully, with patience, I'm going to make an outline around her form so that I can cut it out.  After you made the selection, copy. Then make a new image with transparent background. The width and height of the new image should automatically be the sizes of the copy. If not, guesstimate. Then paste the copy into the new image.   You might want to save this image for future use. So go ahead and save it under a filename of your choice. Now open a new image, size 100x100. This will be your icon. Make sure it's transparent.  Ok so now we need a texture for the icon. I'll use one by beau_casse from livejournal. She has lots of lovely textures. We'll use this texture:  Open it in photoshop. Select all, copy, and paste it into your 100x100 image. Now we need to pick a color for our icon. Let's try a hot pink: #ff99dc. And create a new color fill layer with that color.  Ok, so now we want to use the HQ image we cut out. Resize it to width 100. Then select all, copy, and paste it into the 100x100 image. Then use the move tool to reposition it until you have it positioned where you want it.    Now create a new fill layer with the same color #ff99dc and set the blending option to Overlay, opacity 100%. I still want to play around with the color and look of it. So I add a new color fill layer, the same color and set that to Color Burn, Opacity 50%. Just play around with blending options, opacity, and extra color fill layers to achieve the look you want.   Ok, now to make it a little more professional looking, I'm going to use this snazzy texture from setsuntamew on livejournal.  I made it into a brush. You can too. So either select all, copy and place it into the image layer of your 100x100 image or brush it. Make sure it's in the layer with the picture of her so it shows up. Now add a border around the image. You can use this tutorial to make a border. But when you create the border, instead of using an 8x8 pattern, I used a 2x2. The smaller border looks nicer. Ok now we're going to create text. I'm going to use the font Carnival Freakshow and set it to 30pt. For the color we'll use something lighter: #fcc0de. So write the text on the image using the text tool: "Sure ?" or whatever you want. Now apply the following blending options: Stroke, Bevel and Emboss, Inner Glow, Drop Shadow.  Drop Shadow and Inner Glow can stay at default settings. But use the following settings for the rest: Stroke:  Bevel and Emboss:  Use the move tool to position the text where you want it. Now drag the text layer above your HQ image layer. Now to write the small text. Use a pixel font. There are many. Here I used the pixel font called serious. Apply only the blending option stroke:  Use the move tool to reposition the text. You can also tag it with your name with another text layer Make sure you drag all the text layers above your HQ image layer And now merge all layers, save, and you're done =)   The key is to play with the color using the blending options and color fill layers. You can also use gradients instead. Or color images size 100x100. Just play around with the color until you achieve a look you like. Also play around with the fonts. If you have any questions just ask me in the chat box or email me at fairwells@aol.com. |
You are visitor number 1.0333380296659E+14 since 02 Jan 09. |