Home

Free Online Training | Download Trial | Links | Add a Link | Feedback | Contact Us | About Us
Photoshop
Learning Tools
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
Articles
Interviews
Photoshop Blog
Designing
Visiting Cards
Web Designing
Corel DRAW
Corel Basics
Learning Tools
Corel Techniques
Basic Effects
Patterns & Symbols
Artistic Effects
Text Effects
Corel DRAW Blog
Flash
Learning Tools
Special Effects
Masking
Text Effects
Interviews
Flash Blog
Downloads
High Resolution Paper Backgrounds
Create Filters with FIlter Forge
Inside Photography
Interviews
Photo Retouching Plugins
FREE Online Training
Learn Adobe Photoshop for FREE
Learn CorelDRAW for FREE
Learn Adobe Flash for FREE
Learn Digital Retouching for FREE
Learn, Discuss & Exchange Ideas
Site Links
Download Trial
Free Online Training
Bookshelf
Advertise with us
Add a link
Feedback
 
Home : Photoshop Web Buttons : Texture Button
  .
 
 
 
 
  InsideGraphics Blogs
Photoshop Blog
Corel DRAW Blog
Flash Blog
InsideGraphics Forums
Photoshop Forum
Corel DRAW Forum
Flash Forum
Business Card Forum
Web Designing Forum
 
 

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
© 2010 Inside Graphics. All Rights Reserved Feedback | Disclaimer | Privacy Policy