Flash Game Design  
 
   
 
Photoshop Tutorials Flash Tutorials Flash Games  
   
 
Email Icon Tutorial
A tutorial to create a smart looking email icon using Photoshop
 
Chained Text Thumnail
 
Step 1.
Make a new photoshop file with a pale blue background. For the first steps of this tutorial the images will be of the button zoomed in to 200% magnification, but as the smaller details are made, you’ll need to increase it to about 400%. So, after you’ve made the magnification 200%, make a grey circle (a),using the elliptical marquee tool and on a new layer. After you’ve made the cirlce, contract the selection by 2 pixels and then create a new layer. Fill the new layer witha pale yellow (b).
a)   b)
Step 2.
Use the rectangular marquee tool to cut the yellow circle in half and then make a selection using the top half of the cirlce (a). You can do this by clicking on the layer in the layers panel while pressing the CTRL key. Make a new layer, while the selection is still active and then choose the gradient tool from the tool bar. Select the reflected gradient from the top of of Photoshop, chossing white as the foreground and a light blue as the background. Create a gradient by dragging from the center of the selection. The gradient should look like the image to the right.
a)   b)
Step 3.
Use the rectangular marquee to create a dark grey rectangle (a) on a new layer, and then a smaller one on top of it (b).
a)   b)
Step 4.
Then create a smaller light grey rectangle (a). Zoom in to 400% magnification, using the polygonal lasso tool to create a white shape like the one shown to the right.
a)   b)
Step 5.
Use the polygonal lasso tool again to cut away (a) part of the light grey rectangle inline with the white shape. Create a yellow rectangle below the grey rectangle layer, for the paper. Then sse the eraser tool, set to pencil to delete the corners of the dark rectangle
a)   b)
Step 6.
Use the pencil tool to add some detail near the corner (a)
Step 7.
You can then merge the layers together and add a shadow ( layer > layer style > drop shadow). Here are some other colors you might want to use.
Some more Photoshop tutorials:
Vista Style Layout Blue Glow Layout
Zombie Modern Layout Furry Text
 
Red Glow Layout Glitter Graphic White Layout
   
Pixel Character Flower Text Gold Texture
     
     
 
Navigation
Flash Tutorials
Photoshop Tutorials
Flash Games
War Games
 
 
 
 
 
 
 
Photoshop Categories
Web Layout Tutorials
Photo Effects Tutorials
Text Effect Tutorials
Drawing Tutorials
Animation Tutorials
Effects Tutorials
Menu Photoshop Tutorials
 
 
 
 
Top Photoshop
Chain Text Effect
Modern Web Layout
Rust Text
Horse Background
Water Effects
 
 
 
 
 
 
Game Websites
Hidden Object Games
Tower Defense Games
Hunting Games
Mario
 
 
 
 
 
 
 
 
 
Site Copyright © 2006 - 2011 Nick DS. All rights reserved.