Photoshop blog comments website icon in photoshop

Posted on July 3rd, 2008 by 3dfun in Photoshop Tutorials

Here we will tell you how to make a Photoshop blog comments website icon in photoshop.

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

[2] Take the Pen Tool create a shape.

Photoshop-blog-comments-website-icon1

[3] Right click select make selection, create a new a layer fill the selection with black.

Photoshop-blog-comments-website-icon2

Photoshop-blog-comments-website-icon3

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

Photoshop-blog-comments-website-icon4

Photoshop-blog-comments-website-icon5

Photoshop-blog-comments-website-icon6

[5] Create the following shape with the help of Pen Tool, make a new layer fill with black.

Photoshop-blog-comments-website-icon7

[6] Take the brush tool.

Photoshop-blog-comments-website-icon8

[7] Set the foregroung color.

Photoshop-blog-comments-website-icon9

[8] Make a new layer create the following shadding with brush tool.

Photoshop-blog-comments-website-icon10

[9] Create a rectangle on the top using rectangular shape tool. Press Ctrl+T. Right Click and select Perspective. Adjust the nodes to get the shape as shown.

Photoshop-blog-comments-website-icon11

[10] Create a new layer right click select make selection fill the selection with black, now add the following layer styles.

Photoshop-blog-comments-website-icon13

Photoshop-blog-comments-website-icon14

Photoshop-blog-comments-website-icon15

[11] Cntl+click the previous shape layer to make a selection, go to Select>Modify>Contact Selection 7px, make a new layer fill with grey color.

Photoshop-blog-comments-website-icon16

[12] Double click the layer to open layer style window. Apply settings as shown.

Photoshop-blog-comments-website-icon17

Photoshop-blog-comments-website-icon18

[13] Create a circle using elliptical shape tool, color is #f6b708.

Photoshop-blog-comments-website-icon19

[14] Add the following layer styles.

Photoshop-blog-comments-website-icon20

Photoshop-blog-comments-website-icon21

Photoshop-blog-comments-website-icon22

[15] Create a two small circle using elliptical shape tool.

Photoshop-blog-comments-website-icon23

[16] Create a new shape with the help of Pen Tool.

Photoshop-blog-comments-website-icon24

[17] Choose Gradient to and set properties like this.

Photoshop-blog-comments-website-icon25

[18] Make a new layer, create a shape with the help of Elliptical Marquee Tool, Apply gradient to selection to get the result like this.

Photoshop-blog-comments-website-icon26

[19] Now I will add a logo.

Photoshop-blog-comments-website-icon27

[20] This is my final image.

Photoshop-blog-comments-website-icon28

bubble effect in photoshop

bubble letters in photosho

bubbles for photoshop

Leave a Reply

You must be logged in to post a comment.