Jump to content


Photo

Polished Ceramics / Colored Glass Text Effect


  • Please log in to reply
63 replies to this topic

#1 csm725

csm725
  • Competition Hosts
  • 2,176 posts
  • Locationcsm725.com
  • Reputation:4

Posted 13 June 2010 - 04:35 AM

Astounded by the lack of cool text effect tutorials, I set out to make one myself.
Today I shall instruct you on how to make some text that looks like this:
Posted Image

Pretty cool, right?

Plug-ins necessary to complete this tutorial:
AA's Assistant (dpy) -
dpy's pack
Bevel Selection (BoltBait) -
BB's pack
Trail (pyrochild) -
pyro's pack
Alpha Mask Import (illnab1024) -
[link]
Align Object (moc426) -
[link]

Additional resources:
fontsquirrel, dafont (font sites - all free-of-charge and virus-free - tested)

Step one: Open a 500x150 canvas (no need to worry about anti-aliasing).
Step two: Add a new layer, name it TextMask.
Step three: Choose a font (preferably serif) and type up
some text. By the way, I used Garamond Bold for this. If you are wondering, in the 'csm725' image, I put the numbers at a smaller size so that they would be as tall as the letters. Just letting you know.
Posted Image
Step four: Align to the Middle Center using Align Object.
Step five: Make a new layer between Background and TextMask, call it TextColor.
Step six: Select an area that covers up one letter, like so:
Posted Image
Step seven: Fill each letter-selection with a different color, make sure that the colors don't clash:
Posted Image
Step eight: Invert the colors of the TextMask layer so it is white. Make a new layer under it and fill it with black. Merge TextMask onto the black layer, select all, and copy. You can then delete the layer:
Posted Image

Step nine: Load Alpha Mask with the following settings (onto the TextColor layer):
Posted Image
Step ten: Duplicate the TextColor layer and name the bottom one text shine.
Step eleven: Open up trail at the following settings:
Posted Image
Step twelve: Apply AA's Assistant at default settings to both the TextColor and TextShine layers.
Step thirteen: Magic Wand at 31% tolerance, shift-select any transparent area on the TextShine layer, invert selection. You should have all the text selected.
Step fourteen: Bevel Selection at the following settings:
Posted Image
Step fifteen: Adjustments > Curves (Ctrl-Shift-M) at the following approx. settings:
Posted Image
Step sixteen: Repeat AA's Assistant on the TextShine layer.
Step seventeen: Set TextColor's opacity to 63:
Posted Image
Step eighteen: Merge TextColor onto TextShine. You should now have two layers.
Step nineteen: Duplicate TextShine and Layers > Flip Vertical.
Step twenty: Drag the flipped duplicate and drag it until the 'top' of the flipped letters meet with the bottom of the actual layers.
Posted Image

Step twenty-one: Do a transparent gradient (linear) like so:
Posted Image
Step twenty-two: Make a new layer above everything, call it Glints.
Step twenty-three: Go to the brush tool with white and draw some dots on the letters, this is where your glint-spots are going to be.
Step twenty-four: Gaussian Blur these spots at 3-10, depending on your taste. It should look something like this:
Posted Image
Step twenty-five: Delete the background layer, flatten, and save.
Enjoy!
Posted Image

#tut725

Edited by csm725, 13 June 2010 - 01:56 PM.


#2 Rubrica

Rubrica
  • Competition Hosts
  • 3,144 posts
  • Reputation:11

Posted 13 June 2010 - 07:14 AM

Very impressive; I like it. The end result is very god, and the steps used to achieve it are quite unique.

#3 Frontcannon

Frontcannon
  • Members
  • 2,302 posts
  • LocationNorth-Rhine Westphalia, Germany
  • Reputation:4

Posted 13 June 2010 - 11:06 AM

Yay, another good text tutorial!

It looks like polished ceramics, though I doubt it would work on a thinner font.

#4 csm725

csm725
  • Competition Hosts
  • 2,176 posts
  • Locationcsm725.com
  • Reputation:4

Posted 13 June 2010 - 01:38 PM

Rubrica: "The end result is very god" - Typo? :D Thanks.
Frontcannon: Yes, something like polished ceramics. I would try any medium-thick serif font. Any serif font which is originally quite thin should work if you put it in BOLD (Times New Roman, Cambria, Georgia, etc.)
By the way, I used Garamond Bold for this. If you are wondering, I put the numbers at a smaller size so that they would be as tall as the letters. Just letting you know.

Edited by csm725, 13 June 2010 - 01:52 PM.


#5 csm725

csm725
  • Competition Hosts
  • 2,176 posts
  • Locationcsm725.com
  • Reputation:4

Posted 14 June 2010 - 01:16 AM

