eXceem - Tutorial 1: Making Glossy Text

omairt · 28-05-08, 06:13 PM

I've made a tutorial that explains how to make glossy text. I've used this sort of effect across almost all of my sites and isn't too flashy, but still looks nice.

Steps in this tutorial can be applied to Photoshop CS2 and CS3. I'm not sure about older versions because I've never used anything older than CS2 a I didn't know what Photoshop was before then.

This is a full image, so you can right click anywhere on it and save it to your computer for future reference if you need.

Steps have been split up by the rainbow coloured strip. I'm sorry it's not so organised, this was my first ever go at writing a tutorial. Hopefully, it's easy to follow. Feel free to PM me or ask in this thread if you have any question.

There are different ways of achieving this, some simpler, some more complicated, but this is by far the most flexible one I have come across.

Something I made after playing around in Photoshop for a few minutes:

Enjoy!

Dim Tim · 28-05-08, 06:21 PM

Thanks babe

Fancy showing me how to do the last effect you did, it looks ace :P

jakethepeg · 28-05-08, 06:22 PM

That's awesome - thanks sooooo much

Looks really professional for only a few minutes work...

Will use that when I eventually get some time to start a website....

az87aris · 28-05-08, 06:44 PM

Does anyone know where i can download the CS3 free trial? I've tried getting it on the adobe website but it says all trials are unavailable until the 1st july

omairt · 28-05-08, 07:22 PM

Quote:

Originally Posted by DariusTim

Thanks babe

Fancy showing me how to do the last effect you did, it looks ace :P

I might do a video tutorial and post it on youtube. I just need to find a decent video capture software.

Anyone got any suggestion, I've tried Camtasia, HyperCam and Fraps. All of them are a bit jerky.

Quote:

Originally Posted by az87aris

Does anyone know where i can download the CS3 free trial? I've tried getting it on the adobe website but it says all trials are unavailable until the 1st july

Adobe Photoshop - Free software downloads and reviews - CNET Download.com

http://www.softpedia.com/get/Multime...op-Trial.shtml

There you go!

Dim Tim · 28-05-08, 07:39 PM

Ahh k, can't you just tell me what effects you added to the last one, please

DrumBum · 28-05-08, 08:37 PM

Great tutorial

ill be using this soon =] Cheers

Quote:

Originally Posted by omairt

Anyone got any suggestion, I've tried Camtasia, HyperCam and Fraps. All of them are a bit jerky.

The best software ive found is camstudio. Its free and you dont get any watermarks or logos

http://camstudio.org/

I would also suggest downloading the camstudio codec aswell.

Schism · 28-05-08, 10:32 PM

This is a very good tutorial... the thing with Photoshop is you need to think about what you could use different tools for... like I personally didn't think of doing that first step with the selection tool

omairt · 28-05-08, 10:38 PM

Quote:

Originally Posted by Dim Tim

Ahh k, can't you just tell me what effects you added to the last one, please

Make the whole thing as I've shown above. Then right-click on the background image and select blending options, and add a Gradient Overlay. Change the colour of the bottom two stops to whatever you want (I used a pale blue and green). Then click OK, and OK again once you're satisfied with the colours.

For the text, again from the blending options add a stroke of 3 pixels and set the opacity to 0%. Then add a gradient overlay and set the colours you want (I used black for the bottom and 50% grey for the top). After that, add a bevel and emboss effect. Set the style as 'Stroke Emboss', and change the size to 2 pixels. Change the light angle to 135, and the altitude to 45 degrees. Also add a Contour (found under the Bevel and Emboss). Finally, add an outer glow: set the blend mode to Normal, opacity 100%, spread 50%, size 6 pixels.

Click OK and there you have it!

Praj07 · 28-05-08, 10:40 PM

wicked tutorial man, hope you do some more! have some rep for the effort!

Jon · 28-05-08, 10:42 PM

Thanks for this

