ooglewindowblinds.com

Easy and Free adobe CS photoshop tutorials and lessons online

Website template download button

April 14th, 2008 · No Comments

Here we will tell you how to make a Website template download button in photoshop.

[1] Take a new file of 400 pixels, 400 pixels, of resolution 72 dpi in the RGB mode.

Website-template-download-button1

[2] Now take the Rectangle Marquee Tool create a shape, make the new layer and fill the selection with this color coding #272727.

Website-template-download-button2

[3] Go to Blending Option select the Stroke Structure use these settings.

Website-template-download-button3

Website-template-download-button4

[4] Create a new layer take the Pencil Tool use these settings, then make 2 white lines like this.

Website-template-download-button5

Website-template-download-button6

[5] Go to Blending Option select the Bevel and Emboss use these settings.

Website-template-download-button7

Website-template-download-button8

[6] Create a new layer take the Pencil Tool use these settings, then draw a Black line like this.

Website-template-download-button9

Website-template-download-button10

[7] Go To Filter>Blur>Gaussian Blur.

Website-template-download-button11

Website-template-download-button12

[8] Create a new layer, draw 2 insetlines like this.

Website-template-download-button13

[9] Decrease Opacity 20 with White Line, and 30 with Black Line.

Website-template-download-button14

[10] Make the copy of the Both Black and White line layer.

Website-template-download-button15

[11] Create a new layer, use Pencil Tool Size 2px to Make 4 dots like this.

Website-template-download-button16

[12] Go to Blending Option use the following settings.

Website-template-download-button17

Website-template-download-button18

Website-template-download-button19

[13] Make the copy of the Previous Dots Layes.

Website-template-download-button20

[14] Create a new layer take the Rectangular Marquee Tool, and fill the selection with this color coding #1a232c.

Website-template-download-button21

[15] Go to Blending Option select the Inner Shadow Structure use these settings.

Website-template-download-button22

Website-template-download-button23

[16] This is my final result.

Website-template-download-button24

photoshop tutorial glass buttons

photoshop glass button tutorial

\

Tags: Photoshop Tutorials

0 responses so far ↓

  • There are no comments yet...Kick things off by filling out the form below.

You must log in to post a comment.