Flash Game Design  
 
     
Tutorials Articles
     
Subscribe to Photoshop Tutorials
 
Step 6.
This is the 2nd part of this Photoshop tutorial. Next we're going to create the spotted header graphic. So, create a golden (E2AA4B) colored rectangle, a few spaces below the diagonal shapes, stretching across the layout and on a new layer. Create a large darker (B4823F) cirlce on another new layer and then create a couple more to the right.
a)   b) Click Image to Enlarge
 
 
Web Layout Tutorials
 
     
 
 
 
 
 
 
Step 7.
Make a selection using the lighter rectangle and use it to cut (layer via cut) the cirlces and delete the outer area. Then create some smaller cirlces, inside a new layer set, with the 3 tones: 755D34, FDDAAE, F7C568. Merge the layer set into a single, once you've create all the cirlces.
a) Click Image to Enlarge   b) Click Image to Enlarge
Step 8.
Again, use the golden rectangle to cut (layer via cut) the circles into a new layer, and delete the out, overlapping layer. Next create a rounded rectangle fitting it inside the the gap as close as you can (image b). Merge the golden rectangle layer with the large and small cirlcles into a single layer.
a)   b) Click Image to Enlarge
 
Step 9.
Move the spotted header graphic below the dark grey layer and then use the selection, of the rounded rectangle, to delete a hole in the it. Next, go to part [Part 3]of this Photoshop tutorial.
Click Image to Enlarge
   
 
Web Layout Tutorials
   
 
 
 
 
Site Copyright © 2008 Nick DS. All rights reserved.