Flash Game Design  
 
     
Tutorials Articles
     
Subscribe to Photoshop Tutorials
 
Step 8.
This is the final part of this Photoshop tutorial. Next, duplicate the shape and then reduce it's opacity to 20%.
 
Step 9.
Mka eanother duplcate, overlapping the other.
Step 10.
Create a duplicate of the original shape and then increase the darkness (image > adjustments > hue / saturation) of it.
Step 11.
Mkae several more duplicate, with varying opacity to make it look interesting and varied.
Step 12.
Hopefully you create the 1st shape inside the new layer set, so now merge (layer> merge layer set) the layer set into a single layer. Duplicate the new layer and then move it up and left.
Step 13.
Merge the 2 layers together and then make a selection, using the 1st gradient we created at the start.
Step 14.
Cut out (layer via cut) the shapes layer using the selection and then delte the area outside the, leaving you with something like below.
Step 15.
Reduce the opacity of the layer to 50%.
Step 16.
Make a new layer and then create a linear gradient, using light blue (E6F9FF) for the foreground and a slightly darker tone (B7E4F1) for the background.
Step 17.
Create grey/blue (CFE8EE) rectangle spanning from top to bottom on a new layer.
Step 18.
Duplicate the layer and move it over to the left. Create a thinner grey one on a nother new layer and then do the same for the left hand side.
Click Image to enlarge.
 
 
Step 19.
Next, for the buttons, create a white oval on a new layer. Create a more of a circualr selection and then create a gradient using dark blue (3EAFCF) for the foreground and a lighter one (BCF0FF) for the background. Merge the 2 layers together and the duplicate it for the other buttons.
a)   b)   c) Click Image to enlarge.
Step 20.
Add some text for the menu, some content and that brings us to the end of this Photoshop tutorial :) You can download the PSD from here.
Click Image to Enlarge
 
     
 
Site Copyright © 2008 Nick DS. All rights reserved.