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
Zjoske says
I love this simplicity 😉
Keep up the good work bro 😉
bsilvia says
Thanks, I will 🙂
S*
aethington says
I managed to do this pretty well, but I just have one question. How do you make a radial gradient offset from the center?
bsilvia says
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*
bsilvia says
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*
Rick Pickett says
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
bsilvia says
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?
vishal says
Thanks a lot for nice tut..
keep it up
Vishal patil India
moslma says
it is very beautiful …. thank you very much but i can not make the same gradient so the result is not good
Trav says
Very nice. I love it.
Mika-chai says
This is very good i found this page by google. thanks for sharing the tips >_<
Sara says
Gorgeous, thanks so much for sharing!
Emily says
Excellent tutorial! This was exactly what I was looking for and easy to accomplish. Thank you for sharing!
John John says
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
bsilvia says
Thanks John John!
S
Scrapbooking Baby says
Great tutorial, thanks so much for sharing this, stumbled it too 🙂
Scott says
Marvelous!
Ruth says
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!