Sign in to follow this  
Ella

Glass Text with Filling

Recommended Posts

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

1

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:

2

3

4

5

6

7

8

9

  • Upvote 3

Share this post


Link to post
Share on other sites

Very nice.

Great result that could be pretty versatile to other things besides text

(BTW .. you should put the link in for Bevel Selection ;) )

Share this post


Link to post
Share on other sites

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

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

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

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

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

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

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

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.

Sign in to follow this