Y8 Game - Info Travel - CS5 Tutorial - Free Game - Funny collection
----------------------------------------------------------------------------------------------------------------------------

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




 

Categories

About Me

Our Partners

© 2010 Design Magazine All Rights Reserved Thesis WordPress Theme Converted into Blogger Template by Hack Tutors.info