Flash Game Design  
Tutorials Articles
 
 
   
This Photoshop tutorial will show you how to create a clean business web layout. You can see the result by clicking on the image below.
Step 1.
First of all create a new photoshop document, with dimensions of 740x580 and a white background. Then use the shape tool to create a rounded rectangle with a radius of 10 pixels (image a). Use the rectangular marquee tool to delete the bottom section, rasterize the shape, and then use the layer to make a selection. Drag from top to bottom of the selection to create a linear gradient, using dark blue (1B7CB3) for the foreground and light blue for the background (4DA5D6). Zoom in to 300% and create a new layer. By dragging down, make a green linear gradient, using 9ACCD1 for the foreground and 55B5BB for the background (image d).
a) Click to enlarge   b)   c)   d) Click to enlarge
Step 2.
Now use the transform tool (edit > transform > scale) to scale the width of the layer the distance of the blue layer. Next go to <Part 2> of this Photoshop tutorial.
  Click to enlarge
 
 
   
   
Site Copyright © 2008 Nick DS. All rights reserved.