Here is my result (Cambria Regular on a 500x150 canvas):
Posted Image

#6 L3ron

L3ron
  • Members
  • 436 posts
  • LocationLower Saxony
  • Reputation:0

Posted 14 June 2010 - 10:43 AM

Thank you for a tut for this awesome sig. Tahnk you!


Posted Image
Posted ImagePosted ImagePosted ImagePosted ImagePosted Image


#7 csm725

csm725
  • Competition Hosts
  • 2,176 posts
  • Locationcsm725.com
  • Reputation:4

Posted 14 June 2010 - 04:45 PM

No problem l3ron.

#8 Goonfella

Goonfella
  • Members
  • 2,185 posts
  • LocationThe Rock
  • Reputation:35

Posted 14 June 2010 - 06:39 PM

Great tutorial csm. Nice and colourful that`s for sure. :)
Just one thing that might make things a bit easier - on step 13 instead of adjusting the tolerance of the magic wand just switch the the Flood Mode from Contiguous to Global and all the text will be picked out in one click of the mouse. ;)

Here is mine. I used Georgia with the bold setting.

Posted Image

Goonfella3D_zps67f49b6b.jpg


#9 chrisco97

chrisco97
  • Competition Hosts
  • 2,797 posts
  • LocationUnknown
  • Reputation:1

Posted 14 June 2010 - 07:04 PM

Nice tutorial, very simple, with a great result. I will post an outcome later.

#10 csm725

csm725
  • Competition Hosts
  • 2,176 posts
  • Locationcsm725.com
  • Reputation:4

Posted 14 June 2010 - 07:13 PM

Goonie, did you
a.) lower the opacity of the top layer?
b.) maybe you should bevel at higher settings.

#11 Sarkut

Sarkut
  • Competition Hosts
  • 3,206 posts
  • Reputation:4

Posted 14 June 2010 - 08:06 PM

Definitely cool text. Thanks for the tutorial. :)


Posted Image

Posted Image


#12 csm725

csm725
  • Competition Hosts
  • 2,176 posts
  • Locationcsm725.com
  • Reputation:4

Posted 14 June 2010 - 08:07 PM

Interesting result Sarkut.

#13 Goonfella

Goonfella
  • Members
  • 2,185 posts
  • LocationThe Rock
  • Reputation:35

Posted 14 June 2010 - 08:35 PM

To answer your questions csm -
a - I lowered the opacity using the layer properties
b - looking again at the results of yours and other peoples text I thought the same thing, bevel at slightly higher setting. Never kept the file though so I`d have to start from scratch again.

Goonfella3D_zps67f49b6b.jpg


#14 welshblue

welshblue

    King of Paint.NET for 2012

  • Competition Hosts
  • 4,329 posts
  • Reputation:230

Posted 14 June 2010 - 08:43 PM

One of the best text tuts here.
This could be adapted to get some really realistic glass ... nice one csm'

Posted Image


Gallery



4 April



#15 csm725

csm725
  • Competition Hosts
  • 2,176 posts
  • Locationcsm725.com
  • Reputation:4

Posted 14 June 2010 - 08:44 PM

Oh man, thank you! Means a lot!

Edited by csm725, 14 June 2010 - 08:44 PM.


#16 L3ron

L3ron
  • Members
  • 436 posts
  • LocationLower Saxony
  • Reputation:0

Posted 15 June 2010 - 11:27 AM

When I will hace some sparetime left, I'll give it a try ;)


Posted Image
Posted ImagePosted ImagePosted ImagePosted ImagePosted Image


#17 csm725

csm725
  • Competition Hosts
  • 2,176 posts
  • Locationcsm725.com
  • Reputation:4

Posted 15 June 2010 - 07:36 PM

Thank you for the pin!!!

#18 pdnnoob

pdnnoob

    Paint.NET's Rabbi for 2012

  • Moderators
  • 1,852 posts
  • Reputation:100

Posted 15 June 2010 - 08:41 PM

Definitely deserved the pin!
Posted Image
what I do all summer Emote Cursor Pack Paint Job Competition 'noob gallery
No, Paint.NET is not spyware...but, installing it is an IQ test. ~BoltBait
Blend modes are like the filling in your sandwich. It's the filling that can change your experience of the sandwich. ~Ego Eram Reputo

#19 chrisco97

chrisco97
  • Competition Hosts
  • 2,797 posts
  • LocationUnknown
  • Reputation:1

Posted 15 June 2010 - 08:53 PM

It did deserve the pin!

#20 chichimama

chichimama
  • Members
  • 16 posts
  • LocationFlorida
  • Reputation:0

Posted 24 June 2010 - 05:26 PM

Thank you so much! I messed around with the various settings and got this.

Posted Image

http://funkyflowerdesigns.blogspot.com/
Posted Image