if your happy for me to do so, i'll create some thumbs and add this to the information area?

omairt · 28-05-08, 10:44 PM

Yea, sure.

fabrizioyf · 28-05-08, 10:50 PM

great! nice1, easy to follow!thumbs up!!

Dim Tim · 28-05-08, 11:11 PM

Just tried this...

Looks no where near as cool as what you did, but it's the coolest thing I've ever done in Photoshop, so thanks a lot !!!

blokman · 28-05-08, 11:31 PM

magic!! ive seen many tutorials like this effect but this was very easy to follow and a great result, espec. the extra info about tarting it up a bit!! Thanks

Tippy · 29-05-08, 06:49 AM

Where can i get a good price copy of Photoshop CS2 and CS3 from?

Thank you

Tippy

nim3 · 29-05-08, 12:23 PM

you can get it free if you look around

28-05-08, 06:13 PM	#1
omairt Now with 3 blobs! Join Date: Jul 2007 Location: ˈɝːθ Posts: 1,561 Thanks: 463 Thanked 456 Times in 364 Posts	Tutorial 1: Making Glossy Text I've made a tutorial that explains how to make glossy text. I've used this sort of effect across almost all of my sites and isn't too flashy, but still looks nice. Steps in this tutorial can be applied to Photoshop CS2 and CS3. I'm not sure about older versions because I've never used anything older than CS2 a I didn't know what Photoshop was before then. This is a full image, so you can right click anywhere on it and save it to your computer for future reference if you need. Steps have been split up by the rainbow coloured strip. I'm sorry it's not so organised, this was my first ever go at writing a tutorial. Hopefully, it's easy to follow. Feel free to PM me or ask in this thread if you have any question. There are different ways of achieving this, some simpler, some more complicated, but this is by far the most flexible one I have come across. Something I made after playing around in Photoshop for a few minutes: Enjoy! __________________ Free MacBook Air \| Free PS3 \| Free iPhone 3G
Offline

28-05-08, 06:21 PM	#2
Dim Tim Whoop there it is Join Date: Oct 2006 Location: Swansea Posts: 5,283 Thanks: 552 Thanked 514 Times in 444 Posts	Re: Tutorial 1: Making Glossy Text Thanks babe Fancy showing me how to do the last effect you did, it looks ace :P __________________ Total Received - £9145.93 Mission Impossible 1: To reduce my £1200 debt I'll keep you updated..
Offline

28-05-08, 06:22 PM	#3
jakethepeg Has an EXTRA leg! Join Date: Feb 2008 Location: East Anglia :D Posts: 578 Thanks: 172 Thanked 137 Times in 113 Posts	Re: Tutorial 1: Making Glossy Text That's awesome - thanks sooooo much Looks really professional for only a few minutes work... Will use that when I eventually get some time to start a website.... __________________ Join the exceem IPOD SHUFFLE giveaway conga, and get an ipod shuffle FOR JUST COMPLETING AN OFFER! Spoiler Working on: iPod Shuffle (Giveaway Network) - 0/0/2 (Join the conga!) Waiting for: Nothing atm... Received: £185 Amazon Vouchers (Freepay)
Offline

28-05-08, 06:44 PM	#4
az87aris iLoveFreeGadgets.co.uk! Join Date: Apr 2008 Posts: 1,168 Thanks: 261 Thanked 173 Times in 162 Posts	Re: Tutorial 1: Making Glossy Text Does anyone know where i can download the CS3 free trial? I've tried getting it on the adobe website but it says all trials are unavailable until the 1st july __________________ Spoiler Verified & Ordered: iStuff.freepay - Amazon Voucher £??? - ESD 1/11/08 Laptops.Freepay - Amazon Voucher £??? - ESD 7/11/08 Recieved: Flatscreens.Freepay - £400 Amazon Voucher iPodnanos.Freepay - £230 Amazon Voucher Gaming.Freepay - £180 Amazon Voucher Ipods.Freepay - £185 Amazon Voucher Gifts.FJ - £51 Amazon Voucher Gifts.FJ - Custom Order York 50kg Cast Iron Weight Sets Free iPhone 3G \| Free Sony Bravia \| Free Amazon Vouchers Free PS3 Paying £5 for Gifts.freepay greens now the ringtone offers are back! Value of gifts received so far: £1118 Since April 2008!
Offline

