Flash Game Design  
 
   
 
Tutorials Articles
   
       
 
 
A Photoshop tutorial to create a green headed web layout. View Web Layout
 
Chained Text Thumnail
 
Step 1.
First of all, make a new Photoshop document, with dimensions of 760x480 and a dark blue (152A31) background. Choose the rounded rectangle tool, and set the raidus to 15 pixels. Set the foreground color to black and create a rounded rectangle at the top (a). Create a smaller green (8AD76B) rounded rectangle (b)
a) Click Image to Enlarge   b) Click Image to Enlarge
 
Step 2.
Set the foreground color to bright white and choose the gradient tool. Set the gradient tool to "linear gradient" (a), and set it to "foreground to transparent" in the gradient editor (b)
a)   b)
Step 3.
Make a selection using the green rectangle (select > load selection), and create a new layer above it. Contract the selection (select > modify > contract) by 5 pixels and create the gradient (b)
a)   b)
Step 4.
Move the gradient so that it's in line with the top of the green rectangle (a). You should have 3 layers now. Place them inside a folder (layer set) called "bar" and create a new folder called "curved shapes".
a)   b)
Next go to Green & Black Layout - Part 2) Part: 1 | 2 | 3 | 4
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
     
 
Site Copyright © 2006 - 2009 Nick DS. All rights reserved.