Nice Web 2.0-ish Logo
Array#1
Posted 10 September 2006 - 02:36 PM
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
#2
Posted 11 September 2006 - 01:19 PM
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
#8
Posted 07 November 2006 - 09:09 AM
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.
#9
Posted 07 November 2006 - 01:53 PM
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..
#10
Posted 09 January 2007 - 10:27 AM
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.
#13
Posted 25 March 2007 - 01:15 PM
Great tutorial mate! Here's my outcome:
Edited by ShadeX, 25 March 2007 - 01:17 PM.