28-05-08, 07:39 PM	#6
Dim Tim Whoop there it is Join Date: Oct 2006 Location: Swansea Posts: 5,283 Thanks: 552 Thanked 514 Times in 444 Posts	Re: Tutorial 1: Making Glossy Text Ahh k, can't you just tell me what effects you added to the last one, please __________________ Total Received - £9145.93 Mission Impossible 1: To reduce my £1200 debt I'll keep you updated..
Offline

28-05-08, 10:32 PM	#8
Schism Mr. Pink Join Date: Jan 2007 Posts: 4,588 Thanks: 996 Thanked 1,097 Times in 979 Posts	Re: Tutorial 1: Making Glossy Text This is a very good tutorial... the thing with Photoshop is you need to think about what you could use different tools for... like I personally didn't think of doing that first step with the selection tool __________________ Spoiler Estimated Total: £12,352.47 . . www.GetIt4Free.info \| Free Wii \| Free PS3
Offline

28-05-08, 10:40 PM	#10
Praj07 Why so serious? Join Date: Jun 2007 Location: Leicester/Sheffield Posts: 5,085 Thanks: 569 Thanked 1,380 Times in 1,282 Posts	Re: Tutorial 1: Making Glossy Text wicked tutorial man, hope you do some more! have some rep for the effort! __________________ Spoiler Received Nintendo Wii Console Consoles.FJ \| Nintendo Wii Controller RewardPig \| £30 Amazon Voucher RI Competition \| Nintendo DS Lite + Accessories Consoles.FJ \| Samsung U600 Mobiles.FJ \| 8GB iPod Touch iStuff.FP \| 8GB iPod Touch Gifts.FP \| 1GB iPod Shuffle TunesForFree \| 80GB iPod Classic Apple.FJ \| £162 Bank Transfer Gifts.Kudos \| GHDs Gifts.Kudos \| £300 Amazon Voucher DigitalCameras.FP \| £115 Bank Transfer iPhone.GA \| £50 Amazon Voucher Jerseys.FP \| £700 Amazon Voucher Laptops.FP \| Wii Fit Gifts.Kudos \| £428.50 Bank Transfer HDTV.FJ \| £60 Bank Transfer Gifts.Kudos \| £638 Bank Transfer FJ
Offline

28-05-08, 10:42 PM	#11
Jon 10,000 Post Club Join Date: Mar 2005 Location: Leeds Posts: 10,089 Thanks: 236 Thanked 1,928 Times in 908 Posts	Re: Tutorial 1: Making Glossy Text Thanks for this if your happy for me to do so, i'll create some thumbs and add this to the information area? __________________ Jon eXceem The Free Community
Offline

28-05-08, 10:44 PM	#12
omairt Now with 3 blobs! Join Date: Jul 2007 Location: ˈɝːθ Posts: 1,561 Thanks: 463 Thanked 456 Times in 364 Posts	Re: Tutorial 1: Making Glossy Text Yea, sure. __________________ Free MacBook Air \| Free PS3 \| Free iPhone 3G
Offline

28-05-08, 10:50 PM	#13
fabrizioyf iPod Nano 2GB Join Date: May 2008 Posts: 135 Thanks: 7 Thanked 21 Times in 21 Posts	Re: Tutorial 1: Making Glossy Text great! nice1, easy to follow!thumbs up!! __________________
Offline

