Adobe Illustrator continues to receive praise from the press. Read our materials to discover the joys of using it on your own.  Home Vector Graphics Adobe Illustrator How to create a shiny web 2 0 button in illustrator

How to create a shiny web 2 0 button in illustrator


Easy :)

First, draw a circle (using Shift tab) and fill it with radial gradient like this:

image 1

Now, copy that circle, paste it on the top of the first one and make it smaller. Rotate the gradient fill in that smaller circle for 180 degree. This will create a "shining" effect.

image 2

Make another circle resize it to make it smaller than the one we did just now. Fill it in using simple radial gradient fill.

image 3

Now make the fourth (this is the last one) circle that's smaller than third one and use Pen tool to create a shape that will look like this: (select the bottom anchor point and simply delete it).

image 4

Done. Now, that wasn't difficult, was it?

image 5

Here are some sample images derived from this button (© Photographer: | Agency: Dreamstime.com):

image 6

image 7

image 8

How to Create a Shiny Web 2.0 Button in Illustrator



Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Adobe Illustrator continues to receive praise from the press. Read our materials to discover the joys of using it on your own. More Adobe Illustrator Tutorials: Featured Materials | Fresh Materials | More Adobe Illustrator Tutorials at Vectorials.com

No comments yet...
Add comments to "How to create a shiny web 2 0 button in illustrator"

Captcha