Glass Text with Filling

[Ella]

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

I found this psd tutorial here and wanted to create something similar with Paint.net. I think the outcome isń´t too bad but let me know if the tutorial is not ok as I am fairly new to this .

I used in this tutorial:

Layer blending modes

Gaussian Blur

Curves

Bevel Selection

Smudge

Aa´s Assistant

SinWaves

This is the final image with the text:

And these are the steps to get there, I tried to make them compact to cut down on amount of images, let me know if they are too compact :

[Manc]

Very nice,will have to give it a go.

[CvdW]

An amazingly comprehensive tutorial.

It's timing was perfect for me as I just happen to be looking for information on how to create glass topped buttons.

I wish every tutorial was as thorough as this.

Great job and thank you for taking the time needed to put this together!

[Ella]

I thought to try and make a glass cube same way.

Of course you don´t need to save the files as .png in between but can keep all in separate layers, I just do

it so me and my computer wouldn´t go crazy with too many layers .

This is the final result after adding some light and shadows etc., not entirely happy with it but I think will leave it be for now.

Edited November 25, 2010 by Ella

[hobobob38]

The glass seems to come out a bit opaque when I try this. Oh well i still think it came out good.

Edited December 5, 2010 by hobobob38

[Ella]

I think too it came out good .

I used Curves to adjust the look of the glass.

Edited December 5, 2010 by Ella

[mindshift]

I really like this tutorial. Ella, you did a great job of making the tut; instructions are clear, and concise. Glad to see you were able to use the process on a 3D object. After completing the text I used Effects>Texture>Nebulous on the background layer. I especially like the way the text picks up colors from the background layer. Thanks.

As you requested, here is my Glass Text on two different backgrounds, showing how color and pattern show through.

Edited December 8, 2010 by mindshift

[Ella]

mindshift - Thank you! You could post your result, it is interesting to see what people come up with .

[pyrochild]

This is cool. Pin

[Goonfella]

f

Edited April 17, 2011 by Goonfella

[Ella]

Thank you for the pin, was really a surprise !

And Goonfella - really like the outcome .

What I haves suggested too is maybe try less Bevel, it all depends of the font too, works better with bold letters.

[Ella]

Thank you blackpenny for the idea to use shaped gradient for filling! Really great result with that so will post a pic here too .

[blackpenny]

Thank you for the tutorial.

Here are my results, first using the original method, second with shaped gradient.

[apz1951]

I think too it came out good .

I used Curves to adjust the look of the glass.

[apz1951]

I do layout for some homepages where i would love to use this feature, is there a way to make the background transparent?

Thanks in advance

Al

[mindshift]

I do layout for some homepages where i would love to use this feature, is there a way to make the background transparent?

Thanks in advance

Al

I am thinking you wish to remove the gray background. Another background of any kind can be placed below the glass text, and that background will show through the text. The gray background can then be deleted. However, without a background the text becomes dark gray and loses its transparency. At least this has been my experience. The glass text layer can be copied and pasted as a new layer over another background, but you will need to change the new layer's Blending Mode to Negation to make the text transparent again.

[Cakesalicious]

Hi there everyone I just joined to let Ella know how much I enjoyed her thread. I can't get it like hers (and it drives me mad) but close enough lol. I'm probably just too dumb. I've spent HOURS trying tho and have had a great time!

[fred in bed]

This is pretty cool, could come in handy sometime.

[roarrinflames]

That was a great tutorial!

I mad a lot of those but my best would have to be this!:

like?

Please reply!

Thank you if you did.

Edited February 27, 2011 by roarrinflames

[Ella]

It is very small therefore hard to see, maybe you can post bigger picture .

[lukemeish]

heres my try

with mutli color and effects

[Moninca]

Great tutorial. ^_^ I just made this with it (hope the image link works). Much appreciated.

[adel]

hello...imm... i'm a beginner but i think with u in this forum i will be better...thanks to all

and this is my try..!!!!!!!!!!!

[barbieq25]

Luke, Moninca, & Adel - good outcomes on all of them! We are happy to have you here & help you where we can.

[Bob11]

Once I read in one of the posts that the gray background could be changed, I went a little overboard to bring out the transparency of the text. The liquid in the text got a little distorted. I enjoyed doing yhis tut, though, and I plan to make the transparent box using your method soon.