Hand-Letter an Original Title for a Commercial Treatment
Hand-Letter an Original Title for a Commercial Treatment
A treatment cover usually has one line carrying more weight than everything under it: the title. You could set that line in a font and get on with the deck. Often you should. The reason to draw it instead is that this particular phrase needs an arrangement no existing font ships with — one word louder than the others, a break in a specific place, a silhouette that fits the frame it sits on. Choosing a font is choosing a system for setting arbitrary text. Lettering designs this phrase as a composition. The moment you decide which word leads and how wide the whole thing has to be, you've stopped setting type.
So the order runs roughly like this. Settle the wording and its emphasis. Try small whole-phrase arrangements. Refine the letters against their neighbors. Prepare the winner for the page it lands on. Most unhappy hand-lettered titles come from working that list backwards — polishing a beautiful letter before anyone has decided what job it has.
Decide what the phrase needs to do
Start by writing the phrase down as plain text. Exact words, exact punctuation, exact capitalization. Before First Light, Before first light, and BEFORE FIRST LIGHT are three different titles, and that call belongs to whoever owns the copy — the director, the producer, the client — not to you at the drawing table with a good idea about lowercase. Get it fixed in writing before you sharpen anything.
Then answer the question that makes this lettering rather than typesetting: which word should the eye hit first? Not the longest word. Not the prettiest word. The word that carries what the spot is selling. Sometimes the first word of the phrase and the word that deserves emphasis are the same and there's nothing to decide. Often they aren't. A title beginning with a broad, generous capital invites you to make that capital the star, and that invitation can be entirely wrong.
The phrase's shape is the next thing to pin down, before individual letters get any attention. Hand-lettering is composition first. Does the title want to be tall and narrow, wide and shallow, square? How much room does the cover actually give it? What's behind it — a bright field or a dark one? That last question isn't a color decision. Light letterforms on a dark ground gain weight to the eye; dark letterforms on light thin out. The background is part of the specification for the drawing, not a step you handle at the end.
Which brings up the trap that eats a lot of first attempts: the charming initial. You draw one magnificent capital, it's the best thing on the page, and the rest of the phrase is now squeezed into the remaining corner with nowhere to breathe. Or worse, the ornate letter seizes the reading order from the word that should own it. Either way, one lovely mark has made the title worse. Sketch the phrase's overall footprint before you fall in love with a letter.
A phrase to work with. Say the project is a fictional dawn-set commercial, and the proposed title is Before First Light. Nothing described here has been drawn yet — treat the sketches below as a plan, the way you'd treat a shot list before the shoot. The phrase has structure worth noticing: Before is a preposition, a time marker; First Light is a compound noun meaning dawn. The grouping the language gives you is [Before] + [First Light]. If a drawing makes it read as [Before First] + [Light], it has broken the compound and the title goes strange.
Which word leads? There's a real case for Light — it names the thing. A real case for First, since First Light is the term. And a real case for Before, because if the spot is about the waiting, the premise deserves the weight. There's no rule you can look up. There's a decision, made once, and then honored for the rest of the drawing. The three routes below reach that decision differently — two of them land the lead on Light, one on Before — and each carries its emphasis by a different means.
Explore small whole-phrase compositions
Draw small. Thumbnail small, several to a page. At that scale you can't fuss over a serif because there's no room for one, so your eye drops out of reading letterforms and starts reading shape, emphasis, and rhythm — which is what you actually need to compare. Keep the sketches genuinely different from each other. Three variations on the same centered stack is one composition drawn three times.
Here are three routes for Before First Light that differ in something more than decoration.
Route A — bottom-heavy. Before First set small and letterspaced above, Light drawn much larger underneath. Roughly square footprint, weight pooled at the base. The eye takes Light first and reads upward. The risk is that reading upward against the phrase order takes a beat of effort.
Route B — top-heavy. Before large and alone, First Light smaller and set tight beneath it. Tall, narrow footprint, weight carried at the top. This one leans on the pause — the title becomes an announcement of a moment that hasn't arrived. It costs you size if the available space is short.
Route C — one line, wide. All three words on a single line at one size, with a wide gap after Before and First Light drawn tight enough to read as a single object. Wide, shallow footprint. Size isn't doing the emphasizing here, so the lead word has to be carried by something else: Light is drawn a shade heavier than the words around it, which gives the eye somewhere to land first without breaking the single line. The gap after Before, and the closeness of First Light, handle the grouping. It also happens to match the grouping the language already gives the phrase.
Three footprints, three different mechanisms. That's the useful kind of variety.
Now the comparison step people skip: look at these at approximately the size the title will actually be read. A thumbnail convinces you about shape. It lies to you about legibility. Put the roughs on the slide, or print them at cover size and step back. Drawing small and judging at size are two separate jobs, and you need both.
Use references while you do this, but use them correctly. Another artist's lettering is worth studying for construction — where a stroke's weight sits, how a counter is opened, how two letters are joined — with the reference beside your paper, not under it. Tracing gets you someone else's drawing and someone else's problem. Jessica Hische's first-person account of her own process describes beginning with a sketch and developing it into final vector art — the sequence, notably, not a set of shapes to copy.
Pick a route because the whole phrase reads and belongs to this treatment. Not because one flourish in one version happened to come out well.
Choosing. On this fictional cover — a wide pre-dawn frame, dark sky, a thin band of light running low across the image — Route B loses, because a tall composition has to shrink to fit the height above the horizon. Route A works but wants to sit centered and creeps down toward the light. Route C uses the full width of the dark area, so it can be larger where it matters; its wide gap after Before preserves the compound reading without any help from scale; and the extra weight on Light puts the emphasis where Route A puts it while the phrase still reads in its own order. The composition and the grammar are agreeing with each other. That's the reason to keep it.
Refine letters in relation to their neighbours
Now the letters get attention — together, not one at a time. Even in a single-line title like Route C, every letterform is answering to the ones beside it.
Stroke character comes first: the weight, the angle, the thick-and-thin of the strokes should feel like one hand made them all. That's consistency, not uniformity. The two es in Before don't have to be identical. A drawing that repeats a letter by copying it looks like a font, and it can also produce spacing that never suited the second position. Let a repeated letter change with its context.
Then the counters — the enclosed spaces. In Before First Light they live in the B, the two es, the o, and the g. This is where a title most often dies, because counters do not scale with the drawing; the ratio between counter and stroke does all the work. A counter that looks generous on a large sketch can fill in solid the moment the title is reduced or viewed from across a room.
The counter that closed. On this fictional cover, viewed at the size the title will be read, the first e in Before filled in and the word read like Bfore. You can't fix that by enlarging one letter — that breaks the rhythm you just built. The two real options are to thin the lowercase group so the counters open in proportion, or to re-cut the e's aperture by pulling the terminal and easing the bowl's curve while keeping the weight. Either way you're adjusting the counter-to-stroke relationship, and you're changing more than one letter to do it.
The flourish that fought its own word. Route C's whole premise is the wide gap after Before. So of course the F of First wanted a long entry swash reaching left into that gap — and it did two kinds of damage at once. It bridged the wrong pair, making the phrase threaten to read BeforeFirst Light, which destroys the compound the route was built on. And it became the loudest mark in the drawing, so the eye landed on the swash before it landed on the word the swash was decorating. A flourish that outranks its own word is not a flourish; it's a competing element that happens to be attached to a letter. The fix is to cut it, or reverse it so the swell leaves the F to the right, or reduce it to a terminal that breaks the stem without crossing into anybody else's space.
Keep the rough. Save the version before these two corrections and put it next to the resolved one. When you can see that the e opened and the gap got its air back, you've documented a decision rather than a taste. And retain the credit line for the sketches — who drew them, what references informed them — with the file, not in your memory. Finding that record in six months is a different task from remembering it.
One more thing to resist: don't defend every early mark. If an imbalance turns out not to be fixable inside the letters, that's the composition telling you to go back a step. Refinement should not become a siege mounted to preserve a route that never worked.
Prepare the title for the actual page
How you finish the drawing depends on what happens to it next. One cover, one size, one placement, and you're done — a high-resolution raster drawing is honest and simple, and it's often the right answer. Multiple sizes, tints, or positions, or a client who will move it twice before Friday — that argues for vector, so the title can be rescaled and recolored without redrawing anything.
If you go vector, resist auto-tracing the drawing. A trace reproduces every wobble, including the ones you spent the refinement stage removing, and it converts a considered edge into a jittery one. Redraw or clean the paths and simplify them. Then group with intent: Before as one group, First Light as another, so you can widen that gap later without taking the phrase apart. Purposeful grouping is what makes a vector title editable rather than merely scalable.
Then compare the finished title in two places. Put it on the intended image, over the dark sky, at the real size — does it read, does it belong, does the gap survive? Then put it on a plain proof background, where the letterforms, the counters, and the spacing are all visible without a photograph behind them. Each background hides something the other reveals. On the dark frame, the gaps between letters can vanish and the title can flatten into a bar of light; on white, you see every spacing error you've been forgiving for an hour.
Keep the phrase available as text somewhere in the document — a filename, a caption, a notes field, a hidden text layer. Wherever the title lives as an image, a search box and a screen reader see a picture and nothing else. Outlined lettering is not a text equivalent, and no outlining routine will make it one.
A limitation worth stating plainly: this piece doesn't name an application or walk through its menus, because that walkthrough hasn't been performed for this title and writing one from memory would be inventing it. The decisions above are the ones that have to happen in whatever tool you draw in. Check how your own program handles thin strokes and open counters before you accept its output, especially if it offers to trace or autotrace your sketch.
One title, at size, on its background
The finish line isn't a system. You're not building a typeface, and the result doesn't have to set arbitrary text, work at every scale, or survive being reversed in six colors. It has to do one thing: hold together at the size the cover is read, on the background the cover actually has. The emphasis sits where you decided it should. The gaps do what you intended. The silhouette fits the frame instead of crowding it, and the words are still words — all of them, in the right order, with the compound intact.
That's what makes it authored lettering rather than a decorative treatment applied to a phrase. The drawing and the decision about the phrase are the same drawing.
Frequently asked questions
When is hand-lettering a title better than setting it in a font?
When the particular phrase needs an arrangement no existing font ships with: one word louder than the others, a break in a specific place, or a silhouette that fits the frame it sits on. Choosing a font is choosing a system for arbitrary text; lettering designs this phrase as a composition. The moment you decide which word leads and how wide the thing has to be, you have stopped setting type.
What order should the work follow, and what happens if it is reversed?
Settle the wording and its emphasis, try small whole-phrase arrangements, refine the letters against their neighbors, then prepare the winner for the page. Working that list backwards—polishing a beautiful letter before deciding its job—is a common source of unhappy hand-lettered titles.
How should emphasis and grouping be decided for a phrase like 'Before First Light'?
Write the phrase as plain text with exact punctuation and capitalization, and let whoever owns the copy settle it. Then choose which word the eye should hit first, not the longest or prettiest word but the one carrying what the spot is selling. Respect the grouping the language gives you: [Before] + [First Light]. If a drawing makes it read [Before First] + [Light], the compound breaks. There is no rule for whether Light, First, or Before leads; it is a decision made once and honored.
What are common lettering traps, and how are they addressed?
The charming initial can squeeze the rest of the phrase or seize the reading order, so sketch the overall footprint before falling in love with a letter. Counters can fill in when the title is reduced; fix the counter-to-stroke ratio by thinning the lowercase group or re-cutting the aperture, not by enlarging one letter. A flourish can bridge the wrong pair, as a swash from F into the gap after Before threatens to make 'BeforeFirst Light,' or outrank its own word. Cut it, reverse it, or reduce it to a terminal.
How should the finished title be prepared for its actual page?
One cover, one size, and one placement can use a high-resolution raster drawing. Multiple sizes, tints, positions, or a client who will move it argue for vector, but resist auto-tracing: a trace reproduces wobbles and turns a considered edge jittery. Redraw or clean and simplify paths, and group Before separately from First Light so the gap can be widened later. Compare the title on the intended image at real size and on a plain proof background. Keep the phrase available as text somewhere; outlined lettering is not a text equivalent. This piece does not name an application or walk through its menus because that walkthrough has not been performed.