Home

Free Online Training | Links | Add a Link | Contact Us | About Us
Photoshop
Learning Tools
Making E-Cards in Photoshop
Image Effects
Artistic Effects
Photo Retouching
Black & White
Focus Effects
Text Effects
Frames & Borders
Using Filters
Web Buttons
Textures & Patterns
Image Ready
Using with Corel DRAW
Articles
Interviews
Designing
Visiting Cards
Web Designing
Corel DRAW
Corel Basics
Learning Tools
Corel Techniques
Basic Effects
Patterns & Symbols
Artistic Effects
Text Effects
Flash
Learning Tools
Special Effects
Masking
Text Effects
Interviews
Inside Photography
Interviews
Photo Retouching Plugins
FREE Online Training
Learn Adobe Photoshop for FREE
Learn CorelDRAW for FREE
Site Links
Download Trial
Free Online Training
Newsletters
Add a link
Home : Photoshop Web Buttons : Texture Button
 
       
    Recommend us
   
    Connect with us
   
RSS FEED FaceBook Twitter LinkedIn
    FREE Online Training
    Photoshop Group
CorelDRAW Group
    Photoshop Magic Newsletter
   

*

Powered by Dada Mail 4.1.0 Stable 06/09/10 Mailing List Manager

 
   
   
 

Texture Button
Software : Photoshop 6.0
Level : Intermediate

  .
 

Concept: This is a lesson designed using Adobe Photoshop for creating texture button. This includes two different procedures. The first is to create the texture. You can use different methods to create texture. Once the texture is created, second procedure is to draw a shape of button and apply the texture over it. Then we apply bevel and emboss which is the most simple command to get the 3D effect necessary for 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


 
back to previous page


back to home Back to Top
© 2003 - 2012 Inside Graphics. All Rights Reserved Disclaimer | Privacy Policy