Photoshop technique website button icon in photoshop

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

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

Photoshop-technique-website-button-icon1

[2] Now fill the Background with Black color, go to Filter>Noise>Add Noise.

Photoshop-technique-website-button-icon2

[3] Now Select Elipse Tool , and create a simple circle.

Photoshop-technique-website-button-icon3

[4] For this circle add the following layer styles.

Photoshop-technique-website-button-icon4

Photoshop-technique-website-button-icon5

Photoshop-technique-website-button-icon6

Photoshop-technique-website-button-icon7

[5] Create another circle shape and place it in the middle of the last one.

Photoshop-technique-website-button-icon8

[6] Now for this circle add the following layer styles.

Photoshop-technique-website-button-icon9

Photoshop-technique-website-button-icon10

Photoshop-technique-website-button-icon11

Photoshop-technique-website-button-icon12

Photoshop-technique-website-button-icon13

[7] Create another circle shape and place it in the top of the last one I will use a Black color.

Photoshop-technique-website-button-icon14

[8] Now for this Black circle add the following layer styles

Photoshop-technique-website-button-icon15

Photoshop-technique-website-button-icon16

Photoshop-technique-website-button-icon17

[9] Then duplicate this layer a few times and with the arrow keys place the duplicated shapes like this.

Photoshop-technique-website-button-icon18

[10] Take the Elliptical Marquee Tool, use the following settings.

Photoshop-technique-website-button-icon19

[11] Now Cnlt+Click the 2nd circle shape layer to make the selection, then create a shape over the selection.

Photoshop-technique-website-button-icon20

[12] Take the Gradient Tool use these settings.

Photoshop-technique-website-button-icon21

[13] Make a new layer and fill the selection with the help of Gradient Tool.

Photoshop-technique-website-button-icon22

[14] Then set the Opacity.

Photoshop-technique-website-button-icon23

[15] Take the Shape Tool select this one.

Photoshop-technique-website-button-icon24

[16] Make the new layer create a shape and fill with Green color.

Photoshop-technique-website-button-icon26

[17] This is my final product

Photoshop-technique-website-button-icon27

creating logos with photoshop

creating water in photoshop

creating watermarks in photoshop

Leave a Reply

You must be logged in to post a comment.