Flash Game Design  
 
   
 
Tutorials Articles
   
       
 
 
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
 
 
   
 
Site Copyright © 2006 - 2009 Nick DS. All rights reserved.