CrazyMac - Chris Tufnell

  • Home
  • About
  • Contact
  • Recent Posts

    • iPhone Wordpress App Test
    • Random stuff
    • Team Fortress 2: Meet the Scout
    • 12 Days to go till GTA IV
    • All work and no running makes me…FAT
  • Categories

    • Comedy (1)
    • Friends (2)
    • Game Review (2)
    • Games (17)
    • Hardware Review (1)
    • Ice Hockey (2)
    • Life (15)
    • Movie Review (3)
    • Tutorial (1)
    • Website (4)
    • Work (3)
  • Tag Cloud

    • Comedy Friends Game Review Games Hardware Review Ice Hockey Life Movie Review Tutorial Uncategorized Website Work

  • Archives

    • July 2008
    • April 2008
    • March 2008
    • February 2008
    • January 2008
    • December 2007
    • November 2007
    • October 2007
    • September 2007
    • August 2007
    • July 2007
    • June 2007
  • Friends

    • Andrew Weldon
    • Beano
    • Chris Kay
    • Garry Newman
    • Joe Angus
    • Lasse Pedersen
    • Morten Hedegren
    • Oli Allen
    • Philip Klevestav
    • Ryan Williams
    • Simon Byron
    • Skjalg Sturlasson Mæhre
    • Xenocide
  • My Links

    • Flickr
    • YouTube
    • Xbox 360 Profile
    • Google Reader
RSS Feed RSS Feed
Add to Google
Windows Live Alerts

Basic Web2.0 text logo tutorial

by Chris on April 7th, 2008 @ 12:33 am - Tag (Tutorial) 1 Comment. 106 Views

Basic Web2.0 text logo tutorial

Step 1:
Start by creating a blank canvas (I’ve chosen to go with 800px*512px) and click ok. Fill the background with a colour or gradient of your choice.
Basic Web2.0 text logo tutorial

Step 2:
Create a New Layer and select the text tool. Pick a font that is fairly strong then enter a word and choose a colour that stands out.
Basic Web2.0 text logo tutorial

Step 3:
Right click on the text layer and select Blending Options. Check Outer Glow, the image below shows my settings but these will vary depending on the font and size of the text. Try and match the proportions in the image.
Basic Web2.0 text logo tutorial

Step 4:
Create another new layer then Ctrl + Click the text layer. This will create a selection around the text. Now make sure you are on the new layer without loosing the selection and fill it with white and deselect it Ctrl + D.
Basic Web2.0 text logo tutorial

Step 5:
Now select the Elliptical Marquee Tool. Drag the tool over your document to create a squished circle and position the center in the middle of your text. Make sure you’re still on the new layer that we filled with white and hit Delete.
Basic Web2.0 text logo tutorial

Step 6:
Clear the selection and lower the Opacity of the layer till your happy with the strength of the shine on the text.
Basic Web2.0 text logo tutorial

Step 7:
Duplicate the text layer then create a new layer. With the new layer selected and above the duplicated text layer merge them together Ctrl + E. With this new merged layer selected go Edit > Transform > Flip Vertical. Now hold shift and drag the layer down till it snaps just underneath the original text.
Basic Web2.0 text logo tutorial

Step 8:
Right Click the layer and select the blending options again. Check Gradient Overlay and create a gradient that’s the same colour as your background and transparent. Click ok then set the layer Opacity till your happy with the reflection effect.
Basic Web2.0 text logo tutorial

That’s it your done :)
Basic Web2.0 text logo tutorial

Social Bookmarks: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Facebook
  • Digg
  • del.icio.us
  • Google
  • Slashdot
  • StumbleUpon
  • Live
  • blogmarks
  • BlogMemes
  • Fark
  • Furl
  • NewsVine
  • Reddit
  • Technorati
  • YahooMyWeb

There are One Response to “Basic Web2.0 text logo tutorial”

#1 wilco your flag - 09 June, 10:53 AM

I didn’t see you posted your own tut on this ;) I recognize that style hehe

Leave a Comment

If this is your first comment it may be held for moderation. You can follow any responses to this entry through the RSS feed, or Trackback from your own site.


CrazyMAC is powered by WordPress

2 Users Online - Login/Reg