• home
  • forum
  • my
  • kt
  • download
  • Create a download button

    Author: 2009-10-21 03:53:41 From:

    In this tutorial I’ll teach you how to create a download button.The final result will look like this:

    download12

    OK then, let’s start.

    Open a new document (mine is 600×600).

    Create a new layer and pick the „Elipse Tool”. Draw a blue circle holding SHIFT down. (I used #3c88fa).

    download1

    Now, let’s apply some blending options:
    First is „Drop Shadow”

    download2

    Next is „Gradient overlay”

    download3

    Create a new layer. Select the „Custom Shape Tool” and choose the „Arrows”.

    download4

    download5

    Pick arrow9 and draw an arrow in the middle of the blue circle:

    download6

    Right click on the arrow layer and choose „Rasterize layer”. Then pick the „Rectangular Marquee Tool” and draw a small rectangle like in the picture below:

    download7

    In this tutorial I’ll teach you how to create a download button.The final result will look like this:

    download12

    OK then, let’s start.

    Open a new document (mine is 600×600).

    Create a new layer and pick the „Elipse Tool”. Draw a blue circle holding SHIFT down. (I used #3c88fa).

    download1

    Now, let’s apply some blending options:
    First is „Drop Shadow”

    download2

    Next is „Gradient overlay”

    download3

    Create a new layer. Select the „Custom Shape Tool” and choose the „Arrows”.

    download4

    download5

    Pick arrow9 and draw an arrow in the middle of the blue circle:

    download6

    Right click on the arrow layer and choose „Rasterize layer”. Then pick the „Rectangular Marquee Tool” and draw a small rectangle like in the picture below:

    download7

    Delete the selected rectangle and after that move the rectangle down, press the Delete key and continue until your arrow looks like this:

    download8

    Let’s add now some blending options to the arrow layer:

    First „Stroke”:

    download9

    And then „Drop Shadow”

    download10

    And finally „Gradient Overlay”:

    download11

    And the button is now ready:

    download12

    discuss this topic to forum

    relation tutorial

    No information

    Category

      Abstracts (131)
      Effects (815)
      Animation (253)
      Photo Effects (1215)
      Automation (24)
      Photo Retouch (420)
      Basics (514)
      Photography (353)
      Brushes (59)
      Scripting (7)
      Buttons (226)
      Text Effects (916)
      Color (94)
      Textures and Patterns (202)
      Digital Art (264)
      Web Graphics (837)
      Drawing (1176)
      Web Layouts (358)

    New

    Hot