Things You'll Need:
-
Step 1
Start Photoshop and create a new image file measuring 100 pixels wide by 40 pixels high. Set the resolution to 72 pixels per inch and the mode to RGB color.
-
Step 2
Select the Paint Bucket tool on the right. The Paint Bucket tool resembles a tilted bucket with paint pouring from it.
-
Step 3
Click on the top palette square from the toolbar and select a color for the button. Click OK.
-
Step 4
Choose the options from the Paint Bucket Options menu. Try Normal and an opacity of 45 percent.
-
Step 5
Click on the square Selection tool from the Tool menu. From the Marquee Options window, select Rectangular for the shape, with feathering set at 0.
-
Step 6
Use the Selection tool to "draw" a rectangle inside of the button, forming a border.
-
Step 7
From the Select menu, choose Inverse. This selects the area inside the rectangle.
-
Step 8
Click on the Image menu and choose Adjust, then Brightness/Contrast. Adjust the Brightness level to '10, leaving the Contrast button set at 0. Click OK.
-
Step 9
Press the Control and H keys to view the new button.
-
Step 10
Click on the Selection tool again and draw another rectangle just outside of the first one. Inverse it as in Step 7 and adjust the Brightness level to '20. This fades out the button edges.
-
Step 11
Save the button as a GIF file.
-
Step 1
Open the button file and click on the Type tool on the left. Click on the top palette square and choose a text color.
-
Step 2
Click on the button. In the Type tool dialog box, choose the font, size, attributes and position.
-
Step 3
Type the text in the box and click OK. Drag the selection to center it on the button or press Delete to remove it.
-
Step 4
Use Save As to save the button under a new name.
