julianna kunstler

Type Tools Logo

© JuliannaKunstler.com

WI State Standards:

  • AA Cr11h
    Plan: Formulate original concepts by practice, experimentation, and revision. (planning/experimentation)
  • AA Cr12h
    Make: Create works of art that introduce students to media, care of tools, and basic craftsmanship skills.
    (skills)
  • AA Pr10h
    Develop meaning: Create s body of work incorporating personal, historical, and contemporary art to communicate one or morepoints of view.
    (aesthetics / communication)

Learning objectives

  • Type tools
  • type on a path
  • type inside a shape
  • modifying text

Type Tools

type tools logo

Type tool

type tools logo

Type characters sit on the baseline.

Create a line of text by clicking on the artboard. This will place an anchor point and a baseline for the text.

When resized – the font size is scaled as well.

Create a text block by clicking and dragging a rectangle.

When resized – the font size does not change. Text adjusts to fill in the resized type area.

Area Type Tool

type tools logo

Before you start with the Area Type tool – you need to create an area to type in.

Draw any shape – pre-made or freehand. Color properties do not matter – they will disappear as soon as you apply text.

type tools logo

Click on the path of your shape.

Now your text fills in the shape.

To make it more obvious – use "Justify… left" setting in Paragraph panel.type tools logo

Type on a Path Tool

type tools logo

To type on a path – we need a path.

Draw a path and keep it selected. Stroke color and weight do not matter – these properties will disappear.

type tools logo

Click on a path to apply type.

The path turns into a baseline with 3 brackets.

type tools logo

The two brackets on both sides control the start and the end of the text area.

If the area does not fit the entire text – you will see a small red square with a cross over the "End" bracket.

Every time you see that symbol – it means that a part of the text is hidden.

type tools logo

The middle bracket controls the placement of the text on the path.

Vertical Type Tool

type tools logo

Vertical Area Type Tool

type tools logo

Vertical Type on a Path Tool

type tools logo

type tools logo

Touch Type tool

type tools logo

Move, scale, rotate and overlap individual characters in a word.

example

STEPS

type tools logo

You are going to recreate this logo.

Use your own name…… obviously…

Create a new file.

Artboard: 8×8 inches

Units: inches

type tools logo

Start with a perfect circle (hold Shift) Use your own colors.

Don’t make your circle too small. Make it about 5".

Any color.

type tools logo

Here is your main circle!

To make your name go around it – you need to create a type path that matches this circle.

The easiest way is to copy the circle #1 and paste it above:

1. EDIT > COPY

2. Next step – IMPORTANT – lock the circle to prevent from selecting it accidentally)

Object > Lock > Selection

3. EDIT > PASTE IN FRONT

type tools logo

This is what’s happening:

circle #1 – locked

circle # 2 – selected

type tools logo

Choose Type on a Path tool.

type tools logo

Open Paragraph panel:

Window > Type > Paragraph

Select Center alignment.

type tools logo

Click at the bottom of the circle.

type tools logo

The top circle is now a type path with no color properties.

You see the circle #1 now.

type tools logo

Type your first name.

type tools logoThen choose Direct Selection Tool (white arrow)!!!

type tools logo

This is what’s happening:

circle #1 – locked

circle # 2 – became a type path

type tools logo

Bring up Character palette.

Find a cool typeface and change the font size.

type tools logo

Change tracking setting to spread the letters out.

type tools logo

type tools logo

You can see brackets only if you choose a Selection tool (black or white arrows).

type tools logo

type tools logo

To add your last name:

1. Copy your first name.

2. Lock your first name (Ctrl/Command 2).

3. Paste in Front (Ctrl/Command F )

type tools logo

Grab the center bracket and move the text along the path..

type tools logotype tools logo

Watch carefully as you move the text – it can get tricky…

Keep the cursor close to the center bracket while moving.

The text is upside down. We need to make it legible,

type tools logotype tools logo

Drag the center bracket inside the circle.

This will move the text inside the baseline.

At least we can read it now!!!

Highlight the text and type your last name.

type tools logo

Adjust the Baseline Shift value to move the text below the baseline.

type tools logo

type tools logo

Adjust tracking to visually match the first name style.

type tools logo

Let’s add more space between the main circle and the text.

To select your first name type – you need to unlock it (Object > Unlock All). This will unlock the circle too!.

Select your first name and add the baseline shift value.

type tools logo

Select the last name type.

Decrease the baseline shift value by the same number of points as you increased the first name shift.

type tools logo

Select All (Ctrl/Command A)

Group the objects together – Object >Group (Ctrl/Command G)

Center the logo on artboard (Align panel)

type tools logo

Create a 7″x1″ rectangle.

type tools logo

Create a 1"x1" square.

type tools logo

Rotate square 45 degrees.

Move it over one end of the rectangle.

Duplicate the square and move it to the other side.

type tools logo

Select the three rectangles and align them using Align panel.

type tools logo

Use Minus Front pathfinder command.

Center the band on the artboard (Align panel)

Select everything on the artboard.

Lock it (Object > Lock Selection or Ctrl/Command 2)

type tools logo

Place a 3" x 3" square in the center.

(Use Align panel if need to).

type tools logo

Apply Scribble effect to the square,

In the menu bar: Effect > Stylize > Scribble

You can also try other effects, including Distort & Transform.

The square needs to be selected for the effect to apply.

type tools logo

Try different settings for the effect.

Click OK when done!.

type tools logo

Next step is to add some clipart to the design.

Open Symbols panel (Window > Symbols)

Symbol is a pre-made vector clip art that is reusable. You normally do NOT use any clip art in your design, but Symbol is a great option to reuse YOUR OWN design element in a work.

Click on the drop down menu in the upper right corner.

type tools logo

Choose Open Symbol Library.

Choose any category you want.

type tools logo

Drag a symbol onto your logo.

Note:

if you want to change the appearance of a symbol – go to Object > Expand … Symbols

type tools logo

To add a drop shadow:

Effect > Stylize > Drop Shadow

Now you can change the colors and fonts to make your design more fun. You can also add more symbols. But… do not overdo it!!!

Copyright © 2008–2026 Julianna Kunstler