Nice Web 2.0-ish Logo
Dh.
10 Sep 2006
Web 2.0 Logo Tutorial
1. The first thing to to after you've loaded Photoshop up, is to create a new canvas with the dimensions 400x150px. Then fill it with #3c3c3c.
2. Then grab a font you like, i've chosen 'Bebas'. Then type you're selected text in the center of the canvas in the color #B4C24B.
3. Next duplicate the layer with the text on and rasterize. Flip it vertically and place it like so.<br />
4. Then grab the rectangular marquee tool and set the feather to 20px, then select the rasterized text as shown in the image below.
5. Then simply, press delete three times to get the outcome shown below.
6. This will give us our reflection. Now we have to add a slight gradient to it. Add these gradient properties to the reflected text.
7. Now we can add a small slogan to the logo. I've used Verdana 10px, but you can use whatever you want.
8.Now add these properties to it.
And that's it! Thank you for using this tutorial.
Written by Dale Humphries
1. The first thing to to after you've loaded Photoshop up, is to create a new canvas with the dimensions 400x150px. Then fill it with #3c3c3c.
2. Then grab a font you like, i've chosen 'Bebas'. Then type you're selected text in the center of the canvas in the color #B4C24B.
3. Next duplicate the layer with the text on and rasterize. Flip it vertically and place it like so.<br />
4. Then grab the rectangular marquee tool and set the feather to 20px, then select the rasterized text as shown in the image below.
5. Then simply, press delete three times to get the outcome shown below.
6. This will give us our reflection. Now we have to add a slight gradient to it. Add these gradient properties to the reflected text.
7. Now we can add a small slogan to the logo. I've used Verdana 10px, but you can use whatever you want.
8.Now add these properties to it.
And that's it! Thank you for using this tutorial.
Written by Dale Humphries
NightHawk
11 Sep 2006
its awesome i really like it was wondering how u did this thanxs bud (u can probably see i used it for my signature lol)
Dan
Dan
bluelad
07 Nov 2006
hi dh,
i dint get your 3rd step....howd you rotated it vertically.
a little more explanation please.
i dint get your 3rd step....howd you rotated it vertically.
a little more explanation please.
-SC-
07 Nov 2006
hi dh,
i dint get your 3rd step....howd you rotated it vertically.
a little more explanation please.
just select the txt, right click on it and go on flip verticly...
or simply select it, go on edit -> free fransform..
Shed Upper
09 Jan 2007
Great tut.
Heres how mine turned out.
Sorry if the topic is kinder old but i only joined today.
Heres how mine turned out.
Sorry if the topic is kinder old but i only joined today.
ShadeX
25 Mar 2007
Great tutorial mate! Here's my outcome:
Edited by ShadeX, 25 March 2007 - 01:17 PM.
Edited by ShadeX, 25 March 2007 - 01:17 PM.
