Easy :)
First, draw a circle (using Shift tab) and fill it with radial gradient like this:
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.
Make another circle resize it to make it smaller than the one we did just now. Fill it in using simple radial gradient fill.
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).
Done. Now, that wasn’t difficult, was it?
Here are some sample images derived from this button:
© Photographer: | Agency: Dreamstime.com
© Photographer: | Agency: Dreamstime.com
© Photographer: | Agency: Dreamstime.com
© Photographer: | Agency: Dreamstime.com
Popularity: 5% [?]
18 Comments
Trackbacks
- Logotipo estilo uTorrent at Franco Andrade | bLog
- 5 Easy Tutorials for Creating Web 2.0-Style Buttons | Epik Creative Blog
Leave a Reply
Related Posts
Coloring Brushes in Adobe Illustrator
Hi Gang, Many of you asked me about coloring brushes in Adobe Illustrator. Well, I know, I promised to make a video more
Recent Posts
September Desktop Wallpaper Calendar – Free Download
It is a weird day today. Especially the sunset I'm watching right now. It rains, clouds are low, but still, far more
Summer Fun Photo Scrapbook: “Oh, such a perfect day.”
Not all people enjoy Summer at crowded beaches, some people enjoy spending Summer in mountains. Irska is one of them. more
How to Convert Photoshop brushes to PNG files using GIMP (free image editing software)
Humans! (Now, what did you expect me to call you? You call us cats, it's only fair that we call more
Swirled Squares Design Elements (introduced by Meoki)
Hi, this is not Silvia speaking. I'm Meoki. Black&White, up-side-down cat holding "Special Offers" board, look here, a little bit up more
Love it, but I am still stuck on making a gradation like that! It looks like the center of the radial gradation is off center. Love it if anyone can help me out here!
Marvelous!
Great tutorial, thanks so much for sharing this, stumbled it too :)
Thanks John John!
S
The “here are some sample images” link is dead.
Here’s a suitable replacement that brings up many like images (and, being a search, will nigh eliminate the possibility of dead links):
http://www.stockxpert.com/browse_image/search/text/web%202.0
Excellent tutorial! This was exactly what I was looking for and easy to accomplish. Thank you for sharing!
Gorgeous, thanks so much for sharing!
This is very good i found this page by google. thanks for sharing the tips >_<