X7 Bonus Chapter1 Fonts
X7 Bonus Chapter1 Fonts
Bonus Chapter 1
Creating Your Own Font
A t some point in your work as a designer, you’ll have the need for a special font:
something you can’t locate online, something that perfectly complements a
drawing, perhaps a typeface that contains a logo you want to distribute to employees
for letterhead stationery.
You can design the characters of your dream font right in CorelDRAW and
export your work as a typeface you and other can use. In this chapter, you learn
how to set up a page layout specifically for creating fonts, create a simple but
interesting typeface, discover some of the secrets to professional font-making,
and create a typeface template you can reuse later. Because a digital typeface’s
characters are simple drawings, this chapter makes it easy to make a logo font for
business. Naturally, some rules for building a font that works correctly are covered
in this chapter, and it’s a good idea to review Chapters 7 and 9 if you’re not totally
comfortable yet with drawing paths and editing them. The payoff, however, is a
new skill, a font unlike anything anyone else has seen on the Web, and a tool you’ve
created from knowing the tools in CorelDRAW.
Type 1 or TrueType?
CorelDRAW can export your font design to Adobe Type 1—one of the oldest file
formats for digital typefaces—and to the TTF file format—TrueType, a font format
shared by Windows and Macintosh users. Which format you choose depends largely
on how skilled you are in file management and how much free space you have on
(continued )
your hard drive. Type 1, due to its early invention before operating systems were
capable of displaying fonts you print and fonts you see onscreen, is not one, but two
separate files: a PFM and a PFB file. CorelDRAW automatically generates the PostScript
Font Metrics (PFM) file for you should you choose to export to Type 1 (listed as PFB
on the Save File As Type drop-down list in the Export dialog). Windows uses this file
to display fonts onscreen, but the PFB file (PostScript Font Binary) is the one that
actually contains the vector information for the font so it is printable.
As you can imagine, if a PFM file is lost or misplaced, the corresponding PFB file is
pretty useless. This is the primary reason why you might want to choose TrueType as
the file format for your fonts. Similarly, a PFM file without the corresponding PFB lacks
the font outline information: you’re sunk. One of the advantages to writing your font
to TrueType is that the outlines when you type with TrueType are exceptionally smooth.
TrueType uses more nodes in the outline than a similar Type 1 version. And this is also
the disadvantage to writing all your fonts to TrueType format. The more nodes it takes
to describe the outline of a character, the larger the file size: approximately one byte
per node. This amount seems like a trifling, but it eventually adds up. Some symbol
fonts that are more than 200K in TrueType format can be written to less than 100K as
Type 1s. Another consideration is how many nodes on a character does it require to
describe the shape of the character? Type 1 files require that a character has less than
200 nodes; there is no real limit to the number of nodes in a TrueType character.
2. It’s probably a good idea to save this custom page size: click the Custom option
on the Property Bar, and then choose Edit This List. Click the Save icon in the
Page Size options dialog, and then give this custom page size a name that is
easy to remember in the future, such as Typography, as shown here. Click
OK, and then click OK in the Options dialog to apply your changes. In the
future, the Typography page size can be accessed from the Page Selector drop-
down list on the Property Bar.
Save
3. A very good question to ask now is, “So how large should the upper- and
lowercase letters be?” A good answer is to use a font installed on your system
to size up your own font’s measurements, to type an upper and lowercase letter
from, say Arial, on the page, make it the final size, and then drag guidelines
from the Rulers for your own character-building. With the Text Tool, click the
cursor to make an insertion point as close as possible to the bottom-left corner
of the page, then type Aa.
4. With the Pick Tool, select the text, and then type 1000 in the Points field on
the Property Bar; press enter to apply the value.
5. With the Pick Tool, use your mouse wheel to zoom very close to the lower-left
corner of the page and then click-drag the Artistic Text so it touches the lower-
left corner exactly.
6. From the rulers, drag guidelines so they touch the top of the capital A, the left
edge of the capital A, the bottom of the capital A (this is the baseline of the
font), and the top of the lowercase a. See Figure 1. You’re not done with the
guidelines, nor are you finished with the “stand-in” text on the page, but you
do have a good working template for designing your own font now.
7. Choose File | Save As Template. Save the document in CorelDRAW’s CDT file
format; keep it open for further refinements.
Figure 1 Create a custom size page and apply special units for the rulers to
make a document suitable for building digital typefaces.
You’ll notice something funny going on right now: although you specified 1,000-
point text and the page is set up to 1,000 points in height for the imaginary font grid,
the guideline you dragged to the top of the capital A shows that this character is only
716 points. This discrepancy is for two reasons:
•• The gap from the top of the letter to the top of the page is for descenders of letters
from the line above when you type with the font.
•• The 1,000-point grid is only a reference that designers work against. Some font
capital letters are taller and some are shorter, an artistic call for the font’s creator
to make.
6. Click-drag the Artistic Text titles, one at a time, to a position on the Object
Manager directly below the Master Guides layer, as shown here. By doing this,
you’ll have the characters you typed as a visual guide on all the pages you
create for the different characters in your font.
7. Lock the Master Guides Layer from editing (and accidentally moving the guide
characters) by clicking its pencil icon.
•• If you’re handy with a felt-tip pen and own a scanner, you could bring the bitmap
images into CorelDRAW and then use QuickTRACE to auto-trace every character.
Using this approach, as shown in Figure 2, often leads to a natural style for the
typeface characters, with few or no irregularities. Routinely, you need to manually
edit the result of the tracing to eliminate superfluous nodes and make other minor
consistency corrections. Alternatively, you could bring your scanned image in,
lock it on a layer, create a new layer, and then manually trace over the characters
you physically drew. This takes more time but adds consistency as you draw.
•• You can draw each character by hand. This approach often leads to noticeable
inconsistencies between character stem widths—the strokes that make up a
character are called stems—and even consistency within a single character’s parts.
This process is time-consuming, and you can’t reuse the basic structure of each
character, as you can by defining centerlines for the stems of each character and
then giving the stems different properties.
•• You can make centerlines for characters and then apply outline properties. This
is the way to go for speed, stem consistency, and reusability of your character
designs, and it’s the approach shown in this chapter. Here’s the idea: you draw
a “skeleton” of a capital A—for example, a teepee shape with a crossbar—so you
have two paths, three maximum. You can now apply a wide outline to the paths
and even put a round line cap on the strokes. Then at some point you choose
Arrange | Convert Outline To Object on a copy of your paths, and before you
know it, you have a character whose stem widths are completely consistent. After
you use the Weld operation on the paths, the result shape qualifies for export
as a TrueType character. Better still is the fact that you can apply an Artistic
Media stroke to your capital A, and then later use the Break Artistic Media Group
Apart (ctrl+k) command. CorelDRAW saves your original paths, and with a
little refining, the Artistic Media object becomes an elegant, intricate character
perfect for exporting to a font. In the illustration here, you can see examples of
a manually drawn character, a character made by increasing the outline width
and then converting it to an object, and then at right, a character made with a
centerline and Artistic Media then applied.
Professional Fonts
It’s beyond the scope of this book to describe how commercial professional fonts are
created, not because CorelDRAW doesn’t have the tools, but because typography is
an art unto itself and requires many years of developing the skill and knowledge to
produce such contemporary classics as Garamond, commonly accredited to Tony Stan
in the 1970s. The typeface you’re reading in this book has serifs (the small extensions
to the stroke stems on each character) and Roman style typefaces have thick and thin
stems that need to be carefully calculated for character consistency and legibility at
small point sizes. Therefore, creating a commercial typeface you could, for example,
sell for $45, is not the point of this chapter. You need both an artist’s skills in
CorelDRAW and a typographer’s skills to make the big bucks. However, you can indeed
make interesting fonts for personal and in-house use, symbol fonts, and this chapter is
intended as a guide on how to make a basic typeface and how to export the characters
to TrueType file format.
Basically, no one but you can tell you what your own typeface’s characters should
look like; in English-speaking countries, you’re probably best off with a capital A that
looks like two strokes converging at the top with a crossbar somewhere in the center—
you get the idea. Your best working tool is probably the Bézier Pen Tool because it
handles both straight strokes and curves, and you can use the Arial font on the Master
Guides layer to determine a centerline for your font creation, just to get you started.
A centerline is necessary to provide a control curve upon which you hang Artistic
Media strokes. It’s much easier and provides character consistency to first make a
centerline for a character and then apply an Artistic Media stroke, than to go click-
dragging with an Artistic Media brush from the get-go.
Let’s cut to the chase: in the illustration here you can see an alphabet composed
of paths. Notice this skeleton for a typeface is a little unusual: it’s narrow and the
crossbar for characters is lower than you would expect. It’s also not a complete
alphabet: there are no lowercase letters and only the essential punctuation marks.
There are two reasons for presenting this example. First, you’ll get through the
tutorials in this chapter faster if you have fewer characters to create, and second,
a typeface doesn’t necessarily have to have lowercase letters; plenty of commercial
typefaces such as Banco (ITC) are uppercase only. This is because certain fonts are
used primarily for large headlines, so you don’t need lowercase letters. However, it’s
a good idea to map the uppercase characters you create to both upper- and lowercase
keystrokes; this is done during the export process and saves you the frustration
of having to type with the CAPSLOCK key on! This example typeface, Odyssey, is
used in the following examples, and you might want to base your own font on these
characters; they’re very easy to draw.
Path as a centerline
Path baseline
Font baseline
5. Click a start and an endpoint with the Bézier Pen Tool to create a horizontal
crossbar for the capital A; press enter to end the stroke. The illustration above
shows the two paths with an 8-point wide outline only so you can see it here.
Eventually the path’s outline will be hidden by Artistic Media so use any width
outline you like as you work.
6. Click the Add Page button at the lower left of the interface. You should have
all your Master Guides in place, so it’s off to the character B in the typeface.
You’ll get the routine: draw the character, add a page. However, don’t confine
yourself to using the Bézier Pen Tool, particularly when you get to C and D.
These characters can more easily be described using an arc, and arcs are
quickly created by using the Ellipse Tool, then click-dragging outside of the
shape on the nodes to make the arc, as shown in the following figure. As you’re
designing, don’t forget to reuse paths by copying, going to the page where you
need a path, and then pasting. For example, the crossbar of the A can (and
should) be reused as the top of the capital T and the crossbars of the E and F;
the O can be reused for part of the Q and also works for the zero in this font.
Consistency is the name of the game to ensure a good-looking typeface when
you use it later.
Ellipse Tool
Add a page
Character begins
(left sidebearing)
Baseline
Depending on how you drew your characters, you might or might not get exactly
the look you’re seeking because Artistic Media wraps itself around the entire length of
a path, including bends and turns. Therefore, a stem for a character might need to be
split to get exactly the detail you need—this and other techniques are covered in the
following tutorial:
Path is continuous...
so is the Artistic Media stroke.
Figure 4 Break the path at the bottom node to make the Artistic Media travel
along two path segments.
Figure 5 Reverse the path segment to reverse the Artistic Media stroke.
5. With the Shape Tool, drag one of the bottom nodes (horizontally) away from
the other until you have a good view of both unconnected bottom nodes.
6. Hold shift and then click the bottom node of one of the broken path segments
and then the top node of the same segment so they are both selected.
7. Click the Reverse Direction button on the Property Bar, as shown in Figure 5
(before reversal at left, after reversal at right). You’re almost there.
8. Drag the bottom node on the
path segment close to, but
not directly over, its original
position, so the Artistic Media
strokes overlap. But don’t drag
the node directly on top of
the other segment’s node. By
default, CorelDRAW rejoins
broken paths, and if you allow
the bottom node to touch
the other node, you’re back
to Step 4! See the following
illustration for the right and
Right Wrong
wrong position for the node Nodes are close. Nodes too close, path
you need to move. will join again.
9. This is the biggest step: take what you’ve learned in this tutorial and apply
Artistic Media, the same Preset, to all the characters in the typeface, to all
the pages. If it helps visualize your characters, you can give them a fill and
no outline property when your editing work is done. After you’ve applied the
Artistic Media to all the path segments for all your characters, it’s time to detach
the strokes from their paths and export all the characters to your own typeface.
You might want to copy some of the characters to a new document window and line
them up to get a better visual idea of how your typeface will look when you actually
type with it. The following illustration shows a few of the characters from this typeface;
they align nicely and there’s good consistency because of all the preplanning and the
setting up of guidelines and using the same Artistic Media stroke for all the letters.
Figure 6 Use the Weld operation to make all the character’s components into a
single object.
2. In the Save As Type drop-down list in the Export dialog, you can choose PFB-
Adobe Type 1 font, but for reasons discussed earlier, unless you absolutely
have to have a Type 1 font, choose TTF-True Type (*.ttf) font now, check the
Selected Only box, and then give the font a name you’ll remember later. You
can change the TrueType font name the same way you rename any other file;
its filename has nothing to do with the font’s name as it appears in Font drop-
down lists. Click Export.
3. You’re greeted by the first in a series of dialog boxes, as shown in the illustration
here. This one, Options, wants the name of the font (Family Name). Type the
name of your typeface, as you want it to appear on CorelDRAW’s and all other
applications’ font list. Think about this one, because it’s nearly impossible
to change later without buying a font utility. It’s not a Symbol font so don’t
check this box. The Style is Normal (not Bold, not Italic), and the grid you
used is 1,000 units. Leading is a relative issue, and in this example, you can
set the Leading to 0 because you only used about 700 of the 1,000-unit grid
for the height of the characters. Finally, Space Width is the space between
words—Space is actually a character in a typeface. This is a narrow font; usually
300 units is a good value, and perhaps 280 is best for this font—go a little narrow
due to the characters being narrow. Click OK; then click OK to respond to Save
Changes To Font File, and it’s on to the next dialog.
4. Here’s where the show takes place. By default, Character Width is set to
Auto, and usually this is a good option. However, the right vertical line in
the preview window shows exactly where the character ends and the next
character you type with the finished, installed font begins. You can call this
kerning (intercharacter spacing). Eyeball this preview window (there’s really
no way to judge before you use the font); if the space looks too tight, uncheck
Auto, and then use the Character Width spin box controls to increase or
decrease the right sidebearing for the character.
5. Click the character in the Character Number box that corresponds to the
character you’re exporting. In Figure 7, you can see the A is selected. Click
OK, and you have one character in a new font saved.
6. Click the Export button again, and this time there’s no Options box—you simply
choose the TTF file from where you saved it in the True Type Export dialog.
You’ll see a dialog box asking permission to replace the file: click Yes.
Click the
corresponding
character.
Figure 7 Assign the selected object a keystroke in the True Type Export dialog.
7. Choose the lowercase a in the Character Number box this time; then click
OK. Now you’ve used the same character design twice, but when you type,
you’ll get the same character when you press A, with or without holding shift.
There are few things in life as annoying as a typeface that has no lowercase
CHARACTERS!
8. Continue through the pages, export all the characters, numbers, and punctuation
characters. If by chance you assign the wrong Character Number to a character,
you can go back, choose the correct one, and CorelDRAW asks you if you want to
overwrite the existing definition. In this case, yes you do.
Tip Under certain conditions, you can export one or more characters to an existing
font. Those conditions are:
You have permission to. There is a coding in commercial typefaces that sometimes
is written to prohibit users from tampering with the font. Commercial typefaces fall
under the Digital Rights Management Act; they’re actually little runtime programs;
and unless you have a very real and pressing need to hack a commercial font, don’t
do it. If you do, don’t share it or post it anywhere.
The font is Type 1 or TrueType. CorelDRAW cannot export to OpenType or other
proprietary font file formats.
You know what you’re doing, and you have a backup copy of the font. You have to
make absolutely certain that your character height, baseline, and other properties
for the characters you want to write into this font match. And this sort of thing
can take quite a while to become good at.
Here comes the tricky part: the first part of the logo ends exactly at the character
width you entered during export. This means there will be absolutely no space between
this first character, and the next one you export. And this is good most of the time,
particularly when your logo needs to be perfectly joined when users type the two
keystrokes that make the logo.
This Lost Coral logo is a little different because it breaks between the N and
the T. If your logo is like this one, you’re in luck because the following set of steps
shows a quick manual way to keep the spacing perfect between characters if your
own logo requires this.
3. Hold ctrl to constrain movement, and then drag the rectangle and the second
part of the logo to the left guideline at the left of the page. Be careful to only
drag left—you want the second part of the logo to align to the first part you
already exported. Use the left and right keyboard arrow keys to nudge the
two objects if necessary. The rectangle’s left side should be touching the left
guideline.
4. Select only the second part of the logo now and then click the Export button.
In the Export box make sure Selected Only is checked and that you’ve chosen
the same font as the one you exported the first part of the logo to.
5. Choose the letter you want to represent the second half of the logo. For Lost
Coral, the lowercase c works fine, as shown here. The user only needs to
remember the initials of the place they work!
Distance measured
by the rectangle
Now that you have a font, you’re going to want to type a lot of words. Fortunately,
if you buy CorelDRAW X7: The Official Guide (hint, hint), Chapter 11 shows you how
CorelDRAW can help you spell your words correctly, make grammar suggestions, and
write a SIGGRAPH paper all by itself.
Only kidding about the last part!