Flash Game Design  
Tutorials Articles
This Photoshop tutorial will show you how to create a funky web layout. Click the image below to see the full size.
Step 1.
First of all, make a new Photoshop document with dimensions of 750x530 and a white background. Make a new layer and use the rectangular marquee tool to create a selection at the top. Create a linear gradient, using A6DEF0 for the foreground and D8F6FF for the background, by dragging the distance and direction of the red arrow (image a). Make another new layer above the last one and then create a grey (CECECE) rectangle, covering the area below the gradient layer. Make a light grey (F4F5F5) rectangle using the rounded rectangle shape tool (image c)
a) Click image to Enlarge   b) Click to Enlarge   c) Click to Enlarge
Step 2.
Rasterize the rounded rectangle and then use a rectangular selection to delete the top part of it, as shown in the image below.. Next go to [ Part 2 ] of this Photoshop tutorial.
More Photoshop Tutorials
Chained Text Vista Style Layout
 
Zombie Modern Layout
Red Glow Layout Glitter Graphic
   
   
Site Copyright © 2008 Nick DS. All rights reserved.