It is currently 06 Mar 2021, 16:43

• Featuring Members' Works (Image Attachments) •
1: member
2: member
3: member
4: member
5: member

GIMP/GL:  Tutorials | Tips | Questions | Interests | Script Requests
Recommendations:  Index | Top 10
Resources:  🡆 Python-Fu Plug-ins | Scheme-Fu Scripts | GIMP
Python:  Lessons | Questions | Exercises
The Arts:  GIMPed | GIMPed Photos | Other | Contests | Public Domain Images | Isolated Images | Blender
Inkscape
Social:  Say Hello | Anything Goes | Shares | FCSP

Custom Font Outer Glow for Gimp 2.10: Initial Release

Share your Python Fu Scripts/plug-ins for GIMP here
skinnyhouse
Script Coder

Custom Font Outer Glow for Gimp 2.10: Initial Release

Post#1 by skinnyhouse » 22 Jan 2021, 09:44


Custom_Font_Outer_Glow.py #
(31.86 KiB) Downloaded 25 times
This plug-in came about because I wanted to add a thin glow around a set of custom font characters.

GradientGlows.jpg
GradientGlows.jpg # (21.04 KiB) Viewed 858 times (Thumbnail | Recognize | Sq Tile)

A pdf of this guide:
Outer Glow Help Guide.pdf #
(677.56 KiB) Downloaded 21 times

Download and install the plug-in to your user plug-in folder.

Open up a custom font file and call up the filter from:

Filters>>Custom Font Tools>>Custom Font Outer Glow...

The filter dialog:

dialog.jpg
dialog.jpg # (50.58 KiB) Viewed 858 times (Thumbnail | Recognize | Sq Tile)

Basically the filter adds a layer of colour with one of the colour options and then uses the Gimp gaussian blur filter to blur the colour or colours into a glow effect before fixing it to the existing custom font character.

There is a fine balance between spreading out a glow towards the edges of the character layer and glowing across the layer boundary; this results in a horrendous clipped edge and is not always apparent until the characters are added to another, larger image.

A thorough inspection of the chosen custom font layers is recommended to find out the amount of space around the characters that you have to play with.

The filter options:

Initial glow size:

This sets the initial size of the coloured area to be turned into a glow. A higher number will give a brighter effect but will also cause the glow to spread more. Start with zero and work up.

InitialGlow.jpg
InitialGlow.jpg # (26.82 KiB) Viewed 858 times (Thumbnail | Recognize | Sq Tile)


Number of glow iterations:

This value controls how many times a glow is added to each character layer and helps to add depth and intensity to the glow effect. Larger values add to the time that the filter takes to complete its work and also cause the glow to spread slightly.

Iterations.jpg
Iterations.jpg # (31.34 KiB) Viewed 858 times (Thumbnail | Recognize | Sq Tile)


Glow colour options:

Set the appropriate Gimp colour options before calling up the filter dialog to create a glow based on colours taken from the...

Foreground colour
Background colour
Pattern
Copy of the character layer
Current gradient

Colours.jpg
Colours.jpg # (64.67 KiB) Viewed 858 times (Thumbnail | Recognize | Sq Tile)

The effects of using a copy of the character option obviously vary greatly and are less predictable in their usefulness.

Glow opacity:

As you would expect smaller values reduce the opacity of the glow.

Amount of blur to use (as %):

Increase this value to deliberately make the glow spread out more towards the character boundaries.

AmountOfBlur.jpg
AmountOfBlur.jpg # (27.75 KiB) Viewed 858 times (Thumbnail | Recognize | Sq Tile)

Gradient blend direction:

Sets the direction for applying a linear gradient more effectively using compass points.

Add HSV Noise:

Set this to ‘Yes’ to add some HSV noise texture to the glow (with the values set by the following four parameters in the dialog).

Noise.jpg
Noise.jpg # (24.42 KiB) Viewed 858 times (Thumbnail | Recognize | Sq Tile)

Increase character layer size:

If you intend to use a big glow effect you will need to increase the width of the layer to avoid clipping the glow, as can be seen in the first of the two examples below.

