Sunday, August 28, 2011

Create Web 2.0 Style Logo with Photoshop

Final Image Preview

Create Web 2.0 Style Logo with Photoshop

Step 1

Create a new document with size of 600 x 300 pixels and fill it with white color.

Create Web 2.0 Style Logo with Photoshop 1

Step 2

Create a new layer. Select the Polygon Tool, set sides to 3 and on Polygon Options select Smooth Corners.

Create Web 2.0 Style Logo with Photoshop 2

Set foreground color to #91D638 and draw a polygon facing up.

Create Web 2.0 Style Logo with Photoshop 3

Step 4

With layer selected, go to Layer > Layer Style > Blending Options > Stroke.

Create Web 2.0 Style Logo with Photoshop 4

Create Web 2.0 Style Logo with Photoshop 5

Step 5

Create a new layer. Add a white polygon on the center, slightly smaller than the green polygon.

Create Web 2.0 Style Logo with Photoshop 5

Step 6

Create a new layer. Draw another green polygon, slightly smaller than the white polygon.

Create Web 2.0 Style Logo with Photoshop 6

Step 7

With this layer selected, go to Layer > Layer Style > Blending Options and add the following styles:

Create Web 2.0 Style Logo with Photoshop 7

Create Web 2.0 Style Logo with Photoshop 8

Create Web 2.0 Style Logo with Photoshop 9

Step 8

Merge all visible layers into one except background layer. Duplicate layer and rotate upside down and you will have something similar to what i have.

Create Web 2.0 Style Logo with Photoshop 10

Final Image

Now add some text using font Myriad Pro, Semibold, Smooth, 47px and color #888888.

Create Web 2.0 Style Logo with Photoshop

You can see now logo with different colors:

Create Web 2.0 Style Logo with Photoshop 11

0 comments:

Post a Comment

Followers