Flash Game Design  
 
   
 
Photoshop Tutorials Flash Tutorials Flash Games  
   
 
 
Step 7.
This is the 3rd part of the tutorial to create a portfolio layout. Change the rectangle radius to 10 pixels and create a dark grey (131313) rounded rectangle. below the header graphic. Then create a lighter grey, slightly smaller one on top of it, and rasterize the layer, from the layers panel.
a) Enlarge here   b) Enlarge here
 
Step 8.
Next make the foreground color grey (2F3739) and the background color the darker tone (041213). Choose the gradient tool (g) and set it to "linear gradient", as shown in image b), circled in red.
a)   b)
Step 9.
Make a selection (select > load selection) using the rounded rectangle and drag the gradient tool from the top of the selection to the bottom.
a) Enlarge here
Step 10.
Duplicate the gradient rounded rectangle and move it over the right.
Step 11.
Make a selection over the copy, as shown below, and cut it (layer via cut) into a new layer
Step 12.
Delete the other part (image a). Duplicate the cut part and flip it horizontally (edit > tranform > flip horizontal).
a)   b)
Step 13.
Move the duplicate in line with the other part.
Next go to Portfolio Web Layout - Part 4)
Part: 1 | 2 | 3 | 4 | 5 | 6 | 7
 
 
   
     
 
Navigation
Flash Tutorials
Photoshop Tutorials
Flash Games
War Games
 
 
 
 
 
 
 
Photoshop Categories
Web Layout Tutorials
Photo Effects Tutorials
Text Effect Tutorials
Drawing Tutorials
Animation Tutorials
Effects Tutorials
Menu Photoshop Tutorials
 
 
 
 
Top Photoshop
Chain Text Effect
Modern Web Layout
Rust Text
Horse Background
Water Effects
 
 
 
 
 
 
Game Websites
Hidden Object Games
Tower Defense Games
Hunting Games
Mario
 
 
 
 
 
 
 
 
 
Site Copyright © 2006 - 2011 Nick DS. All rights reserved.