• home
  • forum
  • my
  • kt
  • download
  • Glossy Buttons

    Author: 2008-06-11 09:54:09 From:

    Step 1:

    Let's start out by creating a new file. I used a 400x200 pixels canvas set at 72dpi, and I filled my background with a white color. Now create a new layer set and name it 'Glossy Buttons'.

    Select the Rectangle Tool and above your screen under the options palette check anti-aliased. Create a new layer and draw a rectangle with 126×27 px dimensions and #B8F416 color shade.

    Step 2:

    Under Layer Style (Layer > Layer Style) add an Inner Glow and Stroke blending options to your green rectangle layer.

    Step 3:

    Now draw a skinny rectangle with 134×12 px dimensions and #B8F416 color shade right above your large rectangle.

    Photoshop Tutorials - Glossy Buttons 6

    Step 4:

    Under Layer Style (Layer > Layer Style) add an Inner Shadow and Gradient Overlay blending options to your skinny rectangle layer.

    Photoshop Tutorials - Glossy Buttons 7

    Photoshop Tutorials - Glossy Buttons 8

    Photoshop Tutorials - Glossy Buttons 9

    Step 5:

    Now choose the Horizontal Type Tool and set the font family to Arial, bold, 16 pt, strong and #659000 color shade. In a new text layer type the name of your first glossy button.

    Photoshop Tutorials - Glossy Buttons 10

    Step 6:

    Under Layer Style (Layer > Layer Style) add a Gradient Overlay and Stroke blending options to your text layer.

    Photoshop Tutorials - Glossy Buttons 11

    Photoshop Tutorials - Glossy Buttons 12

    Photoshop Tutorials - Glossy Buttons 13

    Results:

    Glossy Buttons.

     

    If you found the above Photoshop tutorial helpful, please help to share this with others by using the 'digg' button below.

    discuss this topic to forum

    relation tutorial

    No relevant information

    Category

      Abstracts (88)
      Effects (463)
      Animation (135)
      Photo Effects (682)
      Automation (15)
      Photo Retouch (268)
      Basics (339)
      Photography (298)
      Brushes (44)
      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