Top Inside graphics free tutorials adobe photoshop texture button tips & tricks
Home | About Us | Contact Us | FREE Training | Newsletter | Get our Android App
Adobe Photoshop : Tools | Retouching | Image Effects | Web Buttons | Textures | Animation
CorelDRAW : Tools | Basic Effects | Artistic Effects
Adobe Animate : Tools | Text Effects | Special Effects
Miscellaneous : Layout Designing | Web Designing | Articles | Interviews

Home : Photoshop Web Buttons : Texture Button

Texture Button

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.

photoshop web buttons main

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.

photoshop web buttons  textures

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".

photoshop web buttons with shape

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

photoshop web buttons  with texture., emboss & drop shadow

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

Copyrights © 2003 - 2017 Inside Graphics | Disclaimer | Privacy Policy