Pixel2Life Forum: Nice Web 2.0-ish Logo - Photoshop Tutorials - Pixel2Life Forum

Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

Nice Web 2.0-ish Logo Rate Topic ***** 1 votes

Array

#1 User is offline   Dh. 

  • CSS Guru
  • PipPipPip
  • Group: Members
  • posts 807
  • Joined: 11-November 05
  • Gender:Male
  • Location:Berkshire, England

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.
Posted Image

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.
Posted Image

3. Next duplicate the layer with the text on and rasterize. Flip it vertically and place it like so.<br />
Posted Image
Posted Image

4. Then grab the rectangular marquee tool and set the feather to 20px, then select the rasterized text as shown in the image below.
Posted Image

5. Then simply, press delete three times to get the outcome shown below.
Posted Image

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.
Posted Image

7. Now we can add a small slogan to the logo. I've used Verdana 10px, but you can use whatever you want.
Posted Image


8.Now add these properties to it.
Posted Image

And that's it! Thank you for using this tutorial.
Written by Dale Humphries
0

#2 User is offline   NightHawk 

  • Young Padawan
  • Pip
  • Group: Members
  • posts 10
  • Joined: 01-September 06

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
0

#3 User is offline   chaoslight 

  • Young Padawan
  • Pip
  • Group: Members
  • posts 220
  • Joined: 15-April 06
  • Gender:Male
  • Interests:Computer, coding, designing...

Posted 11 September 2006 - 01:24 PM

Nice job.. that font looks nice.. I'm gonna download it ;)
0

#4 User is offline   Spartacus 

  • Young Padawan
  • Pip
  • Group: Members
  • posts 129
  • Joined: 12-August 06
  • Gender:Male
  • Location:Sweden
  • Interests:Photoshop, Vb, Basketball

Posted 11 September 2006 - 01:30 PM

Yeah, It's really good ;)
0

#5 User is offline   Rory 

  • Jedi In Training
  • PipPip
  • Group: Members
  • posts 378
  • Joined: 16-July 06
  • Gender:Male
  • Location:Hastings, Hawkes bay, New Zealand
  • Interests:Php, Html, Css, Javascript, ASP.NET, Photoshop, soccer, rigby, cricket, viticulture, Ruby#, C#, AJAX.

Posted 16 September 2006 - 09:08 PM

Cool tut. Thanks it's really clean and professional.
0

#6 User is offline   d2Squared 

  • P2L Jedi
  • PipPipPip
  • Group: Members
  • posts 828
  • Joined: 01-June 06
  • Gender:Male
  • Location:Israel
  • Interests:Swimmig<br />Web-design<br />Starcraft

Posted 17 September 2006 - 02:08 AM

true, it does look pretty professional
0

#7 User is offline   Chrypetex 

  • Young Padawan
  • Pip
  • Group: Members
  • posts 121
  • Joined: 25-May 06
  • Gender:Male
  • Location:Sweden
  • Interests:Photos

Posted 24 October 2006 - 11:39 AM

Awesome! Going to try this right now ^^
0

#8 User is offline   bluelad 

  • Young Padawan
  • Pip
  • Group: Members
  • posts 4
  • Joined: 07-November 06

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.
0

#9 User is offline   -SC- 

  • Young Padawan
  • Pip
  • Group: Members
  • posts 112
  • Joined: 05-November 06

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.


:mellow: -_-

just select the txt, right click on it and go on flip verticly...

or simply select it, go on edit -> free fransform..
0

#10 User is offline   Shed Upper 

  • Young Padawan
  • Pip
  • Group: Members
  • posts 2
  • Joined: 09-January 07

Posted 09 January 2007 - 10:27 AM

Great tut.

Heres how mine turned out.
Posted Image






Sorry if the topic is kinder old but i only joined today. :)
0

#11 User is offline   falcoman 

  • Young Padawan
  • Pip
  • Group: Members
  • posts 23
  • Joined: 26-December 06
  • Gender:Not Telling

Posted 10 February 2007 - 09:13 PM

that is a great professional sig thanx for sharing
0

#12 User is offline   jabberthenut 

  • Young Padawan
  • Pip
  • Group: Members
  • posts 122
  • Joined: 11-February 07
  • Gender:Male
  • Location:Scotland
  • Interests:Photoshop, Piano etc.

Posted 11 February 2007 - 09:29 AM

Nice 'n' Simple!

Great effect, will post mine soon.

:closedeyes:
0

#13 User is offline   ShadeX 

  • Young Padawan
  • Pip
  • Group: Members
  • posts 8
  • Joined: 22-March 07

Posted 25 March 2007 - 01:15 PM

Great tutorial mate! Here's my outcome:
Posted Image

Edited by ShadeX, 25 March 2007 - 01:17 PM.

0

Share this topic:


  • You cannot start a new topic
  • You cannot reply to this topic

0 user(s) are reading this topic
members, guests, anonymous users