Flash Game Design  
Tutorials Articles
Information Icon
This tutorial will show you how to create an information icon
 
  Step 1.  
Create a new document with 50x50 pixel dimensions and then zoom in by 300%.
 
     
 
 
 
 
 
  Step 2.  
  Using the Eliptical Marquee Tool create a selection and then create a new layer  
     
 
 
  Step 3.  
  Fill the selection with grey.  
     
 
 
  Step 4.  
  Contract the selection by 4 pixels by going to the top menu and choosing Select > Modify > Contract.  
     
 
 
  Step 5.  
  Choose the Gradient Tool from the toolbar and then pick the Radial Gradient from the top menu. Select black as the background color (in the toolbar) and light grey as the forground color.  
     
 
 
  Step 6.  
  Create a new layer and then create a radial gradient, by dragging from roughly where the red is to where the green is on the image below  
     
 
 
  Step 7.  
  You should now have a gradient as shown below  
     
 
 
  Step 8.  
  Now select the Custom Shape Tool  
     
 
 
  Step 9.  
  From the top menu, click the arrow pointing down and then choose Symbols. Choose the "i" symbol.  
     
 
 
  Step 10.
  Pick an aqua type color from the toolbar and then create an "i" symbol. And now you should have created in infomation icon!
   
 
 
 
 
 
 
     
   
   
Site Copyright © 2008 Nick DS. All rights reserved.