Sign in to follow this  
Followers 0
csm725

Polished Ceramics / Colored Glass Text Effect

70 posts in this topic

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:

Colorful_Chrome_Sig_by_csm725.png

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.

tut1v[1].pngtut1v.png

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:

tut2v[1].pngtut2v.png

Step seven: Fill each letter-selection with a different color, make sure that the colors don't clash:

tut3o[1].pngtut3o.png

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:

tut4d[1].pngtut4d.png

Step nine: Load Alpha Mask with the following settings (onto the TextColor layer):

tut5[1].pngtut5.png

Step ten: Duplicate the TextColor layer and name the bottom one text shine.

Step eleven: Open up trail at the following settings:

tut6o[1].pngtut6o.png

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:

tut7f.pngtut7f.png

Step fifteen: Adjustments > Curves (Ctrl-Shift-M) at the following approx. settings:

tut8[1].pngtut8.png

Step sixteen: Repeat AA's Assistant on the TextShine layer.

Step seventeen: Set TextColor's opacity to 63:

tut9[1].pngtut9.png

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.

tut10[1].pngtut10.png

Step twenty-one: Do a transparent gradient (linear) like so:

tut11[1].pngtut11.png

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:

tut12n[1].pngtut12n.png

Step twenty-five: Delete the background layer, flatten, and save.

Enjoy!

tutresult[1].pngtutresult.png

#tut725

 

And now available as a downloadable PDF too!

Polished Ceramics.pdf

2

Share this post


Link to post
Share on other sites

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

0

Share this post


Link to post
Share on other sites

Yay, another good text tutorial!

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

0

Share this post


Link to post
Share on other sites

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
0

Share this post


Link to post
Share on other sites

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

tutthin.png

0

Share this post


Link to post
Share on other sites

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

0

Share this post


Link to post
Share on other sites

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.

Colourtext.png

0

Share this post


Link to post
Share on other sites

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

0

Share this post


Link to post
Share on other sites

Goonie, did you

a.) lower the opacity of the top layer?

b.) maybe you should bevel at higher settings.

0

Share this post


Link to post
Share on other sites

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.

0

Share this post


Link to post
Share on other sites

One of the best text tuts here.

This could be adapted to get some really realistic glass ... nice one csm'

0

Share this post


Link to post
Share on other sites

Oh man, thank you! Means a lot!

Edited by csm725
0

Share this post


Link to post
Share on other sites

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

0

Share this post


Link to post
Share on other sites

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

MyText.jpg

0

Share this post


Link to post
Share on other sites

Nice result.

Thanks. I make designs for digital scrapbooking and am always looking for new techniques.

Alphas.jpg

0

Share this post


Link to post
Share on other sites

Hey CSM, I used a totally different method to make my text in my sig different. One trick I find very useful is to use alpha-displacement on a transparent bevel layer.

0

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0