 |
 |
 |
| Swirls Photoshop brushes set (42) | Swirls 5.0 - Photoshop Brushes Set (40) | Tattoo Designs Photoshop brushes set (30) |
Tutorial: How to create a shiny Web 2.0 button in Illustrator
Author:
bsilvia
9 Aug
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
*******
Sticky note
Illustrator Creative Suite 3. Explore new paths with the essential vector tool. Order Now!
Subscribe!
Featured EC blog
Special Discount
Pages
Categories
- Announcements (79)
- Free Downloads (87)
- Illustrator freebies (12)
- Image Gallery (15)
- Photoshop Brushes (72)
- Shop (29)
- Tutorials (34)
Recent Posts
Recent Comments
- Kay on Usage of the Photoshop Swirls Brushes in a Sunset Photo
- bsilvia on How to Get All Premium Photoshop Brushes From This Site for 1/2 Price
- deb on How to Get All Premium Photoshop Brushes From This Site for 1/2 Price
- Dubai Web Design, Development on Love hearts - Valentine’s day Photoshop brush
- June Campbell on The Story of Stuff or “What’s going on with our planet at this very moment?”
What am I doing?
Archives
- July 2008 (12)
- June 2008 (14)
- May 2008 (16)
- April 2008 (7)
- March 2008 (17)
- February 2008 (14)
- January 2008 (14)
- December 2007 (14)
- November 2007 (17)
- October 2007 (24)
- September 2007 (8)
- August 2007 (13)
- July 2007 (18)
Community
Scrapbooking Love
Ad Space
1. Stock Illustrations
2. Sites to visit: Related
- (My) Business Cards Designs
- (My) RedBubble
- Computer Graphics Magazine and more
- Creative Curio - A Graphic Design Focused Blog
- Customized Web Design
- DesignerDigitals
- Gini’s Magic - Photo Enhancement
- Graphic identity
- Graphics-illustrations store
- I recommend Siteground Webhosting
- I’m the Lensmaster
- Istockdiary - Illustrator tutorials, tips and tricks on vector art
- Learnfobia - A Lifetime Study
- My graphic/web design portfolio
- Nela’s dark art gallery
- Personalized Photo Products
- Pixel2Life
- Portfolio of Nela Dunato
- Powerful Hosting - $7.95 - Free Setup
- Vectorials - vector graphics tutorials
- Visual Evasion, graphic design blog
- You The Designer
- Your Logo Design Specialist
10 Responses for "Tutorial: How to create a shiny Web 2.0 button in Illustrator"
I love this simplicity ;)
Keep up the good work bro ;)
Thanks, I will :)
S*
I managed to do this pretty well, but I just have one question. How do you make a radial gradient offset from the center?
I guess you ment off the center? :) Using “Gradient Tool” just drag a straight line starting outside the circle and ending on the other side of circle.
Hope that helps.
S*
If you meant “from the center” after drawing it “off the center” just reset Gradient Tool from Radial to Linear and then again to Radial…
S*
Thanks for the tutorial, here’s what I made off your input…
http://www.rickpickett.com/art/share/heart-web2_0.png
Used a feather on the glow by going to Effect > Stylize > Feather and also used a Masking Gradient to get a smooth fade toward the bottom tip.
Peace!
Rick
Rick!
It’s beautiful what you’ve done there. Is it ok with you if I write a post about it and use that image in it?
Thanks a lot for nice tut..
keep it up
Vishal patil India
it is very beautiful …. thank you very much but i can not make the same gradient so the result is not good
Very nice. I love it.
Leave a reply