Flash Game Design  
 
   
 
Photoshop Tutorials Flash Tutorials Flash Games
   
 
This Photoshop tutorial will show you how to create a Stylish Web Layout. Click on the Image to Enlarge.
Step 1.
First of all, make a new Photoshop document, with dimensions of 560x500 and a black background. Create a large rounded rectangle with the custom shape too, setting the radius to 70. Rasterize the layer and set the foreground color to white and the background to dark grey (434343). Make a selection using the white layer and use the gradient tool to create a reflected gradient on it. Contract (select > modify > contract) the selection by 2 pixels and then fill a new layer with black.
a) Click to Enlarge   b) Click to Enlarge   c) Click to Enlarge
 
Step 2.
Next, use the transform tool (edit > transform) to reduce the height of the black rectangle to 99%. Select the black rectangle again, feather (select > feather) it by 15 pixels, contract it by 20 and then fill it with a dark grey (3A3A3A). Create another black rounded rectangle with a radius of 15.
a) Click to Enlarge   b) Click to Enlarge   c) Click to Enlarge
Step 3.
Create another rounded rectangle at the top and then use the gradient tool to create a linear gradient, using 535353 for the foreground and 2D2D2D for the background. Next go to [ Part 2 ] of this Photoshop tutorial.
Click to Enlarge
More Photoshop Tutorials
Chained Text Vista Style Layout
 
Zombie Modern Layout
Red Glow Layout Glitter Graphic
 
Site Copyright © 2006 Nick DS. All rights reserved.