Flash Game Design  
 
   
 
Tutorials Articles
   
       
 
 
Step 5.
This is the 2nd part of this tutorial to create a colorful, funky web layout. Next we'll be creating some curvy long shapes for the header. So, make a new path layer and choose the the pen tool (circled below in red).
 
Step 6.
Start the path, below the green header and to the left, creating a two curves (a), (b)
a)   b)
Step 7.
Change the pen tool to the "convert point tool" (a) and drag the left side segment, of the 2nd curve , to the center. This enables you to create another curve unaffected by the previous one (b). You'll need to choose the pen tool again to create the 3rd curve.
a)   b)
Step 8.
Create 4th curve (a) and join it to the starting point. One the path is complete, make a selection using it (b)
a)   b)
Step 9.
Use the selection to fill a new layer with black, and inside the curved shapes folder
Step 10.
Duplicated the shape. Use a selection of the green rectangle to cut (layer via cut) the shape into two.
Step 11.
Delete the layer containing the part of the black shape that lies outside the green rectangle
Step 12.
Make more duplicates of the original black shape, and repeat the process of cutting a new shape using a selection of the green rectangle. You can vary the opacity of the resulting new shapes to make it look more interesting.
Step 13.
One you've finished making the shapes, you should be left with several layers inside the "curved shapes" folder (a). Merge the folder (layer > merge folder) into a single layer (b). Move the curved shapes layer into the bar folder, below the "white fade".
a)   b)    
Step 14.
You sould now have something like below.
Next go to Colorful, Funky Layout - Part 3) Part: 1 | 2 | 3 | 4 | 5
 
 
   
 
Site Copyright © 2006 - 2009 Nick DS. All rights reserved.