› › D E S I GNING IN PHO T OSHOP> KELBY ONE.COM
[0 89 ]Step Nine: Now let’s add a simple border. To do this,
select the Rectangle tool (U) from the Toolbar and
click-and-drag a box around your text and within the
bleed guides. Once drawn, use the Properties panel
(Window>Properties) to remove the Fill, change the
Stroke color to another one of your logo colors (I used
my DC Orange), and set the width to about 8 px. Click
on the drop-down menu to the right of the width field
to open the Stroke Options, and select the dotted line.
You’ll see a preview of the stroke in your document
as you make your changes, and for now, it’ll do for
this project.
Step 10: Now for the reverse side, which is your brand,
so use your own font, logo, and details. I haven’t actually
used a Typekit font for my own brand, but for the sake
of this tutorial, we’ll pretend that I did and go ahead and
use Museo Slab 700 from Typekit, which is pretty close
to the font that I actually use. I want to include my logo,
name, email address, website, social media handle, and
maybe an extra line to remind the recipient about what I
did or something else about me.
Again, using the Type tool, click on Artboard 2 and
type your details using a hard return for each new line
with the Center Text option turned on in the Options Bar.
Set your font and size to suit; I’m using 12pt for mine,
as well as the DC Blue from my brand. I also set the [e],
[w], and [sm] (for email, website, and social media) in my
DC Orange for a bit of contrast. Using the Move tool,
center your text in the card using the guides. If you have
the smart guides on, you’ll see the pink guides showing
when you’ve aligned to both centers.
Step 11: Next, place your logo onto Artboard 2. Again,
you can use File>Place Embedded, or drag it from your
Libraries panel, and size and place it just above the
contact info text. (I actually added my logo to my CC
Libraries in Illustrator by selecting the whole graphic
and dragging it into my Libraries panel—it’s that easy!)
Holding the Shift key, resize your logo to fit, drag it into
position, and press Return. With my logo placed, I saw
that I hadn’t allowed enough room for both logo and
text, so I switched to the Move tool, clicked on the type
layer in the Layers panel to make it active, and dragged
the text down to leave some room between it and the
logo. For this project, it’s not an exact science—just use
your eye. This tutorial is about being creative and not
getting hung up on exact detail. You’ll get to that point
eventually, but for now, you have some creative license!