Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Texture Buttons

Texture Buttons


1. Create new file with 72 PPI and white background. Create a new Layer. Name it as "Base".

2. Select Ellipse Marquee tool. Drag it on the file. Fill the selection on the new layer with black.

image 1

3. Open the desired texture file. Select Move tool. Drag the image on the button file and adjust so that black ellipse will get properly covered with texture. In the layer palette you will get texture layer. Keep this layer selected.

image 2

4. Layer > Group with Previous (ctrl+G)

5. Merge the texture layer with the base layer. For this, select texture layer. Go to fly out menu of layer palette and click "Merge Down".

image 3

6. Layer > Layer Style > Bevel & Emboss + Drop Shadow

Texture Buttons

7. You can try out different types of textures as well as base shapes to create different effects.

8. Trim the button to remove unwanted space with Image > Trim



Author's URL: Atul Thakur
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Texture Buttons"

Captcha