Flash Game Design  
Tutorials Articles
  Step 3.
  This is the 2nd part of the Photoshop tutorial to create a bubbly effect web layout. Next, zoom in to 700% magnification, set the foreground to white, and then choose the pen too. Create a small curve and then drag the bottom segment of the directional line to the center (image b). Create a 2nd curve, as shown in image c).
   
 
a)   b)   c)
   
Step 4.
Again, shorten the directional line, and then create the final curve (image b). Zooming out, you should now have something like in image c)
a)   b)   c)
Step 5.
Merge the white shape to the other bubble layers and then duplicate it. Resize the duplicate to about 70%, using the transform tool (edit > transform > scale). Then make more duplicates dispersing them across the top of the layout and reducing the opacity of some of them to 50%. Next make another duplicate of the original and then increase the size of it to 150%.
a)   b) Click image enlarge   c)
Step 6.
Make duplicates of the large one, some witha reduced opacity. Then go to Layout Photoshop Tutorial Part 3
Click to enlarge
 
 
   
   
Site Copyright © 2008 Nick DS. All rights reserved.