It is currently 27 Jan 2022, 14:31

• Featuring Members' Images •
Could be related to 'Adding an outline to an existing custom font with Custom Font Tools'
skinnyhouse
skinnyhouse
skinnyhouse
skinnyhouse
skinnyhouse

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

Adding an outline to an existing custom font with Custom Font Tools

GIMP Tutorials
Forum rules
Tutorials must be created by you and your own idea.
If you got idea from elsewhere and revised your own version of tutorial, please include reference and credit original authors.
For example if you found a Photoshop tutorial and wanted to write a GIMP version, you must credit the original Photoshop tutorial.
skinnyhouse
Script Coder
5th Place
2305 Post(s)

Adding an outline to an existing custom font with Custom Font Tools

Post#1 by skinnyhouse » 18 Aug 2021, 18:19


Custom Font Tools used in this guide:

Custom Font Outlines Only
Custom Font GT Bevel 1.6
Custom Font Facemaker

The latest versions, should you need them are here:
Custom_Font_Outlines_Only_v005.py #
(32.29 KiB) Downloaded 45 times
Custom_Font_Bevel_Reflect_BRL_1_6_V_108.py #
(44.32 KiB) Downloaded 38 times
Custom_Font_Face_Maker_v008.py #
(39.38 KiB) Downloaded 45 times


This help guide assumes that you are already familiar with the process of custom font making and that you have already created a custom font and that you now want to add an outline to the characters.

The first thing to do is to work out the thickness of the outline you want to create by finding out how much empty space you have around the existing characters. This is probably easiest to do with a character like ‘H’ or ‘E’. The outline that you create will expand beyond the existing character edges by half the width that you enter in the Outlines Only filter.

You will probably also need to set up the colours that you want to use for the outline – or set the active pattern that you intend to use.

In order to keep things simple I set my current foreground colour to a shade of blue for my outline.

Open up the custom font that you want to create the outline for (either the whitebase or the decorative version. Call up the filter:

Filters>>Custom Font Tools>>Custom Font Outline Only v0.05…

I set my outline width to 20 pixels and the ‘Outlines only layers’ option to ‘Yes’ but kept all the options at their default values. When you are ready click on ‘OK’ to generate a set of outline characters.
Outlines_Settings.jpg
Outlines_Settings.jpg # (54.6 KiB) Viewed 1396 times (Thumbnail | Recognize | Sq Tile | LNFI)
Step_1.jpg
Step_1.jpg # (40.47 KiB) Viewed 1396 times (Thumbnail | Recognize | Sq Tile | LNFI)
Save the outline characters with a new name.
A_Virtue_Outline.png
A_Virtue_Outline.png # (17.52 KiB) Viewed 1396 times (Thumbnail | Recognize | Sq Tile | LNFI)
You now need to add some interest to your outline. I have used a bevel effect with the bevel option in Custom Font Effects Only filter and a coloured flat bevel effect with the Embossible filter to also add interest. This example uses the Custom Font GT Bevel Effect 1.06 V1.08 filter.

Set the colours to white foreground and black background and call up the filter:

Filters>>Custom Font Tools>> Custom Font GT Bevel Effect 1.06 V1.08…
Leave the options at their default settings apart from the ‘Desaturate emap result’ option; set this to ‘Desaturate Average’.
GT_Bevel_Settings.jpg
GT_Bevel_Settings.jpg # (88.02 KiB) Viewed 1396 times (Thumbnail | Recognize | Sq Tile | LNFI)
Step_2.jpg
Step_2.jpg # (52.18 KiB) Viewed 1396 times (Thumbnail | Recognize | Sq Tile | LNFI)
The bevelled outline style…
A_GT_Bevel_Outline.png
A_GT_Bevel_Outline.png # (55.78 KiB) Viewed 1396 times (Thumbnail | Recognize | Sq Tile | LNFI)


Remember to save your work.

When you are ready to combine the outline with the parent font you have two choices to make. You can either place the outline in front of the parent characters – which will show the full width of the outline – or you can place the parent characters in front of the outline.

Open the custom font that you wish to appear behind the other one and call up Custom Font Facemaker:

Filters>>Custom Font Tools>>Custom Font Facemaker v0.08

Use the following options to combine the two sets of characters:
Facemaker_combine_options.jpg
Facemaker_combine_options.jpg # (50.01 KiB) Viewed 1396 times (Thumbnail | Recognize | Sq Tile | LNFI)
Click on the file icon in the ‘.xcf custom font file’ box to navigate to the other custom font that you saved earlier and click on ‘OK’.

The outline file added to the custom font characters...

Step_3A.jpg
Step_3A.jpg # (52.98 KiB) Viewed 1396 times (Thumbnail | Recognize | Sq Tile | LNFI)

The character file added to the outlines…

Step_3B.jpg
Step_3B.jpg # (52.8 KiB) Viewed 1396 times (Thumbnail | Recognize | Sq Tile | LNFI)
All you need to do now is a bit of house-keeping and save the file you wish to keep and delete the outlines only custom font (if you saved it that is). Happy outlining!

Link to full example custom font:

viewtopic.php?p=37529#p37529

Alan
Forum Member
4th Place
2772 Post(s)

Post#2 by Alan » 19 Aug 2021, 11:06


skinnyhouse: Thank you very much for your support.
Very good job, congratulations. :gimp_learn_olympic_medal: :gimp_clap:

skinnyhouse
Script Coder
5th Place
2305 Post(s)

Post#3 by skinnyhouse » 19 Aug 2021, 14:15


:thumbsup:
You're more than welcome Alan...

We fonters seem to be rather thin on the ground at the moment!

GJL and GimpTurkey???


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 16 guests