Jump to content

Polished Ceramics / Colored Glass Text Effect


csm725

Recommended Posts

This tutorial is available as a PDF. Click here to view or download it

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:

1.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

 

 

 

  • Like 1
  • Upvote 2
Link to comment
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
Link to comment
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

 

 

Please feel free to visit my Gallery on PDNFans

And my Alternatives to PDN

Link to comment
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.

 

 

Please feel free to visit my Gallery on PDNFans

And my Alternatives to PDN

Link to comment
Share on other sites

Definitely deserved the pin!

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

Link to comment
Share on other sites

  • 2 weeks later...
  • 3 weeks later...

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.

Officially retired from this forum. Have a nice day.

Link to comment
Share on other sites

Interesting as in...

I find that using alpha-displacement gives a more glassy appearance. Thanks to xmario's glass orb tutorial, I had been using Gaussian blur to make the transparent not completely uniform, yet giving it the appearance of transparency. Median was used once, and the white highlight were elliptical then deleted with the text selected, and blurred around 50 pixels, much better than using the transparent gradients.

Edited by Lance McKnight

Officially retired from this forum. Have a nice day.

Link to comment
Share on other sites

Let's not hijack CSM's tutorial. It's a very good one, and I would use his tutorial as a spring board, and with some of my tips thrown in. See what you come up with.

Officially retired from this forum. Have a nice day.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...