It is currently Fri Apr 19, 2024 7:28 am


All times are UTC - 5 hours [ DST ]



Post new topic Reply to topic  [ 16 posts ] 
Author Message
 Post subject: Inner Glow [Text Effect]
PostPosted: Fri Feb 08, 2013 8:45 am  (#1) 
Offline
GimpChat Member
User avatar

Joined: Jul 17, 2012
Posts: 2770
In this tutorial I will show you how make an Inner Glow (from edge, there is also a variation: from center).

01. Start with your text, i used a black canvas of 600x280px and the font is Sans Bold 160px, Spacing -29 in grey #808080

Image

02. Alpha select your text and save it to a channel (we will need this later): 'Select' -> 'Save To Channel'

03. create a new transparent layer on top and name it 'Inner Glow'

04. Alpha select your text, or use your saved channel and choose 'Channel To Selection' (same thing)
05. depending on how big you want your Inner Glow, Shrink the Selection or leave it as it is

06. then Invert Selection!

07. fill with color - i used white, and Gaussian Blur - i used 16px - no shrink
from my experience the Blur will have a range of approximately half its pixel value - so a Blur of 16 will spread about 8px inside your text selection - but thats just a rule of thumb

08. now almost all of your canvas has the color of the Inner Glow, minus the bit inside the selection, where the text is

Image

how can we know if we like what we did, when we cant see the final Glow properly ?
here is a trick: go to your saved channel and turn up the 'Fill Opacity' to 100% and then turn on the channel by clicking on the eye
now everything except the text will be black (because the default mask color is black)
we can even change the color of the channel mask, by clicking on the colored rectangle, in case we have a black BG and black text
so for the sake of this tutorial, i changed the mask to green.

Image

now you can see how your final Inner Glow will look
when you are happy turn of the mask - if not 'Undo' and apply other values of Shrink selection and Gaussian Blur, till you are satisfied

09. now we want to get rid of everything on the Inner Glow Layer except for the glowing shine thats inside of the selected text
10. so we Alpha Select the text or or use the Saved Channel and choose 'Channel To Selection'

11. Invert Selection

12.
a) Edit -> Cut
or
b) apply a LayerMask 'Selection' + 'Invert Mask'
or
c) for the quick bunnies among us: dont select your text at all - choose LayerMask -> Channel

Image

Image

13. play with Layermode and Opacity - the Mode 'Screen' is the obvious choice for light colors - or leave it as it is

14. to finalize the piece i added a shadow to the text (the base text selection filled with black and blurred by 5) and a gradient to the background. Also i tweaked my glow with a curve so that it expands a bit.

Image

EDIT: this is a revised version with new improved pictures. and new PDF added in next post


