Home | About Us | Contact Us
Adobe Photoshop
Tools Retouching Image Effects
Web Buttons Textures Animation
Tools Basic Effects Artistic Effects
Adobe Animate Flash
Tools Text Effects Special Effects
Layout Web Designing  
Articles Interviews  
FREE Training Groups
Photoshop CorelDRAW Adobe Flash
Digital Darkroom Web Designing  
FREE Newsletters
Photoshop Magic CorelDRAW Magic Flash Magic
Web Designing Magic    
Get Our ANDROID APP for regular updates
Inside Graphics app



Home : Photoshop Web Buttons : Theme Button 

Theme Button

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

Inside Graphics app
Get Our ANDROID APP for regular updates
Adobe Photoshop CorelDRAW Adobe Animate Flash Designing
Tools Tools Tools Layout Designing
Retouching Basic Effects Text Effects Web Designing
Image Effects Artistic Effects Special Effects  
Web Buttons      
FREE Training Groups FREE Training Groups Miscellaneous Site Links
Photoshop Photoshop Magic Articles About Us
CorelDRAW CorelDRAW Magic Interviews Contact Us
Adobe Flash Flash Magic    
Digital Darkroom Web Designing Magic    
Web Designing      
back to home | Back to top
Copyrights © 2003 - 2017 Inside Graphics | Disclaimer | Privacy Policy