It is currently 21 May 2022, 05:26

• Featuring Members' Images •
Could be related to 'Adding Panels to Custom Fonts'
skinnyhouse
skinnyhouse
Pat625
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 Panels to Custom Fonts

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
2501 Post(s)

Adding Panels to Custom Fonts

Post#1 by skinnyhouse » 08 Apr 2022, 14:29


Panel_Logo.png
Panel_Logo.png # (115.33 KiB) Viewed 723 times Thumbnail
This guide assumes that you are familiar with custom fonts tools and that you have a custom font base to work with.

You will need to use the following Custom Font Filters:

Custom Font FaceMaker
Custom Font Layer Utils
Custom Font Embossible

I have included a set of resources for you to use:
Versions of the plug-ins which will need to be added to your user plug-ins folder
Boogie Nights Whitebase Custom Font
Resources.7z #
(402.69 KiB) Downloaded 35 times
I wanted to add a little bit of interest to some of my existing custom font bases – the ones that have both broad and thin strokes:

The method that seems to work for me involves creating another version of the same font, but with a good amount trimmed off. This produces a set of panel characters that can then be saved and combined with the original characters in a variety of ways and modes. These panels can be applied as highlights, or holes or used with an embossed effect – I am still exploring!

Step 1: Create the Panels

Open a base custom font in Gimp (in my example Boogie Nights).

Call up the Layer Utilities plug-in dialog:

Filters>>Custom Font Tools>>Custom Font Layer Utils 1.29 Tabbed...

Click on the 3rd tab and use a 'Trim' value of 30 - you may need to adjust the 'Trim' value for a different custom font base.
Step1_Trim.jpg
Step1_Trim.jpg # (90.19 KiB) Viewed 723 times Thumbnail
Utils_Dialog_Trim_30.jpg
Utils_Dialog_Trim_30.jpg # (44.88 KiB) Viewed 723 times Thumbnail
Save the new characters with a new name to avoid over-writing - something like 'Boogie_Nights_Panel_Whitebase', perhaps.

You can use this set of characters as highlights by combining (see Step 4 for more help) them with a set of decorated custom font characters by using modes and effects with the panel charaters:
Highlight_Plain.png
Highlight_Plain.png # (86.52 KiB) Viewed 723 times Thumbnail
Highlight_gradient.png
Highlight_gradient.png # (90.04 KiB) Viewed 723 times Thumbnail
Highlight_BRL.png
Highlight_BRL.png # (105.22 KiB) Viewed 723 times Thumbnail
Step 2: Apply Embossible to both the character set and the panel set

Open the main custom font file of characters in Gimp.

Call up the Embossible Filter dialog:

Filters>>Custom Font Tools>>Custom Font Embossible v. 1.04...

Use the settings shown to add a flat emboss – make a note of the azimuth value that indicates the direction of the light; in my case 135 degrees.
Step2_Emboss_Main.jpg
Step2_Emboss_Main.jpg # (91.46 KiB) Viewed 723 times Thumbnail
Emb_Dialog_Main.jpg
Emb_Dialog_Main.jpg # (46.03 KiB) Viewed 723 times Thumbnail
Save this file with a new name - you may wish to re-use it a number of times.

Open the smaller panel version for this set of characters, if you have already created one. If not make one now as shown in Part 1.

Bring up the Embossible filter dialog again and change the azimuth value to send light in the opposite direction across the characters. If you are not sure about this new value, add 180 to the original number; If that value is larger than 360, subtract 360 from it.

My original azimuth was set to 135 so 135 + 180 = 315.

Step3_Emboss_Panel.jpg
Step3_Emboss_Panel.jpg # (101.68 KiB) Viewed 723 times Thumbnail
Emb_Dialog_Panel.jpg
Emb_Dialog_Panel.jpg # (46.98 KiB) Viewed 723 times Thumbnail
Save this file with a new name so that it can also be re-used.

If you want to apply different décor styles to the embossed panel and the embossed main characters, use FaceMaker to do that at this point.

