• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL

Lesson 9. Typographic Design > Creating a design element from type

Creating a design element from type

Next, you will add the vertical lines that appear at the top of the label using a type trick. These vertical lines need to be perfectly aligned, so you will use the capital “I” of a sans serif font instead of creating, copying, and moving individual lines. You will also easily adjust the size and spacing of the “lines” using the Character palette.

Make sure no layers are selected in the Layers palette, then select the Horizontal Type tool (). On the tool options bar, do the following:

  • Choose a sans serif typeface, preferably a narrow one such as Myriad Condensed.

  • Set the size to 36 pt and press Enter (Windows) or Return (Mac OS).

  • Leave the Anti-aliasing pop-up menu set to Sharp.

  • Choose Left alignment.

  • Click the color swatch to open the Color Picker, and then move the mouse over the olives showing through the OLIO letters to select a dark green from the photo, then click OK.

Click the cursor in the upper left corner of the white box and, holding down the Shift key, type I 12 times.

This creates a new type layer in the Layers palette.

Select the Move tool (), position it inside the box, and drag the letters so that their tops touch the top edge of the white box.


When you enter type in a Photoshop image window, you put the Type tool in edit mode. Before you can perform other actions or use other tools, you must commit your editing in the layer—as you did with the OLIO type using the Commit Any Current Edits button. Selecting another tool or layer has the same effect as clicking the Commit Any Current Edits button on the tool options bar. You cannot commit to current edits by pressing Enter or Return, as this action merely creates a new line for typing.

Now, you will adjust the tracking to space the “lines” a bit wider apart.

Toggle open the Character palette by choosing Window > Character.

Type 40 in the Tracking box, or scrub the Tracking label to set the value.

Tool Tips from the Photoshop Evangelist: > Type tool tricks

Julieanne Kost is an official Adobe Photoshop evangelist.

  • Shift-click in the image window with the Type tool (T) to create a new type layer—in case you’re close to another block of type and Photoshop tries to autoselect it.

  • Double-click the T thumbnail icon on any text layer in the Layers palette to select all of the type on that layer.

  • With any text selected, right-click (Windows) or Control-click (Mac OS) on the text to access the contextual menu. Choose Check Spelling to run a spell check.

Now it is time to adjust the positioning of the OLIO letters so that they’re not too close to the vertical lines. To do that, you need to link the OLIO type layer and the olive image mask layer and move them as a unit.

Click to select the olives layer and then press Shift to also select the OLIO type layer. Then choose Link Layers from the Layers palette pop-up menu. A link icon appears next to the names of both layers.

Select the Move tool () and drag the type down as desired.

Choose File > Save to save your work so far.



Not a subscriber?

Start A Free Trial

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint