It is currently Thu Apr 25, 2024 2:21 am


All times are UTC - 5 hours [ DST ]



Post new topic Reply to topic  [ 117 posts ]  Go to page 1, 2, 3, 4, 5, 6  Next
Author Message
 Post subject: Glass text tutorial
PostPosted: Sun Sep 02, 2012 5:39 pm  (#1) 
Offline
GimpChat Member
User avatar

Joined: Mar 23, 2012
Posts: 7309
Location: Göteborg at last!
Glass Text Tutorial

Image

There are probably hundreds of tutorials on glass text but this method is one I discovered by accident when I was trying to do something entirely different.

You will need to have Python installed: http://www.python.org/getit/
and the bevel python plugin in your plugins folder: http://registry.gimp.org/taxonomy/term/122

Step 1.

You can either use a background of your choice or you can follow me in creating one. Open a new document - any size you like. I'm using 400 x 400. Select your gradient fill tool and in tool options find the gradient called Horizon 1. Hold down your Ctrl key and drag your mouse from the top of the page to the bottom.

Image

Step 2.

Change your foreground colour to mid grey - 808080, select your text tool and type your text on the page using a fairly bold font. Size and position your text however you like it then choose Layer>Layer to image size. Rename the layer Text.

Image

Step 3.

Right-click the text layer and choose Alpha to selection then open Filters>distorts>bevel and making sure the layer mode is set to overlay, type in the following values and click on OK. Unless I tell you to, do not remove this selection until the end of the tutorial.

Image

Image

Step 4.

Make your Background layer invisible then choose edit>copy visible and edit>paste into. This will create a floating selection that we turn into a normal layer by clicking on the new layer icon at the bottom of the layers dialog. Rename this layer Gloss 1 and make your background visible again. You should now have four layers.

Image

Step 5.

Duplicate your gloss layer then add another transparent layer above it and call it Solid Noise. You should now have six layers. Open Filters>Render>Clouds>solid noise, set both values to 1 and keep pressing New Seed until you have fairly even clouds. Click on OK. Put your solid noise layer into grain merge mode then right-click and merge down with your Gloss 1 copy layer. You should now have five layers. Your image won't look much different yet.
Image Image

Step 6.

With your Gloss 1 copy layer still selected, open Colors>curves and copy the following curve then click on OK. You might want to play with the opacity at this stage - I didn't - either way, merge this layer down with your Gloss 1 layer leaving you with four layers.

Image Image

Image

Step 7.

Right-click your text layer and delete it. Put your Gloss 1 layer into Burn mode and reduce the opacity to 55.

Image

Step 8.

Duplicate your Gloss 1 layer, put it into screen mode and change the opacity to 25

Image

Step 9.

Now for some distortion. Remove your selection (select>none) Select your background layer then open Filters>Map>Displace and set both maps to your inner bevel layer then click on OK.

Image

Image

Hope this is useful to you.


Attachments:
Glass Text Tutorial.pdf [351.96 KiB]
Downloaded 803 times
Share on Facebook Share on Twitter Share on Orkut Share on Digg Share on MySpace Share on Delicious Share on Technorati
Top
 Post subject: Re: Glass text tutorial
PostPosted: Sun Sep 02, 2012 6:18 pm  (#2) 
Offline
GimpChat Founder
User avatar

Joined: May 22, 2008
Posts: 5242
Location: Gimpville
That is a nice effect.

You should also check out the Glass Effect Text script.

Image

_________________
“If you reach for the stars, you just might land on a decently sized hill.” - Stuart Hill


Top
 Post subject: Re: Glass text tutorial
PostPosted: Sun Sep 02, 2012 6:20 pm  (#3) 
Offline
GimpChat Member
User avatar

Joined: Mar 23, 2012
Posts: 7309
Location: Göteborg at last!
Thank you Tux. I've downloaded the script and I'll be playing with it later.


Top
 Post subject: Re: Glass text tutorial
PostPosted: Sun Sep 02, 2012 6:32 pm  (#4) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
Here is my stab at it Eris. Very well written and easy to follow. thanks for sharing.

Image

_________________
Image


Top
 Post subject: Re: Glass text tutorial
PostPosted: Sun Sep 02, 2012 6:34 pm  (#5) 
Offline
GimpChat Member
User avatar

Joined: Mar 23, 2012
Posts: 7309
Location: Göteborg at last!
Thanks Molly. You did a good job there.


Top
 Post subject: Re: Glass text tutorial
PostPosted: Sun Sep 02, 2012 6:36 pm  (#6) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
Well written tutorials are very easy to follow Eris and that was definitely the former.

_________________
Image


Top
 Post subject: Re: Glass text tutorial
PostPosted: Sun Sep 02, 2012 7:34 pm  (#7) 
Offline
GimpChat Member
User avatar

Joined: Aug 24, 2011
Posts: 1785
Location: Dallas, TX
Great Job! Good explanations, lots of screenshots. Interesting effect too. :coolthup :clap :jumpclap

_________________
Image


Top
 Post subject: Re: Glass text tutorial
PostPosted: Sun Sep 02, 2012 7:41 pm  (#8) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
so where is your project Drac? :teeth

_________________
Image


Top
 Post subject: Re: Glass text tutorial
PostPosted: Sun Sep 02, 2012 7:47 pm  (#9) 
Offline
GimpChat Member
User avatar

Joined: Aug 30, 2012
Posts: 2174
Nice tutorial, at work at the moment so will try it out later, just curious what font did you use.

_________________
Image


Top
 Post subject: Re: Glass text tutorial
PostPosted: Sun Sep 02, 2012 11:55 pm  (#10) 
Offline
GimpChat Member

Joined: May 29, 2010
Posts: 32
Very cool find, thanks for sharing, E!


Top
 Post subject: Re: Glass text tutorial
PostPosted: Mon Sep 03, 2012 2:38 am  (#11) 
Offline
GimpChat Member
User avatar

Joined: Mar 23, 2012
Posts: 7309
Location: Göteborg at last!
Thanks all. he4rty - the font is called Metal Lord.


Top
 Post subject: Re: Glass text tutorial
PostPosted: Mon Sep 03, 2012 3:58 am  (#12) 
Offline
GimpChat Member
User avatar

Joined: Mar 23, 2012
Posts: 7309
Location: Göteborg at last!
Thought I'd try one on a photo.

Image


Top
 Post subject: Re: Glass text tutorial
PostPosted: Mon Sep 03, 2012 4:10 am  (#13) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
pretty!

_________________
Image


Top
 Post subject: Re: Glass text tutorial
PostPosted: Mon Sep 03, 2012 5:25 am  (#14) 
Offline
GimpChat Member
User avatar

Joined: Mar 23, 2012
Posts: 7309
Location: Göteborg at last!
Thank you.


Top
 Post subject: Re: Glass text tutorial
PostPosted: Mon Sep 03, 2012 6:41 am  (#15) 
Offline
GimpChat Member
User avatar

Joined: Apr 09, 2011
Posts: 1764
I've got a problem changing the font in the GIMPCHAT logo/glass selection version...any help would be appreciated...it just seems to lock into the preset font


Top
 Post subject: Re: Glass text tutorial
PostPosted: Mon Sep 03, 2012 6:43 am  (#16) 
Offline
GimpChat Member
User avatar

Joined: Aug 30, 2012
Posts: 2174
I need some help, how do I install the selection bevel?
When I click on the link to it, all I get is a page full of code in my browers, I've tried copying and pasting this into the python console and saving it as a .py file then placing it into my plugins folder but it doesn't show up, have set the permissions of file to executable.

_________________
Image


Top
 Post subject: Re: Glass text tutorial
PostPosted: Mon Sep 03, 2012 6:47 am  (#17) 
Offline
GimpChat Member
User avatar

Joined: Mar 23, 2012
Posts: 7309
Location: Göteborg at last!
he4rty wrote:
I need some help, how do I install the selection bevel?
When I click on the link to it, all I get is a page full of code in my browers, I've tried copying and pasting this into the python console and saving it as a .py file then placing it into my plugins folder but it doesn't show up, have set the permissions of file to executable.


Ah. I think you copy the text, paste it into notepad and when you save it, change txt to all files and put .py after the file name. Give it a try.


Top
 Post subject: Re: Glass text tutorial
PostPosted: Mon Sep 03, 2012 6:57 am  (#18) 
Offline
GimpChat Member
User avatar

Joined: Aug 30, 2012
Posts: 2174
Erisian wrote:
he4rty wrote:
I need some help, how do I install the selection bevel?
When I click on the link to it, all I get is a page full of code in my browers, I've tried copying and pasting this into the python console and saving it as a .py file then placing it into my plugins folder but it doesn't show up, have set the permissions of file to executable.


Ah. I think you copy the text, paste it into notepad and when you save it, change txt to all files and put .py after the file name. Give it a try.


Thank you, That worked.

_________________
Image


Top
 Post subject: Re: Glass text tutorial
PostPosted: Mon Sep 03, 2012 6:59 am  (#19) 
Offline
GimpChat Member
User avatar

Joined: Mar 23, 2012
Posts: 7309
Location: Göteborg at last!
:yes


Top
 Post subject: Re: Glass text tutorial
PostPosted: Mon Sep 03, 2012 7:17 am  (#20) 
Offline
GimpChat Member
User avatar

Joined: Aug 24, 2011
Posts: 1785
Location: Dallas, TX
molly wrote:
so where is your project Drac? :teeth


Which project? My list won't quit growing!

_________________
Image


Top
Post new topic Reply to topic  [ 117 posts ]  Go to page 1, 2, 3, 4, 5, 6  Next

All times are UTC - 5 hours [ DST ]


   Similar Topics   Replies 
No new posts Attachment(s) How To Create Glass Balls PDF (from a Video Tutorial)

11

No new posts Attachment(s) Framed glass text

12

No new posts Attachment(s) Erisian tuto: Glass text

6

No new posts Attachment(s) GEGL Glass Text (Gimp Plugin)

1

No new posts Attachment(s) GEGL Glass, Metallic, and Marble text mega plugin.

7



* Login  



Powered by phpBB3 © phpBB Group