Uploaded April 2024 | Updated September 2026, 2 weeks ago
This video demonstrates a powerful and non-destructive technique to create dynamic, outlined typography in Adobe Illustrator
. By combining the Touch Type Tool with the Appearance panel, designers can apply complex, layered stroke effects while keeping the underlying text fully editable
.
1. Workspace Setup & Font Manipulation: To begin, Tony recommends switching to the Essentials Classic workspace, which exposes a full suite of typography options and panels in Illustrator
. Using the Touch Type Tool, he selects and manipulates individual letters within a live text layer
. He scales, rotates, shifts the baseline, and tightens the kerning of specific characters to create custom, playful text layouts
. Tony also emphasizes a key design habit: always sketch out typography ideas on paper before diving into the computer
.
2. Applying Colors & Layering Strokes: After adjusting the layout, he uses the Eyedropper tool to color the text with a custom palette sampled from candy
. He then opens the Appearance panel (Window/Appearance) to build the layered outlines
. To add a stroke, he uses the panel's dropdown menu and sets its initial weight to 15 points
. Because a thick stroke natively overlaps and covers the text, Tony drags the Stroke layer beneath the Characters layer in the panel's stacking order, ensuring the fill of the letters remains perfectly visible
. He then adds a second, even thicker outer stroke in a different color, layering it beneath the first stroke to create a multi-layered effect
.
3. Cleaning Up Joins and Maintaining Editability Heavy strokes on text can cause ugly, jagged artifacts at the corners and endpoints due to default font join settings
. To fix this, Tony opens the options for both strokes in the Appearance panel and changes their settings to use a round cap and a round join, instantly smoothing out the edges for a polished look
.
The primary benefit of this workflow is that the text remains completely dynamic and editable
. Using the Selection tool, a designer can double-click to change the text entirely (for example, typing "grass Hoppers"), change colors, or continue adjusting individual letter spacing with the Touch Type Tool at the very last minute
. Tony wraps up the video by reminding viewers of his signature advice: "Make art, not excuses, so go make something"
This video demonstrates a powerful and non-destructive technique to create dynamic, outlined typography in Adobe Illustrator
. By combining the Touch Type Tool with the Appearance panel, designers can apply complex, layered stroke effects while keeping the underlying text fully editable
.
1. Workspace Setup & Font Manipulation: To begin, Tony recommends switching to the Essentials Classic workspace, which exposes a full suite of typography options and panels in Illustrator
. Using the Touch Type Tool, he selects and manipulates individual letters within a live text layer
. He scales, rotates, shifts the baseline, and tightens the kerning of specific characters to create custom, playful text layouts
. Tony also emphasizes a key design habit: always sketch out typography ideas on paper before diving into the computer
.
2. Applying Colors & Layering Strokes: After adjusting the layout, he uses the Eyedropper tool to color the text with a custom palette sampled from candy
. He then opens the Appearance panel (Window/Appearance) to build the layered outlines
. To add a stroke, he uses the panel's dropdown menu and sets its initial weight to 15 points
. Because a thick stroke natively overlaps and covers the text, Tony drags the Stroke layer beneath the Characters layer in the panel's stacking order, ensuring the fill of the letters remains perfectly visible
. He then adds a second, even thicker outer stroke in a different color, layering it beneath the first stroke to create a multi-layered effect
.
3. Cleaning Up Joins and Maintaining Editability Heavy strokes on text can cause ugly, jagged artifacts at the corners and endpoints due to default font join settings
. To fix this, Tony opens the options for both strokes in the Appearance panel and changes their settings to use a round cap and a round join, instantly smoothing out the edges for a polished look
.
The primary benefit of this workflow is that the text remains completely dynamic and editable
. Using the Selection tool, a designer can double-click to change the text entirely (for example, typing "grass Hoppers"), change colors, or continue adjusting individual letter spacing with the Touch Type Tool at the very last minute
. Tony wraps up the video by reminding viewers of his signature advice: "Make art, not excuses, so go make something"
