Pretty Web Buttons

alpacabob · 11-20-2009, 11:38 AM

I'm working on a site where I've put up some buttons with rollover effects. Ironically, though, where I'm struggling is in making those buttons pretty- the rollover effects work fine- but the buttons themselves are just plain rectangular boxes. Does anybody have suggestions on where to download free button images or how to build buttons? I happen to have access to all of Adobe's CS4, so I can build in that, but I'm not sure how to eliminate extra space if I make the button rounded or how to add the appearance that some buttons have of being convex.

Thanks!

Kevin AKA Hubcap · 11-20-2009, 12:30 PM

I have some free buttons that I can send to you, in fact a warriors here just gave away a bunch of free graphics a few days ago.

If you're going to make your own buttons in PS use the rounded rectangle tool, apply layer styles (usually variations of drop shadow, bevel, inner/outer glow and stroke).

Hide the background layer from view and save as a PNG file (which preserves the backgrounds transparency).

PM me if you want the buttons.

Kevin

Jon MacPherson · 11-20-2009, 09:12 PM

Nice tip, Kevin.

Bob, here is a free button generator. I don't know if that would help:

Free Web Button Maker - ButtonGenerator.com

Jason Ong · 11-21-2009, 04:34 AM

Bob, this is what I use:

Buttonator

blue2x · 11-21-2009, 11:59 PM

hi alpa, i have some free rss buttons that i made in my blog, you can replace the text or stretch them to make them look like normal buttons , i also made a button pack a few years ago. you need adobe fireworks though

Christopher Hooper · 11-22-2009, 03:31 AM

Try these tutorials HERE. Those may help you out. Personally I like to make my own custom everything when it comes to web design. Those may help you if you are not a pro with photoshop. If you need more help let me know.

Christopher

alpacabob · 11-23-2009, 07:55 PM

Wow everyone! Thanks so much. I'm on my way to becoming a worthwhile webmaster yet.

Seriously- thanks!

Bellamy · 11-23-2009, 09:06 PM

Buttonator seems like an excellent resource.
You can also try searching on Mashable.com for free button designs.

11-20-2009, 11:38 AM	#1
alpacabob Active Warrior War Room Member Join Date: Aug 2009 Posts: 73 Thanks: 20 Thanked 6 Times in 4 Posts	Pretty Web Buttons I'm working on a site where I've put up some buttons with rollover effects. Ironically, though, where I'm struggling is in making those buttons pretty- the rollover effects work fine- but the buttons themselves are just plain rectangular boxes. Does anybody have suggestions on where to download free button images or how to build buttons? I happen to have access to all of Adobe's CS4, so I can build in that, but I'm not sure how to eliminate extra space if I make the button rounded or how to add the appearance that some buttons have of being convex. Thanks!

11-20-2009, 12:30 PM	#2
Kevin AKA Hubcap Flyin' Low & Slow War Room Member Join Date: Nov 2008 Posts: 1,189 Thanks: 56 Thanked 177 Times in 132 Posts	Re: Pretty Web Buttons I have some free buttons that I can send to you, in fact a warriors here just gave away a bunch of free graphics a few days ago. If you're going to make your own buttons in PS use the rounded rectangle tool, apply layer styles (usually variations of drop shadow, bevel, inner/outer glow and stroke). Hide the background layer from view and save as a PNG file (which preserves the backgrounds transparency). PM me if you want the buttons. Kevin
	Make Money With Web Video Even If You Don't Have A Video Camera --->Click Here For My Free Report<---

11-20-2009, 09:12 PM	#3
Jon MacPherson Lucky Man Join Date: Apr 2009 Location: Oregon Posts: 55 Thanks: 2 Thanked 6 Times in 6 Posts	Re: Pretty Web Buttons Nice tip, Kevin. Bob, here is a free button generator. I don't know if that would help: Free Web Button Maker - ButtonGenerator.com

11-21-2009, 04:34 AM	#4
Jason Ong Warrior Member War Room Member Join Date: Nov 2009 Location: Malaysia Posts: 26 Thanks: 4 Thanked 16 Times in 4 Posts	Re: Pretty Web Buttons Bob, this is what I use: Buttonator
	Jason O. Software That Takes the Hassle Out of Reading Web Pages and e-Books My blog: Internet Marketing Notes

11-21-2009, 11:59 PM	#5
blue2x blue warrior Join Date: Nov 2009 Posts: 15 Thanks: 0 Thanked 1 Time in 1 Post	Re: Pretty Web Buttons hi alpa, i have some free rss buttons that i made in my blog, you can replace the text or stretch them to make them look like normal buttons , i also made a button pack a few years ago. you need adobe fireworks though

11-22-2009, 03:31 AM	#6
Christopher Hooper Warrior Member War Room Member Join Date: May 2009 Location: Texas / Orlando, Florida Posts: 24 Thanks: 0 Thanked 2 Times in 2 Posts Social Networking	Re: Pretty Web Buttons Try these tutorials HERE. Those may help you out. Personally I like to make my own custom everything when it comes to web design. Those may help you if you are not a pro with photoshop. If you need more help let me know. Christopher

11-23-2009, 07:55 PM	#7
alpacabob Active Warrior War Room Member Join Date: Aug 2009 Posts: 73 Thanks: 20 Thanked 6 Times in 4 Posts	Re: Pretty Web Buttons Wow everyone! Thanks so much. I'm on my way to becoming a worthwhile webmaster yet. Seriously- thanks!

11-23-2009, 09:06 PM	#8
Bellamy Active Warrior Join Date: Nov 2009 Posts: 36 Thanks: 0 Thanked 2 Times in 2 Posts	Re: Pretty Web Buttons Buttonator seems like an excellent resource. You can also try searching on Mashable.com for free button designs.
	Recover deleted files, Fix slow startup, and open PPT Files