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
Your Ad Here

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?

How to Create a Shiny Web 2.0 Button in Illustrator Tutorial: Final Result

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

image 6

image 7

image 8

image 9



Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Vector graphics is the creation of digital images through a sequence of commands or mathematical statements that place lines and shapes in a given two-dimensional or three-dimensional space. More Vector Graphics: Most Popular Materials | Fresh Materials | More Adobe Illustrator Tutorials at Vectorials.com

Add comments to "How to Create a Shiny Web 2.0 Button in Illustrator"

Only registered users can write comment

No comments yet...