How to Create an Aqua Button in Adobe Illustrator Cs
Go to File > New to start a new document., Making a reflection, copy two squares of the same size., Create a button center., Make the second button piece by choosing the ellipse and setting the size of the ellipse to 485 px x 485 px., Create an...
Step-by-Step Guide
-
Step 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." -
Step 2: Making a reflection
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. , 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. , 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 "none" and use radial mode. , 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. , 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. , 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. , You should now have a complete and realistic-looking aqua button. -
Step 3: copy two squares of the same size.
-
Step 4: Create a button center.
-
Step 5: Make the second button piece by choosing the ellipse and setting the size of the ellipse to 485 px x 485 px.
-
Step 6: Create an ellipse to make a reflection.
-
Step 7: Make a shadow to make your button look shiny.
-
Step 8: Make a border shadow by copying a button part for two pieces.
-
Step 9: Position a second part on the center of a first part
-
Step 10: as shown.
Detailed Guide
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."
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. , 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. , 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 "none" and use radial mode. , 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. , 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. , 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. , You should now have a complete and realistic-looking aqua button.
About the Author
Sarah Gutierrez
Professional writer focused on creating easy-to-follow creative arts tutorials.
Rate This Guide
How helpful was this guide? Click to rate: