Home Upgrade Search Memberlist Extras Hacker Tools Award Goals Help Wiki Contact

How to make basic GUI Buttons in PS

All in pictures :)

Button 1:

[IMG]http://i47.[censored].com/wsryxi.png[/IMG]

[IMG]http://i47.[censored].com/t71j4x.png[/IMG]

[IMG]http://i47.[censored].com/3589ohz.png[/IMG]

[IMG]http://i45.[censored].com/29pxe00.png[/IMG]

[IMG]http://i45.[censored].com/2qltsw6.png[/IMG]

[IMG]http://i46.[censored].com/2uo42f9.png[/IMG]

[IMG]http://i50.[censored].com/fxypvm.png[/IMG]

Save it as a PNG image.

Now lets make button 2 (mousehover)

[IMG]http://i45.[censored].com/118ge9y.png[/IMG]

[IMG]http://i49.[censored].com/b7nfvt.png[/IMG]


TUrn down the opacity...

Save it as a PNG image and ur done :)
Spoiler (Click to View) and nice tutorial
ill remember this, its simple and easy with a good finish 🙂
Cool, thanks.. will need this in the future
Nice tutorial mate...tfs
Simple, but it's good to learn sth. Tho it could be more advanced to make buttons.
damn i dont have that pattern xD
(Jan 20, 2010 02:27 PM)Loka~ Wrote:  damn i dont have that pattern xD

You make it, theres a tut for it.
Awsome tut bro. Ill sure this in future for sure :)
Crop your images bro!
Nice little tutorial though.
what version of Photoshop is that?
and
p.s Nice tut
u know that are spoilers? Spoiler (Click to View) anyway thanks great tut if i can i will + rep


Possibly Related Threads...
Thread / Author Replies Views Last Post
by HydraJun 13, 2017 12:57 AM 23 2,958 Jun 13, 2017 12:57 AM
Last Post: X X X X
by jazzycoolAug 25, 2012 09:42 AM 0 73 Aug 25, 2012 09:42 AM
Last Post: jazzycool
by ResellerJun 9, 2012 02:34 PM 2 116 Jun 9, 2012 02:34 PM
Last Post: Reseller