RSS

Make a web 2.0 logo

Sat, Aug 8, 2009

Tutorials

preview

Create this sleek and stylish web 2.0 logo in Photoshop! It’s simple!

I’m going to walk you guys through the steps of a logo I designed for a client a while ago. It’s a very simple and sleek logo, designed for the 2.0 web.

1

1) First create your new blank canvas in Photoshop. I like to have my canvas large when I make logos, so I can expirement with size and have lots of space. You can always cut it down to size later.  Using the font “Ronda Light” I typed out my company logo name “Zippy” with a light green color.

22) When I said this is simple, I mean it. Were going to style our text in the blending options section of our text layer. Right click the text layer, and select “blending options”. Apply all 3 of the following blending options, as shown:

3

4

5

This is what you should end up with:

6

3) Now lets add the little reflection on the text. Create a new layer above everything else. Now select the gradient tool and use the settings shown below. Using the Rectangular Marquee tool make a box around the top part of the text as shown below. Drag and pull it down, like shown below.

7

4) Now ctrl+click on the text layer to select it. Now go to Select>Inverse and click once on the gradient layer, click delete.

final1

And BAM! Your done:

final

Dont forgot you can always use different colors and make different schemed logos. Enjoy!

, , ,

2 Comments For This Post

  1. Polprav Says:

    Hello from Russia!
    Can I quote a post in your blog with the link to you?

  2. Luongo Says:

    Go ahead!

Leave a Reply

FireStats icon Powered by FireStats