Free Online Training | Download Trial | Advertise with Us | Links | Add a Link | 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
Designing
Visiting Cards
Web Designing
Corel DRAW
Corel Basics
Learning Tools
Corel Techniques
Basic Effects
Patterns & Symbols
Artistic Effects
Text Effects
Inside Photography
Desktop Wallpapers
Interviews
Photographers Galleries
Photo Retouching Plugins
Flash
Learning Tools
Special Effects
Masking
Text Effects
Interviews
Downloads
High Resolution Paper Backgrounds
Create Filters with FIlter Forge
Site Links
Download Trial
Free Online Training
Publications
Advertise with us
Add a link
Home : Photoshop Web Buttons : Theme Button
 
Learn more about InterVideo DVD Copy 6
 
 

Theme Button
Software : Photoshop 6.0
Level : Intermediate

.
 
 

1. Create a new file with 72 PPI and white background. Create a new layer.

2. Select Elliptical Marquee tool. Place the cursor in the center of the file using grids.

3. Draw a circle. Fill it with any color. Create a second layer. Select it. Place the cursor in the center and draw second circle of smaller diameter. Fill it with the color. Deselect all.

basic photoshop web buttons

4. Select the bottom layer with big circle.
Layer > Layer Style > Bevel & Emboss
Try to experiment with the values.

5. Select the top layer with small circle.
Layer > Layer Style > Bevel & Emboss
(style - Pillow Emboss)
Try to experiment with the values.
Trim the button to remove unwanted space with Image > Trim

main photoshop web buttons

6. Open the desired image file which is suitable to your theme. Select Move tool. Drag the image on the button file and adjust so that the whole button will get properly covered. In the layer palette you will get image layer. Keep this layer selected.

photoshop web buttons theme image

7. Duplicate the image layer and drag it down to bring it on the top of the big circle layer. Select the image layer.

8. Layer > Group with Previous (ctrl+G). Repeat the procedure for the top image layer also. The layer position will be as follows.

photoshop web buttons layers position

9. Save the file.

photoshop theme web buttons

 
Learn more about CorelDRAW Graphics Suite X4
 
 
 
back to previous page


back to home Back to Top

© 2008 Inside Graphics. All Rights Reserved Disclaimer | Privacy Policy