Jump to content

Glass Text with Filling


Ella

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 5
sig_garfield.png
Link to comment
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!

Link to comment
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
sig_garfield.png
Link to comment
Share on other sites

  • 2 weeks later...

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

sig_garfield.png
Link to comment
Share on other sites

  • 1 month later...

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.

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

Link to comment
Share on other sites

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

That was a great tutorial!

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

roarinflameslogo.png?t=1298842477

like?

Please reply!

Thank you if you did.

Edited by roarrinflames
Link to comment
Share on other sites

  • 1 month later...
  • 1 month later...

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

fekrh-com273385d7fe.jpg

Link to comment
Share on other sites

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

THiGVp.png

Knowledge is no burden to carry.

 

April Jones, 2012

 
Link to comment
Share on other sites

  • 1 month later...

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.

th_signew2.png

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