Photoshop design website unique button in Photoshop

Posted on July 19th, 2008 by 3dfun in Photoshop Tutorials

Today I am telling you about How to Photoshop design website unique button in Photoshop.

[1] First of all Open New Document of Custom Size, Height & Width 300 x 200 pixels,Resolution 72 & Mode RGB Color.

Photoshop-design-website-unique-button1

[2] For Rounded Rectangle Tool create a shape.

Photoshop-design-website-unique-button2

[3] Add the following layer styles.

Photoshop-design-website-unique-button3

Photoshop-design-website-unique-button4

Photoshop-design-website-unique-button5

[6] Create another shape with Rounded Rectangle Tool color is white.

Photoshop-design-website-unique-button6

[7] For this shape add the following layer styles.

Photoshop-design-website-unique-button7

Photoshop-design-website-unique-button8

Photoshop-design-website-unique-button9

Photoshop-design-website-unique-button10

[8] Take the Elliptical Marquee Tool apply following settings.

Photoshop-design-website-unique-button11

[9] Cntl+Click the previous shape layer to make a selection after that create a shape like this.

Photoshop-design-website-unique-button12

[10] Take the Gradient Tool use these settings.

Photoshop-design-website-unique-button13

Photoshop-design-website-unique-button14

[11] Make a new layer, fill the the selection with gradient tool.

Photoshop-design-website-unique-button15

[12] This is my final result.

Photoshop-design-website-unique-button16

adobe photoshop drawing

adobe photoshop effects

adobe photoshop text effects

Leave a Reply

You must be logged in to post a comment.