Illustration • How-To How to Make a Monogram with Adobe Illustrator



See how Hope Meng customizes letterforms, using Adobe Illustrator to combine them with designer strokes in order to create elegant monograms.

Headshot of Hope Meng

Hope Meng is a multidisciplinary designer and artist. Her passion projects tend to be long-running and driven by a deep love for letterforms and experimentation. Some examples include the Monogram Project, TEXT/TILE Studio, and the 36 Days of Type project.

The letters ‘tk’ appear in decorative font with a swirl from the ‘k’. The Adobe Illustrator product logo is on the left.

Take a one-minute look at Meng’s technique; the steps are written out below.

Before You Start

Use this sample file if you’d like, or practice with your own. Sync your favorite font from Adobe Fonts before you try this technique. The font used in this tutorial is Bely Display.

Step 1: Create an Outline

Meng used the Type (T) tool to add initials using the Bely Display font synced from Adobe Fonts. Then she dragged to select the initials with the Selection (V) tool, right-clicked, and chose Create Outlines. (Meng included the white ghost image that you can use as a guide if you’d like to follow her steps to create the monogram.)

‘tk’ shown as black letters, selection tool is in the top left, white ghost of the monogram appears behind letters

Step 2: Anchor Your Design

With the text converted to an outline, Meng could then customize the form of the letters using the Direct Selection (A) tool. She dragged across the top portion of the t and pulled down on an anchor point to shorten it. Then she selected the crossbar of the t and shortened it, removed a serif at the base of the k, and clicked the top anchor point of the k and dragged it down as well.

Anchor points on top right of ‘t’ and ‘k’, on crossbar of ‘t’, and bottom serif of the ‘k’, direct selection tool is top left

Step 3: Guide the Slope

Meng drew a red guide using the Line Segment (\) tool. She aligned it to follow the slope of the t and to extend beyond the k. Then she used the Direct Selection tool to select the top anchor points of the k and drag them to match the slope of the t. When she was finished, she moved the guide out of the way.

Red line displays at angle over the top line of the ‘t’. Anchor points on the ‘k’ show it is being aligned with red guide

Step 4: Decorate the Type

For a bit of flair, Meng used the Pen (P) tool to draw a flourish extending from the k.

The Pen tool shows in the upper right and a line swirl decoration from the ‘k’ with anchor points on the line

Step 5: Set the Path

With the decorative swirl still selected, she chose Object > Path > Outline Stroke.

Menu selection Object > Path > Outline Stroke shows above zoomed in monogram

Step 6: Unite the Elements

Meng then joined the decoration with the type by dragging the Selection tool across everything and clicking Unite from the Pathfinder in the Properties (Window > Properties) panel.

Pathfinder appears to the right of the monogram with ‘Unite’ option selected

Step 7: Form a Connection

To further blend the artwork, Meng used the Direct Selection tool to drag the top inside corner of the k, and then she dragged an anchor point (indicated by a circle) to create a curved path between the k and the swirl.

Direct selection tool shows in the upper left, the anchor point in the curve between the ‘k’ and the decoration has a callout

Step 8: Refine the Endpoint

Meng added the final touch by double-clicking the end of the decoration with the Direct Selection tool. She then dragged each anchor point to create a flared endpoint.

The ‘tk’ monogram is selected and the end of the swirl decoration is flared at the edges

Note: Project files included with this tutorial are for practice purposes only.

Create Expressive Monograms

Combine typography and decorative strokes to create an elegant design for your brand.

The ‘tk’ monogram appears in goldleaf on a black business card

You may also like