Free online photoshop training

Photoshop tutorials for webdesigners

Photoshop website home button icon

January 22nd, 2008 · No Comments

Here we will tell you how to make a Photoshop-website-home-button-icon in photoshop.

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

Photoshop-website-home-button-icon1

[2] Now take the Elliptical Marquee Tool make the new layer, create a shape and fill with Black color.

Photoshop-website-home-button-icon2

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

Photoshop-website-home-button-icon3

Photoshop-website-home-button-icon4

Photoshop-website-home-button-icon5

Photoshop-website-home-button-icon6

[4] You have to get the result.

Photoshop-website-home-button-icon7

[5] Now take the Elliptical Marquee Tool make the new layer, create a shape and fill with Black color.

Photoshop-website-home-button-icon8

[6] Go to Blending Option select the Gradient Overlay use the following settings.

Photoshop-website-home-button-icon9

Photoshop-website-home-button-icon10

[7] Your image something look like this.

Photoshop-website-home-button-icon11

[8] Take the Shape Tool and select this one.

Photoshop-website-home-button-icon12

[9] Make the new layer, create a shape and fill with White color.

Photoshop-website-home-button-icon13

[10] Go to Edit>Transform>Rotate 90 CCw.

Photoshop-website-home-button-icon14

[11] Your image something look like this.

Photoshop-website-home-button-icon15

[12] Take the Rectangular Marquee Tool create a shape.

Photoshop-website-home-button-icon16

[13] Now hit the Delete Key on your Keyboard.

Photoshop-website-home-button-icon17

[14] Take the Shape Tool and select this one.

Photoshop-website-home-button-icon18

[15] Make the new layer, create a shape and fill with White color.

Photoshop-website-home-button-icon19

[16] Now press Cntl+T, Transform Selection to Rotate your shape.

Photoshop-website-home-button-icon20

[17] Take the Rectangular Marquee Tool make the new layer create a shape fill with White color.

Photoshop-website-home-button-icon21

[18] Now take the Polygonal Lasso Tool create a shape and hit the Delete Key on your Keyboard.

Photoshop-website-home-button-icon22

[19] Your image something look like this.

Photoshop-website-home-button-icon23

[20] Take the Brush Tool use the following settings.

Photoshop-website-home-button-icon24

Photoshop-website-home-button-icon25

[21] Take the Elliptical Marquee Tool create a shape.

Photoshop-website-home-button-icon26

[22] Take the Gradient Tool use the following settings.

Photoshop-website-home-button-icon27

Photoshop-website-home-button-icon28

[23] Make the new layer and fill the selection with Gradient Tool.

Photoshop-website-home-button-icon29

[24] Now set the Opacity as shown fig below.

Photoshop-website-home-button-icon30

[25] Your image something look like this.

Photoshop-website-home-button-icon31

[26] Take the Brush Tool use the following settings.

Photoshop-website-home-button-icon32

[27] Make the new layer using the Brush Tool as shown image below.

Photoshop-website-home-button-icon33

[28] Now set the Foreground and Background color see in the next image.

Photoshop-website-home-button-icon34

[29] Take the Brush Tool use the following settings.

Photoshop-website-home-button-icon35

[30] Now you should have something like the final image.

Photoshop-website-home-button-icon36

81      best photoshop tutorial
81      free photoshop elements tutorial

Tags: Web graphics

0 responses so far ↓

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

Leave a Comment