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 (16)
    • 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

Archive for 'Tutorial'

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

 

CrazyMAC is powered by WordPress

1 User Online - Login/Reg