LayerIncrease.jpg
LayerIncrease.jpg # (28.56 KiB) Viewed 858 times (Thumbnail | Recognize | Sq Tile)

A working rule seems to be to use an increase of two to two and a half times greater than the blur value entered – give or take. I seriously recommend testing the outer glow filter out on a small number of test characters before running it on a full set of layers.

Attempt to modify kerning:

This is only required if you increase the character layer size.

If the custom font file contains existing kerning paths set this option to ‘Yes’. The filter will create some global kerning paths for un-kerned characters to compensate for their increased widths.

I do not think that there is much point in setting this option if no kerning paths have been added to a custom font.

In the rather extreme example below, the first line uses characters where the layer sizes remain the same as in the original custom font file.

The middle line has no modified kerning and so kerning is applied with only existing kerning pair paths. The letters with over-large spacing had no kerning pairs applied in the original custom font and relied on the old layer width to create the character spacing.

The third line uses the modified kerning information to display the characters correctly.

Kerning.jpg
Kerning.jpg # (36.26 KiB) Viewed 858 times (Thumbnail | Recognize | Sq Tile)

Distress blur:

This is an experimental option that attempts to add some variation to the glow spread. It may be worth trying if you are going to use the characters at larger sizes. You will probably need to increase the size of the layers to avoid clipping.

distressed.jpg
distressed.jpg # (29.57 KiB) Viewed 858 times (Thumbnail | Recognize | Sq Tile)

And finally…

If you need more glow you can always use Custom Font Inner Glow before the Outer Glow plug-in.
They say that less is more – but add some HSV noise and prove them otherwise! Have fun…

InnerOuter.jpg
InnerOuter.jpg # (29.79 KiB) Viewed 858 times (Thumbnail | Recognize | Sq Tile)
DoubleExamplar.jpg
DoubleExamplar.jpg # (47.22 KiB) Viewed 858 times (Thumbnail | Recognize | Sq Tile)

skinnyhouse
Script Coder

Post#2 by skinnyhouse » 22 Jan 2021, 17:54


A further play using the distress option and applying this to an existing glitter style custom font...


Glitter_Glow.jpg
Glitter_Glow.jpg # (73.05 KiB) Viewed 839 times (Thumbnail | Recognize | Sq Tile)

Krikor
Forum Member

Post#3 by Krikor » 22 Jan 2021, 20:48


I will definitely have to test this new member of the custom fonts package at some point. Maybe even if it is not with custom fonts.

Thank you Skinnyhouse!
"I feel that in both art and music, it's not the success that matters but the pleasure it gives you. Focus on the pleasure and the learning will come naturally." - Brian Weston

skinnyhouse
Script Coder

Post#4 by skinnyhouse » 23 Jan 2021, 08:16


:thumbsup:

Look forward to the results of your road testing Krikor.

skinnyhouse
Script Coder

Post#5 by skinnyhouse » 23 Jan 2021, 08:17


Another before and after with an existing custom font...
ChilliJamCompared.jpg
ChilliJamCompared.jpg # (57.97 KiB) Viewed 739 times (Thumbnail | Recognize | Sq Tile)

Pat625
Tutorial Creator

Post#6 by Pat625 » 24 Jan 2021, 07:58


Skinnyhouse, you are amazing! I know I have said that many times, but you continue to do new things that makes it so much easier for all of us. Please know that you are very much appreciated!

skinnyhouse
Script Coder

Post#7 by skinnyhouse » 24 Jan 2021, 09:29


:thank_you: I'm only in it for the money, really, Pat!


GIMP/GL:  Tutorials | Tips | Questions | Interests | Script Requests
Recommendations:  Index | Top 10
Resources:  🡆 Python-Fu Plug-ins | Scheme-Fu Scripts | GIMP
Python:  Lessons | Questions | Exercises
The Arts:  GIMPed | GIMPed Photos | Other | Contests | Public Domain Images | Isolated Images | Blender
Inkscape
Social:  Say Hello | Anything Goes | Shares | FCSP

Post Reply New Topic
  • Similar Topics
    Replies
    Views
    Last post

Who is online

Users browsing this forum: No registered users and 19 guests