Wednesday, 5 June 2013

Illuminations

This effect explores the idea of layering inner glows on top of each other and how we can get even more results with G'MIC filtering.


01. Start with a dark grey canvas 800x300px

02. Type your text in a rounded font – Alba is a good choice, but you can only use it for personal projects without buying a license. If you are using Alba, make it 186px.

Fontsquirrel is another site that has plenty of rounded fonts to choose from.

Alpha select your basetext and save it to a channel for future use.


03. Now lets make glows.
I start with a very sunny yellow #ffea18
Fill the inverted selection with that colour.

For the second glow i used a somewhat dark green #5a5513.

For the third glow i picked a colour that is inbetween: a juicy green: #83c213



04. With all the colours set, we need to apply the Gaussian Blur
I used 10 for the yellow, 40 for the dark green and 20 for the juicy green inbetween.
You can always turn on the saved channel and turn up the opacity to 100% so that it acts like a mask to see what it will look like.


I wanted the yellow at the edges stronger, so i duplicated the layer and reduced the opacity of the duplicate to 60%.

The dark and juicy green layers will be Inner Shadows, so we need to apply the offset:
-7/-7 for the juicy green and -7/-3 for the dark green (in the Offset dialog (Ctrl + Shift + O)).
I also reduced the Opacity of the dark green to 60%, but that will all depend on your individual colours and taste.

When you are ready, apply to all Glow and Inner Shadow layers, layermask from channel.


05. Next we will add an Outer Glow to mask jaggy edges.
Create a new layer under your basetext and fill the basetext-selection with a whitish colour.
I used #f3ffde.
Then blur it – i used 4px because bigger values will make the whole text appear fuzzy, but that might what you want.
I reduced the Opacity to 60% and the Mode to 'Screen' because i wanted something very subtle that you can barely see.


06. Of course the glow effect works best with a dark BG, you could change it to simple black or use a pattern/texture of your choice. 
I used the subtle pattern 'inflicted' and darkened it with a black layer on top with the Mode set to 'Soft Light' at 72%.


You can find the subtle patterns website here:
http://subtlepatterns.com/
and the Gimp pat-files here:
https://github.com/dbb/subtle-patterns-gimp



This would be our basic glow text-effect – simple but effective.

But we can do more than that !

07. Turn off all the background layers, plus the Outer Glow.


Now rightclick on your top layer and select 'New from Visible', then turn all the layers on again.

Next go to G'MIC → Lights & Shadow → Relief Light.

Begin with the slider at the bottom: 'Image Smoothness' and tweak it, until you get a wet shiny look.
I used the value 0.3.

Turn up 'Specular Size' to the max, then play with the other sliders, until you get a nice shiny, wet looking text with good contrast.

Set Output Mode to 'New layer', then hit apply.



Apply a layermask from channel to your Relief Light layer and turn off the 'New from Visible' layer (or delete it).

Set the mode to 'Value' and maybe reduce the Opacity to 80% and you will get this illuminated jelly effect.


 You can tweak that result with a curve to get better contrast, like this.


And this concludes this tutorial, hope you find it useful.



1 comment:

AnMal said...

this effect is definitely one fo my favourites from the gimp science labs! the tronic layering effect too, really great looking stuff :). i've finally got something from this tutorial and i'm off to gimp chat right now to share my result.