Ella

Glass Text with Filling

Recommended Posts

Ella    40

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 boltbait.smile.png.

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:

glass3e.png

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 boltbait.smile.png:

glasstut1.png

glasstut2.png

glasstut3.png

glasstut4.png

glasstut5.png

glasstut6.png

glasstut7.png

glasstut8.png

Edited by Ella
  • Upvote 3

Share this post


Link to post
Share on other sites
CvdW    0

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!

Share this post


Link to post
Share on other sites
Ella    40

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 :D.

cube4a.png

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.

cube4b.png

Edited by Ella

Share this post


Link to post
Share on other sites
Ella    40

I think too it came out good boltbait.smile.png.

I used Curves to adjust the look of the glass.

glasstut_help2.png

Edited by Ella

Share this post


Link to post
Share on other sites
mindshift    1

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.

GlassA.jpg

Edited by mindshift

Share this post


Link to post
Share on other sites
Ella    40

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.

Share this post


Link to post
Share on other sites
Ella    40

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

glass3f.png

Share this post


Link to post
Share on other sites
mindshift    1

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.

Share this post


Link to post
Share on other sites

Hi there everyone :D 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! :D

RockinRainbowssmall3.jpg

Share this post


Link to post
Share on other sites
adel    2

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

fekrh-com3ae66af2b6.jpg

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