It is currently 21 Feb 2018, 06:49

GIMP TutorialsCreating Decorated Custom Font using Custom Font Script in GIMP (Showcase | Slideshow)

GIMP Tutorials
User avatar
trandoductin

Forum Member
View: Showcase | Slideshow
Topic Posts: 1/8
Posts: 189
Joined: 26 Sep 2016, 00:21
Cash on hand: 317.58 GLP
Gender: Guy
Location: Canada
Website: https://gimplearn.net
x 7
Contact:
Canada

Creating Decorated Custom Font using Custom Font Script in GIMP

Post#1 by trandoductin » 05 Oct 2016, 17:41


More like...How to use created decorated custom font(s) to create your own decorated text.

1. Download a version (preferably the latest version) of Custom Font Script (scroll down a page or two you'll see different versions listed).
2. Put that file in your GIMP's /Scripts/ Folder (for example on my Windows machine, I put it under "C:\Users\Tin Tran\.gimp-2.8\scripts"
3. Download a .xcf font file from the same link in Step 1. (it's a bit lower down the page after the versions, you'll see decorated custom font images and download link below each one). and save it too your computer (remember where it's saved, you'll need this for step 6.)
4. Open GIMP (or if you already have GIMP open, Select menu "Filters", then "Script-Fu", then "Refresh Scripts", This might take 10 seconds or so depending how many scripts you have installed before you can see menu options appear for step 5.).
5. Choose menu "Script-Fu", then "Create New", then "Custom Font..."
Decorated_Custom_Font_01_menu_location.png
Decorated_Custom_Font_01_menu_location.png # (27.64 KiB) Viewed 1384 times (Watermarked | Thumbnail)
6. For the Script's options, choose the .xcf font file that you've downloaded and saved from step 3.
7. Change the Multiline text to text that you want to render and change other options as you like.
8. Click "OK" to run script.
Decorated_Custom_Font_02_script_options.png
Decorated_Custom_Font_02_script_options.png # (13.69 KiB) Viewed 1384 times (Watermarked | Thumbnail)
9. It'll take a few seconds to run. And you'll get your result as new image.
10. Here's a sample of what can be generated (here we used the RGBSphere font).
Image
0 x



T.
please don't message me, message tim(admin) instead as I am tim(admin). I don't check this account very often.
To message tim(admin), click here. Thanks.

Registered members enjoy ads-free content
User avatar
Wallace
Forum Member
View: Showcase | Slideshow
Topic Posts: 4/8
Posts: 206
Joined: 11 Oct 2016, 21:24
Cash on hand: 157.44 GLP
Bank: 1,409.62 GLP
Gender: Guy
Location: Arizona USA
Website: http://gimpchat.com
Operating System: Windows
GIMP Version: 2.8.18
My YouTube Channel
My deviantart Account
x 3
x 38
Contact:
Gimp Nation

Post#2 by Wallace » 02 Mar 2017, 20:22


I'm having trouble with my latest custom font.
Can't seem to get the letter spacing to render correctly. :hammer_head:

I would post the xcf file,
but I don't want to reveal the font until it's finishes and working properly.

Any help I can get with this issue, would be greatly appreciated.
0 x




User avatar
tim
Administrator
View: Showcase | Slideshow
Topic Posts: 3/8
Posts: 2167
Joined: 26 Sep 2016, 00:16
Cash on hand: 8,062.01 GLP
Bank: 51,356.25 GLP
Gender: Guy
Location: Victoria, BC
Website: https://gimplearn.net
Operating System: Windows
GIMP Version: 2.8.22
My Personal Blog
My FineArtAmerica
x 1209
x 259
Contact:
Canada

Post#3 by tim » 02 Mar 2017, 21:16


did you define kerning ?
vectors that are named like 'WA.png' for example for kerning for W when A follows, draw a vector with a point at where W (left side of W) should start to where A (left side of A) should start for when W is followed by A.
That would define spacing for WA...you'd have to do it for AW as well. and others possible kerning pairs.
0 x



aka Tin
Image gimplearn.net                                              

User avatar
Wallace
Forum Member
View: Showcase | Slideshow
Topic Posts: 4/8
Posts: 206
Joined: 11 Oct 2016, 21:24
Cash on hand: 157.44 GLP
Bank: 1,409.62 GLP
Gender: Guy
Location: Arizona USA
Website: http://gimpchat.com
Operating System: Windows
GIMP Version: 2.8.18
My YouTube Channel
My deviantart Account
x 3
x 38
Contact:
Gimp Nation

Post#4 by Wallace » 02 Mar 2017, 22:16


tim wrote:
02 Mar 2017, 21:16
did you define kerning ?
vectors that are named like 'WA.png' for example for kerning for W when A follows, draw a vector with a point at where W (left side of W) should start to where A (left side of A) should start for when W is followed by A.
That would define spacing for WA...you'd have to do it for AW as well. and others possible kerning pairs.
My memory must be catching up with my age, or something. :oops:

I really need to refresh myself on how to lay out the kerning paths.
I've done it before in the past, but can't seem to figure it out now.

Is there a tutorial anywhere about this that I can use as a refresher?
0 x




User avatar
tim
Administrator
View: Showcase | Slideshow
Topic Posts: 3/8
Posts: 2167
Joined: 26 Sep 2016, 00:16
Cash on hand: 8,062.01 GLP
Bank: 51,356.25 GLP
Gender: Guy
Location: Victoria, BC
Website: https://gimplearn.net
Operating System: Windows
GIMP Version: 2.8.22
My Personal Blog
My FineArtAmerica
x 1209
x 259
Contact:
Canada

Post#5 by tim » 02 Mar 2017, 23:01


nope there isn't a tutorial.
but it's quite simple.
for example create a vector and name it 'AW.png' kerning to define what width to use for A when W follows A.
This image is only to show you before and after kerning.
kerning.png
kerning.png # (16.42 KiB) Viewed 525 times (Watermarked | Thumbnail)
So while defining for AW.png vector make sure you have image layer 'A.png' visible so you can see where A starts and put a point there for AW.png vector/path.
Then put a point where you want W to start.
Here the red vector is narrower than the actual width of A because we want W to start earlier than where A usually ends.
0 x



aka Tin
Image gimplearn.net                                              

User avatar
Wallace
Forum Member
View: Showcase | Slideshow
Topic Posts: 4/8
Posts: 206
Joined: 11 Oct 2016, 21:24
Cash on hand: 157.44 GLP
Bank: 1,409.62 GLP
Gender: Guy
Location: Arizona USA
Website: http://gimpchat.com
Operating System: Windows
GIMP Version: 2.8.18
My YouTube Channel
My deviantart Account
x 3
x 38
Contact:
Gimp Nation

Post#6 by Wallace » 02 Mar 2017, 23:42


tim wrote:
02 Mar 2017, 23:01
nope there isn't a tutorial.
but it's quite simple.
for example create a vector and name it 'AW.png' kerning to define what width to use for A when W follows A.
This image is only to show you before and after kerning.
kerning.png
So while defining for AW.png vector make sure you have image layer 'A.png' visible so you can see where A starts and put a point there for AW.png vector/path.
Then put a point where you want W to start.
Here the red vector is narrower than the actual width of A because we want W to start earlier than where A usually ends.
Thanks T,
I'll see if I can give it a go form your example.





Image
0 x




User avatar
tim
Administrator
View: Showcase | Slideshow
Topic Posts: 3/8
Posts: 2167
Joined: 26 Sep 2016, 00:16
Cash on hand: 8,062.01 GLP
Bank: 51,356.25 GLP
Gender: Guy
Location: Victoria, BC
Website: https://gimplearn.net
Operating System: Windows
GIMP Version: 2.8.22
My Personal Blog
My FineArtAmerica
x 1209
x 259
Contact:
Canada

Post#7 by tim » 02 Mar 2017, 23:57


Thats for kerning varying widths depending on 2nd character.
If your letter A is narrower than image layer "A.png"'s width then you can define an "A.png" vector and same thing define where A actually starts and where A ends (like left and right points).
If your letter A fits perfectly in image layer "A.png"'s width then you don't have to define "A.png" vector.
0 x



aka Tin
Image gimplearn.net                                              

Post Reply

Last 20 Members Who Visited This Topic

User avatar gnerd (1), User avatar tim (1)

  • Similar Topics
    Replies
    Views
    Last post
• Featuring Members' Works (Image Attachments Only) •
1: Pat625
2: dinasset
3: oldmangrumpy
4: Issabella
5: RJKD
6: tim
7: Ella

Who is online

Users browsing this forum: No registered users and 1 guest