Hack Forums
Creating a Sleek Button in Photoshop [VIDEO INCLUDED] - Printable Version

+- Hack Forums (https://hackforums.net)
+-- Forum: Tech (https://hackforums.net/forumdisplay.php?fid=444)
+--- Forum: Graphics (https://hackforums.net/forumdisplay.php?fid=156)
+---- Forum: Graphics (https://hackforums.net/forumdisplay.php?fid=6)
+---- Thread: Creating a Sleek Button in Photoshop [VIDEO INCLUDED] (/showthread.php?tid=3607461)

Pages: Pages 1 2


Creating a Sleek Button in Photoshop [VIDEO INCLUDED] - b0lt - Jul 8, 2013

Buttons play a very important character in Web Design and also UI Design.
Since they are such an integral part of designing I will show you how you can create your own button in Photoshop.


Once you have went through the tutorial you can create so many different types of buttons. The possibilities are endless. Have fun and I hope you enjoy my tutorial.


Video Tutorial


Excuse me for the sound. I have a bad microphone but plan on getting a better one if my tutorials succeed. Before anyone asks; Yes, English is my second language :)
I suggest you watch the tutorial on YouTube for better quality.





Click the spoiler to start the text tutorial.Spoiler (Click to View)




* - JohnLennon - Jul 8, 2013

Really HQ tutorial, easy to do and understand. Thanks for making this mate.


* - b0lt - Jul 8, 2013

(Jul 8, 2013 07:24 PM)JohnLennon Wrote:  Really HQ tutorial, easy to do and understand. Thanks for making this mate.

Thanks a lot. Glad you liked it

~PixelArts


* - Ptolemy - Jul 8, 2013

Great tutorial, I think this will help some people get a better concept of how to make buttons based off your tut.


* - b0lt - Jul 8, 2013

(Jul 8, 2013 08:20 PM)Ptolemy Wrote:  Great tutorial, I think this will help some people get a better concept of how to make buttons based off your tut.

I hope so. Expect more tutorials soon :)


* - Bad Meets Evil - Jul 9, 2013

The text placement on the button looks odd.


* - b0lt - Jul 9, 2013

(Jul 9, 2013 09:26 AM)Bad Meets Evil Wrote:  The text placement on the button looks odd.

Where else should I put the text? I can't leave it out :P


* - Bad Meets Evil - Jul 9, 2013

(Jul 9, 2013 09:27 AM)PixelArts Wrote:  Where else should I put the text? I can't leave it out :P

I would move it above the line that divides the light from dark colour or put it directly on top. Or move the line - either way it shouldn't be just touching the bottom part.


* - b0lt - Jul 9, 2013

(Jul 9, 2013 09:30 AM)Bad Meets Evil Wrote:  I would move it above the line that divides the light from dark colour or put it directly on top. Or move the line - either way it shouldn't be just touching the bottom part.

Alright thanks for your suggestion. I will try that out


* - Jmw - Jul 9, 2013

It looks really nice, thanks for creating this!


* - b0lt - Jul 9, 2013

(Jul 9, 2013 09:33 AM)Jmw Wrote:  It looks really nice, thanks for creating this!

Glad you liked it. Expect some more tutorials soon

~PixelArts


* - alignment - Jul 9, 2013

Simple, clean and gets the job done.
Thank you for your contribution and can't wait to learn more!


* - DJSanderrr - Jul 10, 2013

That looks so damn HQ and Awesome!
Thanks!!

-DJS


* - b0lt - Jul 10, 2013

(Jul 10, 2013 05:46 AM)DJSanderrr Wrote:  That looks so damn HQ and Awesome!
Thanks!!

-DJS

Awesome. Hope you enjoyed it :)

~PixelArts


* - Bad Meets Evil - Jul 10, 2013

Text placement is a lot better in the video.