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

One Response to “Photoshop technique website button icon in photoshop”

  1. Foam Pillows are changing the way the World Sleeps--Stressfree Sleeping foam pillow--Memory Foam pillows | tutorialtown.com Says:

    […] Photoshop technique website button icon in photoshop creating […]

Leave a Reply

You must be logged in to post a comment.