Flash Game Design  
 
     
Tutorials Articles
     
Subscribe to Photoshop Tutorials
     
Step 6.
This is part 2 of the Photoshop tutorial, where will start by creating the buttons. Create a grey/blue (667074) rounded rectangle, with a radius of 10 (image a). Rasterize the shape and use the rectangular marquee to delete the bottom half (image b).
a)   b)
 
Step 7.
Set the foreground color to #667074 and the background color to #4F595C. Make a selection using the shape and and use the gradient tool to create linear gradient on it (image a). Duplicate the button several times, spacing them along the layout (image b).
a)   b) Click Image to Enlarge
 
Step 8.
Create a layer below the rectangle with a whole in it, make a rectangular selection and fill it with black.
 
Next, go to part [Part 3]of this Photoshop tutorial.
 
   
 
Web Layout Tutorials
   
 
 
 
 
Site Copyright © 2008 Nick DS. All rights reserved.