Last edited by Esper on Sat Mar 09, 2013 12:18 am, edited 5 times in total.

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: Inner Glow [Text Effect]
PostPosted: Fri Feb 08, 2013 9:01 am  (#2) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
Thank you Esper...I attached a new revised pdf below for whoever wants it


Attachments:
INNER Glow Text Effect-Esper.pdf [277.42 KiB]
Downloaded 602 times

_________________
Image
Top
 Post subject: Re: Inner Glow [Text Effect]
PostPosted: Fri Feb 08, 2013 11:54 am  (#3) 
Offline
GimpChat Member
User avatar

Joined: Aug 16, 2012
Posts: 4271
Location: Göteborg, Sweden
i liked playing with the inner glow, it's fun to see what different effects you can get depending on how you make the glow layer. thanks for the tut, esper, and thanks for the pdf, molly!
Image

_________________


Top
 Post subject: Re: Inner Glow [Text Effect]
PostPosted: Fri Feb 08, 2013 12:03 pm  (#4) 
Offline
GimpChat Member
User avatar

Joined: Jul 17, 2012
Posts: 2770
thanks AnMal, it seemed all the predecessor text effects tutorials i did, where too complex, so i tried to show one thing only this time

your result looks like neon, very nice and fresh
i love seeing unexpected versions from different members !


Top
 Post subject: Re: Inner Glow [Text Effect]
PostPosted: Fri Feb 08, 2013 12:20 pm  (#5) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
very nice AnMal, should be called outer glow

_________________
Image


Top
 Post subject: Re: Inner Glow [Text Effect]
PostPosted: Fri Feb 08, 2013 12:56 pm  (#6) 
Offline
GimpChat Member
User avatar

Joined: Jul 17, 2012
Posts: 2770
Attachment:
Rounded Steps.png
Rounded Steps.png [ 133.39 KiB | Viewed 16316 times ]


with two G'MIC filters on top
Attachment:
Vintage_Style-Old_Movie.png
Vintage_Style-Old_Movie.png [ 130.93 KiB | Viewed 16307 times ]


Top
 Post subject: Re: Inner Glow [Text Effect]
PostPosted: Fri Feb 08, 2013 9:39 pm  (#7) 
Offline
Script Coder
User avatar

Joined: Feb 18, 2011
Posts: 4827
Location: Bendigo Vic. Australia
Esper Using layer masks is the best way of doing any way of layer effect, but I tend to get carried away when doing text effects

Image

Image

_________________
Image
No matter how much you push the envelope, it'll still be stationery.


Top
 Post subject: Re: Inner Glow [Text Effect]
PostPosted: Sat Feb 09, 2013 9:21 am  (#8) 
Offline
GimpChat Member
User avatar

Joined: Jul 17, 2012
Posts: 2770
carried away, Graechan ?


Top
 Post subject: Re: Inner Glow [Text Effect]
PostPosted: Sat Feb 09, 2013 11:47 pm  (#9) 
Offline
Script Coder
User avatar

Joined: Feb 18, 2011
Posts: 4827
Location: Bendigo Vic. Australia
Yep after doing the inner glow tute I thought a small bevel would look nice, then a drop shadow,and off cause a border to finish

_________________
Image
No matter how much you push the envelope, it'll still be stationery.


Top
 Post subject: Re: Inner Glow [Text Effect]
PostPosted: Sun Feb 10, 2013 12:31 am  (#10) 
Offline
GimpChat Member
User avatar

Joined: Apr 08, 2010
Posts: 5420
Location: Northwest Ohio
I learned a lot about channels in this tut....thanks, Esper. Followed along but then added a drop shadow for no reason, just to give it some depth I guess.
Image


Top
 Post subject: Re: Inner Glow [Text Effect]
PostPosted: Sun Feb 10, 2013 6:19 am  (#11) 
Offline
GimpChat Member
User avatar

Joined: Jul 17, 2012
Posts: 2770
Graechan wrote:
Yep after doing the inner glow tute I thought a small bevel would look nice, then a drop shadow,and off cause a border to finish

that happens to me all the time, too, Graechan :mrgreen:

2-ton wrote:
I learned a lot about channels in this tut....thanks, Esper. Followed along but then added a drop shadow for no reason, just to give it some depth I guess.
nice to hear 2-ton
once you understand the basic techniques it all begins to flow and you start to add more layers just to make your effect even better


Top
 Post subject: Re: Inner Glow [Text Effect]
PostPosted: Fri Feb 15, 2013 11:01 am  (#12) 
Offline
GimpChat Member
User avatar

Joined: Jul 17, 2012
Posts: 2770
in the first post i showed you how to make an 'Inner Glow From Edge' and for the sake of completeness i will show how to make an 'Inner Glow From Center'.
This is fairly obvious:

01. type your text
02. alpha to select
03. shrink selection (10 seems like a good value most of the time)

Image

04. fill selection with color on a new transparent layer and deselect

Image

05. Gaussian Blur (i used 10) - as a rule of thumb: the blur stretches out about half the x/y pixel value

Image

06. set Mode ('Screen' comes to mind, but also 'Grain Merge', 'Lighten Only' or 'Dodge') and adjust opacity
apply some Contour curves, depending on the effect you want to achieve

Image

07. decorate some more :)
sometimes its nice to put a second Inner Glow in a lighter color (or white) on top of the first one, but this time shrank a bit more, to get a stronger 3D effect
thats what i did in the example below
Attachment:
Inner Glow from Center.png
Inner Glow from Center.png [ 347.33 KiB | Viewed 2040 times ]


Top
 Post subject: Re: Inner Glow [Text Effect]
PostPosted: Fri Feb 15, 2013 12:39 pm  (#13) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
What did you do to get all the artifacts or fuzziness around it

_________________
Image


Top
 Post subject: Re: Inner Glow [Text Effect]
PostPosted: Fri Feb 15, 2013 12:44 pm  (#14) 
Offline
GimpChat Member
User avatar

Joined: Jul 17, 2012
Posts: 2770
Spread 5, molly
you can also try the Mode - 'Dissolve', but Spread is better


Top
 Post subject: Re: Inner Glow [Text Effect]
PostPosted: Fri Feb 15, 2013 12:49 pm  (#15) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
Thanks, I like that effect. I have never used spread...where is it?

_________________
Image


Top
 Post subject: Re: Inner Glow [Text Effect]
PostPosted: Fri Feb 15, 2013 12:52 pm  (#16) 
Offline
GimpChat Member
User avatar

Joined: Jul 17, 2012
Posts: 2770
Filters - > Noise -> Spread


Top
Post new topic Reply to topic  [ 16 posts ] 

All times are UTC - 5 hours [ DST ]


   Similar Topics   Replies 
No new posts Attachment(s) Glow stick effect Plug-in

15

No new posts GEGL Aura (Outer Glow and Inner Glow with flame seed) applied together

1

No new posts Attachment(s) Alien Glow V.2 for Gimp-2.10 (Text Logo & Alpha to Logo)

6

No new posts Attachment(s) GEGL Text cut out effect

25

No new posts a 3d lines text effect

1



* Login  



Powered by phpBB3 © phpBB Group