CBT Cafe  
transSpacer

CBT Cafe > Photoshop > Buttons & Web

Photoshop: Beveled Button

Step 1. Make a 250X250 document or whatever size you like. Just make sure you have plenty of room on your document.

Step 2. Create a New Layer

Step 3. Select the Elliptical Marquee Tool and draw a circle holding down the shift key (holding down the shift key creates a perfect circle)

Photoshop: Beveled Button

Step 4. Set the Foreground Color to white and the Background Color to black

Step 5. Select the Gradient Tool and from the options palette up top, select the Radial Gradient Tool and fill by dragging from the upper left to the bottom right

Photoshop: Beveled Button

Photoshop: Beveled Button

Step 6. Cntrl-D to deselect

Step 7. Re-select the Elliptical Marquee Tool and make a smaller circle inside the one you just created. You may want to use the arrow keys to help position it if you didn't get it centered the first time.

Photoshop: Beveled Button

Step 8. Rotate 180 degrees. Edit>Transform> Rotate 180

Photoshop: Beveled Button

Step 9. Contract. Select>Modify>Contract and select 3 pixels

Step 10. Rotate by 180 again. Edit>Transform>Rotate 180

Photoshop: Beveled Button

Step 11. Now color your button. Image>Adjust>Hue/Saturation...

Make sure to check the Colorize button. Now, just adjust the 3 sliders to your liking and you have a great button effect!

Photoshop: Beveled Button

 

 

Home | Dreamweaver | Fireworks | Flash | Photoshop | Elements | PowerPoint| Ebay | QuickTime Pro | Flash 5 CD | Fireworks MX CD | QuickTime Support | Contact

Copyright © 1999-2015 CBT Cafe, All rights reserved

Flash®, Fireworks™, and Dreamweaver® are registered trademarks of Macromedia, Inc. in the United States and/or other countries
Photoshop®, Photoshop Elements® and Illustrator® are registered trademarks of Adobe Systems, Inc.
QuickTime® is a registered trademark of Apple Computer, Inc.
Ebay® is a registered trademark

CBT Cafe | Multimedia Learning | Interactive Graphics