28-05-08, 11:11 PM	#14
Dim Tim Whoop there it is Join Date: Oct 2006 Location: Swansea Posts: 5,283 Thanks: 552 Thanked 514 Times in 444 Posts	Re: Tutorial 1: Making Glossy Text Just tried this... Looks no where near as cool as what you did, but it's the coolest thing I've ever done in Photoshop, so thanks a lot !!! __________________ Total Received - £9145.93 Mission Impossible 1: To reduce my £1200 debt I'll keep you updated..
Offline

28-05-08, 11:31 PM	#15
blokman iPod 20gb Join Date: Dec 2007 Posts: 642 Thanks: 107 Thanked 95 Times in 85 Posts	Re: Tutorial 1: Making Glossy Text magic!! ive seen many tutorials like this effect but this was very easy to follow and a great result, espec. the extra info about tarting it up a bit!! Thanks __________________ FreeiPodShuffle www.free-macbook-air.co.uk FreeiPhone4Me.co.uk Spoiler Received 8GB iPod Touch - FJ iPod Nano - iStuff.GA Xbox 360 - Nextgen.GA 2 Superdry T-shirts, CK One - Apple.JF iPod Shuffle 1GB - Points.kudos £185 Amazon Vouchers - iPods.FP £270 Amazon Vouchers - iStuff.FP RRP Value = £1067 Working On Apple.FJ - 1/2 Gifts.FJ - 0/49/X Mac.IN - 0/7
Offline

29-05-08, 06:49 AM	#16
Tippy Em I Need More GREENS! Join Date: Sep 2007 Location: In FREEBIE LAND! Posts: 1,653 Thanks: 571 Thanked 523 Times in 505 Posts	Re: Tutorial 1: Making Glossy Text Where can i get a good price copy of Photoshop CS2 and CS3 from? Thank you Tippy __________________ Offering £10 for my last two GREENS on Consoles Kudos - NEED 4 XMAS Offering £8.50 for my last two GREENS on iPods Giveaway - URGENT ASAP free ps3 \| free ipod nano \| free 3G iphone \| free nintendo Wii \| My Ebay Store
Offline

29-05-08, 12:23 PM	#17
nim3 iPod Nano 4GB Join Date: Mar 2008 Posts: 305 Thanks: 62 Thanked 101 Times in 92 Posts	Re: Tutorial 1: Making Glossy Text you can get it free if you look around __________________ My sites : Received: Nintendo Wii - Freebie Jeebies - £180 Creative Labs Earphones- Freebie Jeebies - £7.99 Harry Potter Years (1-5) Box Set- Freebie Jeebies - £29.98 Nintendo Wii Nunchuck Controller - Freebie Jeebies -£14.99 Wii Play (includes wii remote)- Freebie Jeebies - £27.98 TOTAL = £260.94
Offline

29-05-08, 09:04 PM	#18
az87aris iLoveFreeGadgets.co.uk! Join Date: Apr 2008 Posts: 1,168 Thanks: 261 Thanked 173 Times in 162 Posts

eXceem - Tutorial 1: Making Glossy Text

> Off Topic > eXceem Graphics Team

Tutorial 1: Making Glossy Text

Tutorial 1: Making Glossy Text

Re: Tutorial 1: Making Glossy Text

Re: Tutorial 1: Making Glossy Text

Re: Tutorial 1: Making Glossy Text

Re: Tutorial 1: Making Glossy Text

Re: Tutorial 1: Making Glossy Text

Re: Tutorial 1: Making Glossy Text

Re: Tutorial 1: Making Glossy Text

Re: Tutorial 1: Making Glossy Text

Re: Tutorial 1: Making Glossy Text

Re: Tutorial 1: Making Glossy Text

Re: Tutorial 1: Making Glossy Text

Re: Tutorial 1: Making Glossy Text

Re: Tutorial 1: Making Glossy Text

Re: Tutorial 1: Making Glossy Text

Re: Tutorial 1: Making Glossy Text

Re: Tutorial 1: Making Glossy Text