Step 4: Combine the characters

Open the embossed main custom font file.

Call up the FaceMaker dialog:

Filters>>Custom Font Tools>>Custom Font FaceMaker v.0.10...

Set the options as shown below. Click on the xcf custom font file option and navigate to the embossed panel file you saved earlier.
Step4_Combine.jpg
Step4_Combine.jpg # (92.15 KiB) Viewed 723 times Thumbnail
FaceM_Dialog_Combine.jpg
FaceM_Dialog_Combine.jpg # (67.83 KiB) Viewed 723 times Thumbnail
Save this final version of the embbossed characters so that you can re-use it.


All that remains to be done is to add a décor layer to the characters with texture and colour in FaceMaker, using a suitable mode, for a finished custom font. This one is taken from a layer filled with a Gimp pattern:
2Panel_1Tone.png
2Panel_1Tone.png # (171.68 KiB) Viewed 723 times Thumbnail
And this one used a panel with a different colour:
2Panel_2Tone.png
2Panel_2Tone.png # (177.83 KiB) Viewed 723 times Thumbnail
Or how about adding another panel - if you have room?
3Panel_3Tone.png
3Panel_3Tone.png # (182.44 KiB) Viewed 723 times Thumbnail
And finally a couple of examples in another custom font.
2_examples.png
2_examples.png # (218.79 KiB) Viewed 723 times Thumbnail
Have fun...

Alan
Forum Member
4th Place
3025 Post(s)

Post#2 by Alan » 09 Apr 2022, 09:37


Thank you so much for ths guide. :gimp_clap: :gimp_clap:

PixLab
Forum Member
29th Place
76 Post(s)

Post#3 by PixLab » 10 Apr 2022, 12:44


Woow that's very promizing :gimp_clap:
Patrice

skinnyhouse
Script Coder
5th Place
2501 Post(s)

Post#4 by skinnyhouse » 17 Apr 2022, 12:16


:thumbsup: Thank you Patrice.

skinnyhouse
Script Coder
5th Place
2501 Post(s)

Post#5 by skinnyhouse » 17 Apr 2022, 12:32


Just in case anyone needs a little more guidance, here is an over view of the process:
Overview.jpg
Overview.jpg # (31.13 KiB) Viewed 521 times Thumbnail
Part 1: Create your main custom font characters and save
Overview_P1.jpg
Overview_P1.jpg # (38.85 KiB) Viewed 521 times Thumbnail

Part 2: Trim a duplcate file of the characters into smaller panels according to your taste using Custom Font Layer Utils and save these new panel characters.
Overview_P2.jpg
Overview_P2.jpg # (36.13 KiB) Viewed 521 times Thumbnail
Part 3: Use your filters to change the appearance of the panel characters and save your work.
Overview_P3.jpg
Overview_P3.jpg # (36.13 KiB) Viewed 521 times Thumbnail
Part 4: Open the main character file and combine the panel file with it using Custom Font FaceMaker in combine mode.

Save your work.

skinnyhouse
Script Coder
5th Place
2501 Post(s)

Post#6 by skinnyhouse » 17 Apr 2022, 12:36


Even more examples:

Various panel styles using Perspex, Embossed, Shine, Lighting Effects, Mosaic and BR Logo filters...
Panels_Combined.png
Panels_Combined.png # (536.78 KiB) Viewed 521 times Thumbnail

gimpturkey
Newly Registered
12th Place
1144 Post(s)

Post#7 by gimpturkey » 17 Apr 2022, 15:56


thsh.jpg
thsh.jpg # (63.79 KiB) Viewed 501 times Thumbnail
Last edited by gimpturkey on 17 Apr 2022, 23:34, edited 2 times in total.
GIMP Learn rocks...

gimpturkey
Newly Registered
12th Place
1144 Post(s)

Post#8 by gimpturkey » 17 Apr 2022, 15:58


ths.jpg
ths.jpg # (42.8 KiB) Viewed 515 times Thumbnail
GIMP Learn rocks...


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