Categories

Partners
  • Website Templates

  • Design Feeds

  • Adobe Photoshop Tutorials

  • Website Templates, WordPress Themes

  • Website Templates

  • Flash Web Sites

  • Photoshop Templates

  • Photo Contests

  • Photo Tips
  • Search


    Advanced Search


    Partner Links
  • Adobe Photoshop Tutorials

  • Free Stock Photos and Images



  • Website Templates

     »  Adobe Home  »  Adobe Photoshop  »  Buttons  »  Simple Website Button
    Simple Website Button
    Published  05/20/2007 | Buttons
       
    Simple Website Button - part 1


    We will learn to draw web button with this tutorial.

    Create a new file (File>New) having 450x450 px and 72 dpi.
    Next we’ll use the Rounded Rectangle Tool (U) to represent the primary layer of the button we’ll represent below.

    Create Simple Website Button in Photoshop CS

    Create Simple Website Button in Photoshop CS

    The layer’s parameters:
    Blending Options>Drop Shadow

    Create Simple Website Button in Photoshop CS

    Blending Options>Inner Shadow

    Create Simple Website Button in Photoshop CS

    Blending Options>Gradient Overlay

    Create Simple Website Button in Photoshop CS

    Gradient’s parameters:

    Create Simple Website Button in Photoshop CS

    Create Simple Website Button in Photoshop CS Simple Website Button
    We will learn to draw web button with this tutorial.