Free online photoshop training

Photoshop tutorials for webdesigners

Create a Grey silver website button

December 16th, 2007 · No Comments

Today we are going to create a Grey silver website button using photoshop.

[1]-First of all open new document of custom size
you may choose any size, I am gonna take Height & width 400×400 pixels and Resolution 72 and Mode RGB Color

Grey-silver-website-button1

[2] Take the Elliptical Marquee Tool.

Grey-silver-website-button2

[3] Now create a new shape and fill with black color.

Grey-silver-website-button3

[4] Create another shape with the help of Elliptical Marquee Tool, and fill with Grey color but do not Deselect.

Grey-silver-website-button4

[5] Take the Gradient Tool use these settings.

Grey-silver-website-button5

[6] Now fill the selection with the of Gradient Tool

Grey-silver-website-button6

[7] Then create a new shape with the help of Elliptical Marquee Tool, and fill with black color.

Grey-silver-website-button7

[8] Now go to Blending Option set the Gradient Overlay use the following settings.

Grey-silver-website-button8

[9] Your image should be look like this.

Grey-silver-website-button9

[10] And now set the Foreground color see in the next image.

Grey-silver-website-button10

[11] Then create a new shape with the help of Elliptical Marquee Tool and fill the color.

Grey-silver-website-button11

[12] Now go to Blending Option use the following settings.

Grey-silver-website-button12

Grey-silver-website-button13

[13] Your image should be look like this.

Grey-silver-website-button14

[14] Now take the Elliptical Marquee Tool use these settings.

Grey-silver-website-button15

[15] And now create a new shape with the help Elliptical Marquee Tool.

Grey-silver-website-button16

[16] Create another shape over the selection see in the next image.

Grey-silver-website-button17

[17] Your image should be look like this.

Grey-silver-website-button18

[18] Fill the selection with White color.

Grey-silver-website-button19

[19] And now set the Opacity as shown image below.

Grey-silver-website-button20

[20] Use the same Technique for the previous layer as shown image below.

Grey-silver-website-button21

[21] Your image should be look like this.

Grey-silver-website-button22

[22] Now take the Shape Tool and choose this one.

Grey-silver-website-button23

[23] Create a new shape and fill with Red color.

Grey-silver-website-button24

[24] Make the copy of Shape layer.

Grey-silver-website-button25

[25] And set the Opacity.

Grey-silver-website-button26

[26] Then press Cnlt+T, Transform selection to Rotate your image see in the next.

Grey-silver-website-button27

[27] Your final is ready.

Grey-silver-website-button28

Create a Grey silver website button,Free Photoshop Website Templates, Free Photoshop Web Layouts,Design a Website In Photoshop [Software Tutorials]

Tags: Web graphics

0 responses so far ↓

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

Leave a Comment