Popular Photoshop Related Websites |
|
|
|
 |
 |
 |
 |
Adobe Photoshop Tips and Tricks |
|
|
Welcome to 3D CAD Resources |
| |
|
|
Photoshop Tips and Tricks |
Creating Green Glassy Button |
|
| |
Written by Adhinarayana
|
|
Friday, 07 March 2008
Category Adobe Photoshop - Button and Web Layout
|
| |
In this Tutorial we are going to learn how to make buttons for the web site layout. Follow the steps as shown below: |
| |
1) Start with creating a new document. I have created a 400 x 400 pixel document. Now you choose what sort of a button
do you want to make a round, square, a rectangle shape or you can create your own new shape. Explore your imagination there is no hard and fast rule for
creating a button. I have decided to create a rounded rectangle shape button for this tutorial. Select Rounded Rectangle Tool from tool palette as shown in
figure 1 or just click CTRL + N to open a new document. |
| |
|
| Figure 1. |
| |
2) Now draw the image on the blank document as shown in figure 2. Once you have drawn
your image don't forget to Rasterize the layer. Just right click on the layer and select "Rasterize Layer" from the drop
down menu as shown in figure 2. |
| |
|
| Figure 2. |
| |
3) Right click on the layer and click on Blending Options. When the "Layer Style"
dialog box appears select "Drop Shadow" {Specifies the blending mode of a bevel or emboss highlight
or shadow} from the list and make the necessary editing in the settings as shown in figure 3. |
| |
|
| Figure 3. Click here to view larger image. |
| |
|
|
| |
|
|
|
|
|
 |
 |
 |
|