Assignment 1# Create a Aqua Button (30marks)-Due Sept 16th

Follow the Instructions below (or go to the following Wiki site for original instructions: http://www.wikihow.com/Create-an-Aqua-Button-in-Adobe-Illustrator-Cs3) and create a Aqua Button using Adobe Illustrator:  Due date Sept 16th

Steps

1. 
   1
   Go to File > New to start a new document. Set your colors to the default black outline with no fill. Use the rectangle tool to make the first part. Set a square to be 670 px x 670 px. Color this using the gradient tool. Set the colors to the following--first color at position C = 0, M = 0, Y = 0, K = 25; second color at position C = 0, M = 0, Y = 0, K = 12.5; third color at position C = 0, M = 0, Y = 0, K = 50. Set the stroke to "none" and then select "linear mode."
   
   
2. 
   
3. 
   
4. 
   
5. 
   2Making a reflection, copy two squares of the same size. Select a top one and position it as shown on in the image. Select both and then go to Pathfinder > Compound Shapes > Subtract. Position this on the bottom of the first part.
6. 
   3
   Create a button center. Choose the ellipse tool and click once on the page to open the options. Set the size of the ellipse to 490 px x 490 px and click "OK" to create the ellipse. Set the colors to the following--first color at position C = 0, M = 0, Y = 0, K = 12; second color at position C = 0, M = 0, Y = 0, K = 48 and then set the stroke to "none" and use radial mode. Select all of parts, then choose Object > Group.
7. 
   4
   Make the second button piece by choosing the ellipse and setting the size of the ellipse to 485 px x 485 px. Color this piece by using the gradient tool. Set the first color at position C = 19, M =4, Y = 12, K = 0.5; second color at position C = 55, M = 0, Y = 14, K = 0; third color at position, C = 90, M = 0, Y = 7, K = 50. Set the stroke to 
8. "none" and use radial mode.
9. 
   5
   Create an ellipse to make a reflection. Set the size of the ellipse to 275 px wide x 160 px tall. Use a linear gradient and set first color at position C = 0, M = 0, Y = 0, K = 0; second color at position C = 0, M = 90, Y = 0, K = 7. Set the stroke to "none." Position this part on the top of the second button part.
10. 
    6
    Make a shadow to make your button look shiny. Create a new ellipse and make it the same size as a second button part. Create another one at 700 px wide x 485 px tall and position it as shown on the illustration. Select both pieces and click Pathfinder > Compound Shapes > Subtract. Click at this part and position it on a second part as shown. Then select Transparency > Multiply.
11. 
    7
    Make a border shadow by copying a button part for two pieces. Position it as shown on the illustration. Select both pieces and click Pathfinder > Compound Shapes> Subtract, and then set it to "multiply" mode. Put it on the top of button. Select all of parts and choose Object > Group.
12. 
    8
    Position a second part on the center of a first part, as shown. You should now have a complete and realistic-looking aqua button.

Video:

https://www.youtube.com/watch?v=M8eQDPvvl-A

Other Resources:

1) http://www.wikihow.com/Create-an-Aqua-Button-in-Adobe-Illustrator-Cs3

2) http://veerle-v2.duoh.com/blog/comments/5_steps_to_achieve_nice_aqua_effect/

3) http://ndesign-studio.com/tutorials/glossy-button

4) http://wordpress-wd.com/2015/05/12/how-to-create-an-aqua-button-in-adobe-illustrator/