Pushed
in buttons
This tip gives the illusion of a web button being pushed in. We will make the up state and the down state of the button. This is perfect when using Java Script. This tutorial can be a little tricky and it does help if you know Layers well and the Gradient Tool. |
|
|
![]() |
|
![]() ![]() |
|
![]() |
|
![]() Now fill the selection from white to black using the Gradient Tool, white being the foreground. Start at the bottom and dragging up just passed the button. This creates an inset behind the button. Now deselect (PC: Ctrl- D. Mac: Command-D). Now would be a good time to add some text on the button. |
|
![]() Now click back on the "button off" layer and make a small drop shadow with the Layer Effects by going to Layer>Effects>Drop Shadow. A distance of 3 and a blur of 3 works well. This shadow is optional but it does give a better illusion of the button being popped up.
|
|
![]() |
|
![]() |
Home
| Site Map | Search
| Tips | Store |
Free |
Resources | Community | About |
Email |