Photoshop Tutorial | Rollover Button
[Photoshop Tutorials]Tutorial by Paul Noia
This is a very simple technique that will have you creating roll-over buttons like the pros in just a few easy steps!
Step 1: Select the colors for the up and roll states (I chose #e1e1e1 for the upstate and #336699 for the text and reversed the colors for the roll-over state. Once you have done that, using the rectangle tool, create a rectangle as illustrated below.
Step 2: Select both layers and duplicate the layers. Now that the layers are duplicated, go ahead and swap the colors out for the roll-over button and text as illustrated below.
Step 3: Now it's time to add the effects to the buttons. Open a layer style window for the up state button and add the following settings as illustrated below.
Step 4: Now that you've created the effect for the up state button, all you have to do is copy and paste the layer style to the roll-over button layer and you're done!.
Click on the button below to download the source files for this tutorial:
[Back To Top]
Marketing efforts not working? Need a "wallet friendly" way to get your products and services out there? Well what are you waiting for?!
Opt-In eMail is Best
AHHCI | Web Design
VMCLI | Web Design
HTT Agency | Web Design
Vanderwist | Web Design
VMCLI | Logo Design
Think twice before switching your company's phone service to Vonage.
Read on...