Creating Multicoloured Glyphs

Before asking a question on FontCreator look here for possible solutions and tutorials. Please do not post support requests here.
Bhikkhu Pesala
Top Typographer
Top Typographer
Posts: 7500
Joined: Tue Oct 29, 2002 5:28 am
Location: Seven Kings, London UK

Creating Multicoloured Glyphs

Post by Bhikkhu Pesala » Mon Jun 15, 2015 1:28 pm

As long as there are not too many colours, it is fairly easy to do. My glyphs use four colours.

If you have any questions about this tutorial, please ask in the FontCreator Support Forum.

To see the coloured glyphs visit my Web Font Test Page using Firefox, Chrome, or Edge.

Stage 1:
  1. Copy the glyph
  2. Insert a new glyph after it
  3. Paste a copy
  4. Repeat for the second and third copies
Stage 2:
  1. Delete unused colours from the palette
  2. Edit the four colours that you need using a colour-picker tool
  3. Apply the four colours to the original and three copies from the right-click menu, Colorize to selected color
  4. Name the glyph copies for easy identification: I used W.init for the original, W.yellow for the light yellow member, W.ochre for the dark yellow member, and for the green member.
Colourize to Selected Colour.png
Colourize to Selected Colour.png (21.67 KiB) Viewed 7053 times
Stage 3:
  1. Open the glyph edit window and toggle off the colour mode (shortcut C) to edit each colour member
  2. Edit the light yellow glyph member, deleting all contours that will not be light yellow
  3. Move right (Alt right cursor) and repeat for the dark yellow and green members.
Stage 4:
In the Original glyph, show the Members toolbar, and insert the other three coloured members.
Add Colour Glyph Members.png
Add Colour Glyph Members.png (3.7 KiB) Viewed 7053 times
Stage 5:
Change the stacking order to move the green above the brown, the ochre above the green, and the yellow above the ochre.
Stacking Order.png
Stacking Order.png (23.92 KiB) Viewed 7053 times
Users of FontCreator 9.0 can open my attached Project file (Odana.fcp) to see exactly how the coloured glyphs are designed. Users of earlier versions can obtain the exported OpenType font from my Free Fonts Page.
(323.61 KiB) Downloaded 182 times
My FontsReviews: MainTypeFont CreatorHelpFC11.5 Pro + MT8.0 @ Win10 1803 build 17134.345