Create Web 2.0 Style Logo with Photoshop

In this tutorial i am going to show you how you can create one logo with web 2.0 style.

Note: This tutorial was published before on another small site some years ago. I decided to close that site but i always liked this tutorial and he got a lot of positive reviews. So i decided to update it and publish it here at Photoshop Star.

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

Advertisement

Sign up for our Newsletter

Signup and receive all new tutorials published at Photoshop Star
SUBSCRIBE

Pin It on Pinterest

Share This