Flash Game Design  
 
Tutorials Articles
Step 17.
This is the final part of this Photoshop tutorial. Next, merge the funnel shape with the ball and blue circle, and move the layer below the rounded rectangle. Since we reduced the opacity of it at the start, the funnel piece should be seen through it. Duplicate it, flip it horizontally and move it over to the right hand side. Create a path layer and a new layer below all the others. Choose the pen tool and create a curve at the bottom of the left funnel.
a)Click Image to Enlarge   b)
 
 
Step 18.
Set the brush tool to 5 and the foreground color to a dark blue/green (00848F). We're doing this so that we can convert the curved path into a curved wire shape. So, right click on the path, in the path panel, and choose "stroke path". You should have something like in image a). Now zoom in to 200% and make a selection using the shape. Feather (select > feather) the selection by 1 pixel, contract (select > modify > contract) it by 2 and fill it with white.
a)   b)
 
Step 19.
Duplicate the wire shape and rotate it using the transform tool (edit > transform > rotate). Next, we're going to create the buttons for the layout, so create a white rounded rectangle, with a radius of 10 pixels. Apply an inner shadow to the shape, using the settings shown when clicking on image b).
a)   b)Click Image to View Settings
 
Step 20.
Duplicate the button and add some text for them and the body text. I've used Verdana. Next, choose the "Bass Clef" shape
a)Click Image to Enlarge   b)
 
Step 21.
Create a small grey (ADADAD) bass cleff to the right and the rotate it by 45 degrees (edit > transform > rotate 45 CCW), placing it like in image b).
a)   b)
 

Step 22 .

Create one for the left and that brings us to the end of this Photoshop tutorial! :)
Click Image to Enlarge
 
Privacy Policy | Contact Us | Flash Game Design | Partners
Site Copyright © 2006 Nick DS. All rights reserved.