Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Vector Graphics  Home Vector Graphics Adobe Illustrator How to Create a Shiny Web 2.0 Button in Illustrator
rss

How to Create a Shiny Web 2.0 Button in Illustrator

Author: graphics-illustrations.com More by this author


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




Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

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