• home
  • forum
  • my
  • kt
  • download
  • Beveled Button

    Author: 2008-01-14 10:19:35 From:

    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

    discuss this topic to forum

    relation tutorial

    No relevant information

    Category

      Abstracts (88)
      Effects (498)
      Animation (220)
      Photo Effects (823)
      Automation (20)
      Photo Retouch (316)
      Basics (411)
      Photography (302)
      Brushes (49)
      Scripting (5)
      Buttons (187)
      Text Effects (731)
      Color (77)
      Textures and Patterns (172)
      Digital Art (147)
      Web Graphics (692)
      Drawing (735)
      Web Layouts (175)

    New

    Hot