Page 89 - Photoshop User March 2017

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!
[089]
› › DESIGNING IN PHOTOSHOP
> KELBY ONE.COM