Adobe Photoshop CS3 Push Button Tutorial

Tutorial Written by: Jay Han (www.jay-han.com)

Recently I created a push button and I think it is quite cool and decided to create a tutorial here in my blog. There is quite a variety of styles of push button in the real world and the one I did here is more to gaming arcade push button styles. The final button design is shown above. What do you think?

Like my last tutorial, this tutorial also uses a lot of layer styling. To make the tutorial more understandable and effective, I include a starting working PSD, a final outcome PSD as well as the ASL working layer styles file. You can download it here: Push Button Tutorial Files. Just download and extract it, launch Adobe Photoshop and starts the tutorial!

Before proceed, let me show you the structures of the push button we going to create. There are 6 shape layers to construct the push button:

Gray Border

Gray Body

Button Shadow

Button Orange Body

Button 3D Highlight

Button 3D Shadow

Then, open the pushbutton-start.psd file, inside, you will find the all the 6 basic shape layers but without the styling. You can see that basically, all of them are done by using Ellipse Tool. Then, load the Push-Button-Styles.asl file into your Styles palette. By following the instructions written in the picture below, apply the styles respectively to all the six shape layers.

After applying all the layer styles, you had successfully create a push button! I hope you all like the final result of the push button. Eventually you can check the final result at the pushbutton-final.psd file. Since it was a push button, I think it is better to include a pushed-in version, you can find it in the final PSD too.

If you are looking for how you can possibly learn more about Adobe Photoshop or any other Adobe product there are some really good tutorial software programs that teach very well. Most of them provide video tutorials that take you step by step through every feature and process within each product in detail. The possibility of getting lost or losing focus is minimal because you are in control of the rate of speed that you learn. I personally recommend Total Training because of its great information and detail. They are also a partner of Adobe. Digital Media Studios also has a very good series of products that may be a better solution for some individuals. Remember that with time you can unlock the Adobe Guru in you!

Total Training provides customers with a Video Training Series that is promoted by a Partnership with Adobe Systems (Worldwide). You can't go wrong with the incredible series of DVD software that this company provides. Total Training provides a one of a kind offer to let you try all of their online products for 2 days with a special guest pass. You will be on your way to being an Adobe expert in no time!

If you would like something that is a bit more contemporary, why not settle down and read a good book. This Adobe Photoshop CS3 is written by the Adobe Creative Team. It provides great information for learning the ins and outs of the program. If you have the mindset to read attentively, I personally recommend this book.

These products have a different approach to teaching people from beginners to professionals how they can learn Adobe Photoshop or improve on their techniques. From Video instruction, Adobe Flash illustration, to your plain text-based document, the choice is up to you how you want to learn. Remember to return for updated articles and tips on the forum from myself and visitors. Stay Smart and Keep Learning!