Flash Game Design  
Tutorials Articles
Flash Game Design > Tutorials    
  Step 7.
  This is the 3rd part of the Photoshop tutorial to create a bubbly effect web layout. Next, make a rectangular selection on a new layer, above the background but under the bubbles. Fill the layer with a very dark blue (062C46). Make a rectangular selection on a new layer underneath the dark layer. Use the gradient tool to create a linear gradient, with 38617F for the foreground and 49A9C5 for the background. Make a shorter grey rectangle, as shown in image c.
   
 
a) Click image enlarge   b) Click image enlarge   c)
   
Step 8.
Set the blending mode of the grey rectangle to multiply, and you should end up with something like in image a). Next, use the shape tool to create some rounded rectangles, with a radius of 10, for the content areas.
a)   b) Click image enlarge
Step 9.
Make another gradient filled rectangle, similar to the one below the header, and then go to Layout Photoshop Tutorial Part 4
Click to enlarge
 
 
   
   
Site Copyright © 2008 Nick DS. All rights reserved.