Author Archive

How to Make Images Unique


  

We all use images — photos and illustrations — in our daily design work. Lots of them. And while the best way to make sure your images are unique is to have custom photography or illustration done for you every time, this is not very realistic. Often, due to time and/or budget constraints, we have to use royalty-free images. And, royalty-free images, by definition, are available to anyone who pays their fee (very reasonable, compared to the fees for rights-managed images that grant you exclusivity).

The first time it happens to you, will forever be etched into your memory: seeing the same photo which had been carefully chosen for a particular client’s project (when they did not have the time or the budget to set up a photo shoot), used in an advertisement by another company. If you are lucky, it will at least be in a different industry. But what happens when it is a direct competitor? This is a rather unsettling thought.

Here are some tips, tricks and examples of what you can do to make sure your images are slightly more unique than what everyone else is using — even if you do purchase them from a royalty-free site.

Don’t Go With the Most Obvious Choice

Before you choose the image, keep in mind that often search results on the royalty-free sites are sorted by popularity — meaning that the images that have been downloaded the most times will show up first. This, of course, increases the risk of someone else using the same image. Sometimes simply browsing a little longer can help you find something relevant, yet not quite as popular.

Also, before you even start searching, think of less obvious ways to illustrate your point. You don’t have to always use computer and code images to illustrate a website or a brochure for an information technology company. Maybe something completely unexpected can work just as well? How about using pie or toast to illustrate the ease of use, or dogs to illustrate friendliness and loyalty? You get the idea; there are many ways to make a point with a picture, and they don’t always have to be the same images everyone else uses to convey the same kinds of ideas.

Choose a Detail

Once you have chosen your images, there are any number of ways that you can alter them to make it more unique. Sometimes just focusing in on one part of the image can make it very different from the original. Crop and zoom in on a detail that is very relevant to your message, and the let the rest fall by the wayside.

Instead of using the photo of many fallen leaves, why not focus on just one?

Or you could even go one step further and actually extract an element from the image that works well for your project purposes (clipping paths in Photoshop will be very helpful with this).

Instead of using the typical cookie tray, you can extract a couple of cookies and integrate them with the title.

Color Shifts

Sometimes in order to put a more unique slant on your images simply playing around with the colors can produce striking effects, and even enhance the message you are intending the images to communicate.

For example, creating a black and white version of an image, with just one element remaining in color will place a strong focus on that element. So instead of cropping to make a certain element stand out you can use the colors to highlight any one aspect that really speaks to or with your message.

Other ways that you can use the color to your advantage here is by adding some colors that are not normally found in nature. This is a fantastic way to attract attention.

Furthermore, adjusting the saturation, contrast and luminosity levels of your images can do a lot to transform them from subtle to striking.

Try Different Effects

Depending on the style that you are looking for, sometimes enhancing the image can be as easy as running a filter. This is not necessarily recommended just because they look pretty, but when you have a project that calls for a particular style, they can be handy for getting the image to the place you need.

For example, using a poster-like effect for an art gallery brochure can be very impactful on its viewers, and compliment its theme and message in ways the image unfiltered could not.

Another example would be to use a filter to add a hand-drawn look to the imagery included in a project for a family-run bakery. This effect can really add to the home-made feel and ideas the bakery wants to convey to their customer base.

Combining Images

When taking this route, the possibilities are virtually endless. With the right amount of work and retouching you can almost guarantee that the images you use for your client will be unique, even on a more limited budget.

Blending mediums can be an effective way to make your point here as well. An example of this would be to combine a photo and an illustration for a fun, not quite real effect.

Another example of this would be like using a part-photo, part-illustration to better demonstrate the process of a home remodeling company.

You can also add your client’s logo to a scene or object that emphasizes their benefit. This is a really easy way to tie the two together.

When combining images, you can also play with the size and perspective to alter them from their original, and to better serve the message you need to convey. For that larger than life quality.

You can further use this technique to emphasize custom-made objects by showing them “in the making” — even if it isn’t quite the real process.

Don’t Settle for the Same Old Image

There are numerous tutorials and techniques available to designers these days to really take our images to the next level. What we often forget, is that this can serve much more of a purpose than just demonstrating our skills. It can allow us to deliver much more unique imaging to our clients.

Further Resources

Below are a few useful posts and resources for helping you put the advice offered here into action when your next client comes calling.

(rb)


Adobe InDesign Tips I Wish I’d Known When Starting Out

Advertisement in Adobe InDesign Tips I Wish Id Known When Starting Out
 in Adobe InDesign Tips I Wish Id Known When Starting Out  in Adobe InDesign Tips I Wish Id Known When Starting Out  in Adobe InDesign Tips I Wish Id Known When Starting Out

I love Adobe InDesign. For multi-page documents, it’s the most flexible and complete application out there. Yet I remember how counter-intuitive some things were when I was learning it for the first time. Here are some tips I wish I had known when starting out, as well as some answers to questions that others often ask me. This is not intended to be a manual; some good ones are already out there (although I personally learned by doing). Hopefully, these tips will help you make the best of your day-to-day use of InDesign.

Margins And Bleeds

If you are preparing a document for print, keep your margins and bleeds in mind from the beginning. Your printer will give you the measurements for the bleed, but generally 1/8 inch or 3 mm should suffice. Approximately the same area within the document should be kept free of text and important graphic elements (such as the logo). Set up your document for bleed in InDesign as you create it by selecting the correct settings in the document set-up box.

Smashing-InDesign-1 in Adobe InDesign Tips I Wish Id Known When Starting Out

Master Pages

When you have a multiple-page document, such as a brochure or catalog, using master pages will save you time. Master pages are used to automatically insert layout elements on various pages. All elements of the master page are placed onto any page you choose, and these are by default not selectable, which allows you to further develop the page without worrying about accidentally modifying the pre-defined elements (such as page numbers, grids and guides, and graphic elements).

To set them up, bring up the Pages palette and double-click on “A-Master.�

Smashing-InDesign-2 in Adobe InDesign Tips I Wish Id Known When Starting Out

Add all of the elements that are repeated throughout most of your document: guides, page numbers, a running text box, image frames, graphic elements, etc. You can have more than one set of master pages in a document, which is particularly useful for brochures, whose content often varies (for example, with a mostly textual introduction followed by image-heavy pages).

To apply your master page to new pages, simply drag it from the Master Pages pane onto the Pages pane in the palette. If you’ve already started working on layout elements but forgot to make a master page, you can turn any page into a master page. Just drag it from the Pages pane to the Master Pages pane.

And yes, you can modify master page elements on a particular page if you need to. Triple-click on the element — that is, click on it while holding down Shift +Command (on a Mac) or Shift + Control (Windows). Now you can select and edit it on the page you are working on while leaving it unchanged on all other pages.

Frames

InDesign places your content in frames. This goes for both text and images as well as databases and interactive content.

There are two types of frames: text and image.

Smashing-Indesign-3A in Adobe InDesign Tips I Wish Id Known When Starting OutSmashing-Indesign-3B in Adobe InDesign Tips I Wish Id Known When Starting Out

The text frame is fairly self-explanatory. After creating the shape for a text frame (typically a rectangle, but it could be a circle or a custom shape drawn with the Pen tool), you have two options: either type directly in the frame or import content from another document. To import, go to the File menu and choose Place (or use the shortcut: Command + D on a Mac and Control + D on Windows).

Image frames work in a similar way. After creating an image frame (either by selecting one of the default shapes or drawing one yourself), you can fill it with color or place an image from your computer inside it. Again, this is done by going to FilePlace (or using the shortcut).

Another way to import images and text is to simply drag them onto the document (from Mac’s Finder or Windows Explorer). This will automatically create an image or text frame, import the content and create a link to that file. If you drag content on top of an existing frame, it will replace the existing content but leave the size and cropping intact.

Resizing Content in a Frame

The set of shortcuts for fitting an image to a frame is also useful, and with it you can easily adapt content the way you want. To keep the frame the same size and fit the content proportionally, press Command + Option + Shift + E. (Note that if the image and frame have different proportions, then some white space will be left.)

To fill the frame proportionally, use Command + Option + Shift + C. (If the image and frame have different proportions, then the image will be resized and end up larger than the frame, being cropped the edges.)

To center the content in the frame, use Command + Shift + E. And if you want the image to stay the same and resize the frame instead, then fit the frame to the content with Command + Option + C.

Selecting Frames

Selecting the top frame is easy, but if a lot of frames are overlapping or one is on top of the other, you can cycle through them by holding Command on Mac and Control on Windows and then clicking on the frames to select the lower one. Keep clicking to cycle through them if you have several frames.

Image Formats

InDesign can import many image formats (including JPEG, PNG, EPS, PICT, PDF, PSD and TIFF). If you are preparing a file for print, make sure the images are in an acceptable format. If you’re using a file format that allows for low-resolution settings, such as JPEG, check that the images have a resolution of 300 pixels per inch (PPI) and are saved in CMYK color mode.

Place images at no higher than 100% of their size. That is, if your original image is 3 × 5 inches, don’t blow it up to 12 × 20, because the results would be obviously pixelated.

To be on the safe side, avoid JPEG altogether, and stick with formats that are intended for print, such as EPS and TIFF.

Importing PSD Files

The PSD image format deserves special mention. Being able to import PSD files into InDesign is extremely useful when working with elaborate graphics that have transparent or semi-transparent elements, especially if they are to be placed over colored backgrounds or textures. Another useful feature is the ability to turn the layers in a PSD file on and off directly in InDesign (i.e. without having to open Photoshop).

PSDs take up significant memory, which can sometime cause problems when exporting as PDF. I would recommend avoiding PSD files for simple images that could just as easily be flattened when saved as TIFF or EPS. But in cases where using a PSD file really solves a problem, make sure it is 300 PPI and in CMYK color mode, and keep it at its actual size. And when exporting to PDF, double-check that the transparency flattening is set to high.

Transparency Flattening Presets

You can create custom transparency settings by going to EditTransparency Flattener Presets:

Smashing-Indesign-4B in Adobe InDesign Tips I Wish Id Known When Starting Out

In most cases, the “High Resolution� setting will suffice. You can make sure this preset is used when exporting to PDF by going to FileExport, selecting PDF and then clicking on the “Advanced� tab. You can now set the “Transparency Flattener� option to “High Resolution� by default.

Smashing-Indesign-5B in Adobe InDesign Tips I Wish Id Known When Starting Out

Should You Copy And Paste?

One feature of the Adobe Creative Suite is the ability to copy and paste between its applications. But just because you can do this doesn’t mean you should. Vector files should still be created in Illustrator, and raster images should be saved in Photoshop. Not only will you be able to maintain control of these elements, but you’ll be saved from having to update every single occurrence of a given element in multi-page documents. Keep a given graphic in a separate Illustrator or Photoshop file, and you’ll be able to update all occurrences of it with one click.

Every image in an InDesign document can be viewed from the Links palette. Bring it up by going to WindowLinks or by pressing Command/Control + Shift + D.

Smashing-Indesign-6B in Adobe InDesign Tips I Wish Id Known When Starting Out

You can update placed images or check their locations directly from the Links palette. To bring up the Links menu, select the name of the image and click on the arrow to the right.

Smashing-Indesign-6C in Adobe InDesign Tips I Wish Id Known When Starting Out

Working With Color

InDesign is set up exactly like Illustrator in terms of using colors. You have the option of working with color sliders directly, and in either RGB or CMYK mode (remember to use CMYK if creating a document for print!). Press F5 to bring up the Color palette, and adjust the CMYK values in the sliders to change the color of the fill or stroke.

Smashing-Indesign-7 in Adobe InDesign Tips I Wish Id Known When Starting Out

You could also select a color from the Swatches palette or add a new swatch. Bring up the Swatches palette by pressing F6. Saving a color as a swatch makes sense if you use it frequently. Alternatively, you could import swatches that you’ve already created in Illustrator or Photoshop.

Smashing-Indesign-8 in Adobe InDesign Tips I Wish Id Known When Starting Out

You can also select spot colors from existing libraries, such as Pantone’s. But keep this in mind: if the document will be printed in CMYK only, without using Pantone colors, then you’re better off converting the colors to CMYK so that you get an accurate preview of the result.

Use The Right Black

There seems to be some confusion about the use of rich black, which is made up of all CMYK colors (for example, 40, 40, 30, 100). Rich black is excellent for large areas of black, such as logos and black backgrounds. It prevents fading (to a dull gray), which is especially useful for outdoor posters and flyers.

However, body text should always be in process black (i.e. 100% K) to avoid trapping problems. For the same reason, registration black (which is composed of 100% CMYK) should never be used for body text or thin lines.

Paragraph and Character Styles

The ability to create custom paragraph and character styles is an excellent time-saving feature. This pane is visible in the work area by default, and if you’ve hidden it for some reason, you can bring it up by pressing Command/Control + F11. You can create styles exactly to your liking using many options; and then you can apply them to a portion of text with just one click.

Smashing-Indesign-9 in Adobe InDesign Tips I Wish Id Known When Starting Out

Character styles work in a similar way, but they don’t have to be separated by the paragraph indents. This is very useful for highlighting words and phrases in a paragraph. You can even embed a character style in a paragraph and then define variables to apply it to certain words or before certain characters.

Special Characters

Special characters — an apparently underused InDesign feature — include things like date, page numbers and the “page 1 of (x)â€� format. Special characters free you from having to insert this data by hand (or having to modify it by hand whenever significant changes are in order).

In small documents, minor changes are not a major undertaking, but imagine working on a 164-page catalog or a 200-page book. Manually changing all of the page numbers would be a big hassle (trust me: I know from personal experience). To insert special characters, go to the Edit menu.

Smashing-Indesign-10B in Adobe InDesign Tips I Wish Id Known When Starting Out

Alternatively, simply right-click on active text to bring up the menu. Explore the options; you can insert a variety of symbols, dashes, spaces and indents through this menu, including the very useful “Indent to here.�

Glyphs

These are worth mentioning. With them, you can explore all of the characters in a font, which is handy when you’re looking for a particular symbol or working in a language that has accented characters.

Smashing-Indesign-11 in Adobe InDesign Tips I Wish Id Known When Starting Out

Use Find/Change

Another extremely useful feature for text-heavy documents is Find/Change. I don’t know about you, but in my experience, the longer the text, the greater the chance that the client will ask me to replace all occurrences of a certain phrase or title. When you have a fully laid-out 192-page book with footnotes, glossary and index, the task of manually replacing phrases is rather daunting.

In such cases, smart use of Find/Change comes to the rescue. You can find it under the Edit menu or press Command/Control + F. If it’s an unusual phrase or title, this is fairly easy: type the original phrase and the new one, and hit “Replace all.� There are advanced options to replace hyphens, em dashes and quotation marks as well.

Smashing-Indesign-12D in Adobe InDesign Tips I Wish Id Known When Starting Out

If it’s something complex, such as a word that has to be changed only in titles, you can use the advanced options to isolate some distinguishing feature. For example, if the titles are in a different font than the body text, you can use that. Use the font options in the “Find format� box.

You could include things like empty spaces and paragraph breaks in your search if you know, for example, that the word that has to change is followed by a space. Insert these special characters by clicking the “@� arrow to the right of the Find box, or search for a particular glyph by going to the Glyph tab. Replacing glyphs one by one might be best, so that you can monitor your work and progress.

You can even search for objects by using specific formatting options. For example, if all of your frames have a black stroke, and would like to remove the stroke, you can do so by selecting the appropriate options in the Object tab of the Find/Change box.

Of course, if you use Object Styles, which work like Paragraph Styles, then you don’t need this feature. Still, it’s the fastest way to do it if you’ve forgotten to save the style, or if you’re working on a document created by someone else or if you want to change one detail that’s common to several different saved styles.

Smashing-Indesign-12E in Adobe InDesign Tips I Wish Id Known When Starting Out

Toggle The Preview

Instead of hiding all the guides, you can hit the W key (make sure the text tool isn’t active) to quickly toggle between the document view and the working (or “Normal�) view, which has all of the margins, guides and outlines. I frequently use it for composition checks, because guides tend to distract from the big picture.

Data Import Feature

Few people think this feature is handy. Yet many of us frequently work with tables given to us by clients. The one I run into most often is the Excel spreadsheet of price listings and item features, which I have to make presentable for a catalog or sales collateral. Many designers recreate these tables from scratch to make them clean and attractive, but this can be time-consuming, especially with large tables.

There is a better way. InDesign has an “Import table� feature. You can import the client’s table from Excel and style it however you want. Use the “Place file� option in the File menu (or Command/Control + D), select “Show import options,� and you’ll be able to define the cells to import on the next screen and then style them as a group.

Smashing-Indesign-13 in Adobe InDesign Tips I Wish Id Known When Starting Out

Learn By Doing

Theory is great, and articles like this one can give you quick useful tips, but the best way to learn is by practice. If you are new to InDesign, try this: use an existing layout as a guide (anything you want: a page from a magazine, a poster or a business card), and try to recreate it from scratch. Familiarize yourself with the tools, menus and options. If you get stuck, you can always search for tips and tutorials or ask a friend.

Adobe InDesign is a versatile application, and there is always something new to learn. Have fun exploring it!

Want To Know More?

Here are a few articles that go into more detail on some of the topics we just covered:

(al)


© Lisa for Smashing Magazine, 2011. | Permalink | Post a comment | Smashing Shop | Smashing Network | About Us
Post tags: , , ,


Designing and Producing Creative Business Cards: Techniques and Details

Smashing-magazine-advertisement in Designing and Producing Creative Business Cards: Techniques and DetailsSpacer in Designing and Producing Creative Business Cards: Techniques and Details
 in Designing and Producing Creative Business Cards: Techniques and Details  in Designing and Producing Creative Business Cards: Techniques and Details  in Designing and Producing Creative Business Cards: Techniques and Details

Plenty of creative business card showcases are available out there. Many of these are beautifully done and well thought out, and they serve as inspiration for those who would like their business card to be more than the standard rectangular piece of paper. Yet little explanation accompanies these examples, and figuring out just how to bring your idea to life can be overwhelming, to say the least. This guide is meant to help you decide which technique is right for you, how to correctly prepare the files and what to look for in a printer.

[Offtopic: by the way, did you know that there is a Smashing eBook Series? Book #1 is Professional Web Design, 242 pages for just $9,90.]

General Advice

Content Goes First

I never tire of repeating this to anyone who will listen. Don’t base your business card design on the fact that your printer has a special limited-time offer on round corners or metallic inks.

Think in terms of what the design will add to your message. Tempted to use rounded corners just because the cool kids are doing it? Maybe your card would stand out more by not using this technique.

Why do you want metallic ink? Do you think your name would really stand out in gold, even though your message is all about technology and recent code developments? You may want to rethink that. Or do you sell hand-crafted jewelry and want a design that reflects your latest silver creation? Then the silver ink might be the perfect solution for you after all.

The back of a business card is often ignored, but it can be a great place for extras that make your card even more memorable. Make it relevant to what you do, and make it useful if you can. You could include tips or a quick how-to guide relevant to your product, offer a free consultation, add a reminder for a date when you will offer discounts, or invite loyal customers to collect a stamp every time they purchase from you. Think of something that would make them want to hang onto your business card and consult it often. If you think the back should be reserved for note-taking, why not mark a few dotted lines, titled “Notes,” rather than leave it blank?

Talk to Your Printer

No one knows more about the techniques and materials available—and new ones come out all the time. Generally, printers are more than happy to give you all the industry news and advise you on techniques and materials. (If yours isn’t, you might want to look for a new printer.) If you learn a little about how they operate, they will appreciate it and be even more willing to help.

Size

While this article focuses on custom shapes and sizes, keep in mind standard sizes, too. Card holders are made to fit standard size cards, and I have often heard comments like, “If a business card doesn’t fit in my wallet, I don’t care how beautiful it is, it’s going in the trash.”

The standard sizes are 3.5 x 2 inches in the US and Canada, 85 x 55 mm in the European Union and 90 x 55 mm in Australia, New Zealand and Scandinavia. Or you could use a standard credit card as a reference, which about 85 x 54 mm or 3.34 x 2.25 inches.

Unless you have some other use for your cards in mind (for example, a bookstore’s card that doubles as a bookmark), you’ll want to stay within those dimensions. Smaller is okay, but anything too big won’t fit in most pockets, so consider going bigger only if you have reason to believe your cards will not be stored in wallets or holders.

Do you have the perfect idea but don’t know what to do with it? Maybe you’ve heard about die-cutting, varnishes, metallic inks, letterpressing and special materials but are unsure what they are exactly or which one is for you? Let’s jump into the different techniques!

Die-Cutting

Any card (or any printed material for that matter) that isn’t a standard rectangle or that has holes in it is created by a technique known as die-cutting. A metal template is prepared and is used to cut the paper in the given shape. The easiest way to think about this is to picture a giant hole-puncher, except that the holes are not necessarily round, but rather whatever shape you want them to be.

This means that, in addition to the artwork, you will need to provide the printer with a custom shape to “punch out” your cards.

The result can be as simple a round hole in the center of your card or as complex as a three-dimensional pop-out.

Optimum in Designing and Producing Creative Business Cards: Techniques and Details
This simple and effective design makes use of the round hole on both sides of the card.

Bizcards03 in Designing and Producing Creative Business Cards: Techniques and Details
This card takes the shape of the product. Instant recognition!

Preparing the File

I’ll use die-cutting as an example, but most of these guidelines apply to the other finishes as well. The main differences are cited in the respective sections below, and I will provide links to help you read about the techniques in more detail. The guidelines below should give you a good starting point.

The best applications to prepare files for any special print finishes are the industry-standard Adobe Illustrator and InDesign. Photoshop is not suitable because it does not have the precision necessary for this kind of project.

As with any other print document, set up your file to the printed dimensions (i.e. whatever size you want your card to be, whether rectangular or a non-standard size), at 300 PPI resolution, using CMYK as the color space for all the elements of the artwork.

There seems to be a bit of confusion about DPI, PPI, CMYK and RGB. Preparing a file for printing with either Illustrator or InDesign is actually very simple.

In Illustrator, when creating a new document, click on the “Advanced” options tab (in some versions this is already visible). This brings up the options for both the resolution and color space. Set the resolution to 300 PPI and the color mode to CMYK.

Note that PPI, or pixels per inch, is often confused with DPI, or dots per inch. The latter refers strictly to printer hardware and its capability to reproduce dots on paper. When preparing files for printing, don’t worry too much about the DPI. 300 PPI is the magic number. Remember that and you’ll be golden. If you would like to learn more about DPI and PPI, see the link at the end for an article that explains it in much more depth.

Newdoc in Designing and Producing Creative Business Cards: Techniques and Details

InDesign documents are automatically created at 300 PPI. The only thing to make sure of is that the elements you insert in the document (such as photographs) are also at 300 PPI and use CMYK. Check this by selecting your image and bringing up the info window (hit F8).

For example, the image below uses the RGB color space; it should be changed to CMYK:

Info-panel in Designing and Producing Creative Business Cards: Techniques and Details

Even though you can use RGB images, it doesn’t mean you should. Yes, both InDesign and Illustrator are perfectly capable of converting the output to CMYK when you export a file as PDF, but if you ever have to submit your source files to someone or use the images for something else, this extra step could save you hassles.

And please-double check the resolution. Print out the card to check for pixelation. I know this sounds like a no-brainer, but so many people forget to check the printed result. What you see on the screen is not what you will see in print.

Another thing to check is your black text and line art, if you are converting any of them from RGB. They should be 100% K in CMYK color mode to avoid a muddy effect and color halos.

When your artwork is ready, create a new layer above the artwork. Call the layer something like “dieline.â€� You could be even more specific and name it “Dieline – DO NOT PRINT,” which would be especially helpful if you are not able to speak with the printer before submitting the file (say, if you are using a Web order form or your client is the point person for the printer.)

Now, create the guidelines for how your card should be cut. Make sure your outline for the die-cut uses a custom spot color, not CMYK; this allows the printer to extract the die-cut template when printing separations. To create a custom color, click on the little arrow in the swatches palette, and click to make a new swatch. In the dialog box that appears, choose any color that will stand out in your artwork, and then select “Spot color” from the drop-down menu next to “Color type.” The color can be anything you want. 100% magenta is quite popular because it usually stands out, but saving it as a spot color is important.

Custom-color1 in Designing and Producing Creative Business Cards: Techniques and Details

Also, remember to set the stroke (if it’s a custom crop shape) and/or fill (if you are cutting out holes) to “Overprint” to avoid knocking out the art below. You can bring up the options for Overprinting in InDesign by going to Window → Attributes, or in Illustrator by pressing F11 to bring up the “Attributes” window.

Overprint in Designing and Producing Creative Business Cards: Techniques and Details

Let’s say your logo is a cloud, and you want the card to be cut in a cloud shape (not a very creative example but easy to explain). Your file in Illustrator would look something like this:

Cloud-card in Designing and Producing Creative Business Cards: Techniques and Details

And your finished card would look like this:

Cloud-card1-mock-up in Designing and Producing Creative Business Cards: Techniques and Details

If you wanted to cut out the cloud shape, it would look like this:

Cloud-card21 in Designing and Producing Creative Business Cards: Techniques and Details

And the finished card would look like this:

Cloud-card2-mock-up in Designing and Producing Creative Business Cards: Techniques and Details

Notice how the logo has moved from the artwork layer to the dieline layer and is now also filled with the custom spot color.

Make sure your artwork has enough bleed (i.e. it extends well past the edge of the document if the shape is regular or past the die-cut guidelines if custom). Usually 0.125 inch, or about 3 mm, is enough, but I tend to add more to be safe. Both InDesign and Illustrator allow you to add bleed in the “Document setup” options.

I won’t go into too much detail here, because bleed is a rather complex subject that deserves its own guide. For those of you interested in learning more, a couple of links are at the end of this article that explain it more thoroughly.

On the same note, do not put any important elements (such as logo or text) too close to the edge. Leave a buffer margin (again, about 0.125 inch or 3 mm) around the dieline or document, to avoid the risk of something getting cropped.

Usually, either a native file (AI, INDD, EPS) or high-resolution PDF is acceptable as the final file for printing. (Always check with the printer before preparing the final file.) If you prepare a PDF, make sure your custom fifth color is kept as a spot color and is not converted to CMYK. You can check it in the “Ink Manager” window (Export as PDF → Output → Ink Manager):

Ink-manager in Designing and Producing Creative Business Cards: Techniques and Details

You can double-check that it appears in the Ink Manager list in the PDF itself (Acrobat Pro) by clicking Advanced → Print Production → Ink Manager:

Picture-1 in Designing and Producing Creative Business Cards: Techniques and Details

Printing It

Most big print shops have die-cutting equipment. Check first if you are printing locally. The best way to make sure everything goes according to plan is to ask questions, explain your requirements and look over the proofs in person. Small printers outsource die-cut jobs. If you want more control, look for one that does it in-house.

If you are unable to print locally (for example, because your client is remote), you have two options. One is to find a printer local to your client. Usually, the client will already have one lined up, but I strongly recommend you get in touch with that printer yourself, rather than just pass the files to the client and let them handle it. Ask questions, send over mock-ups, get a proof sent back to you—do what you can to make certain that the job prints the way it should.

Alternatively, you could find an online print shop that offers die-cutting. Again, get in touch with them personally, rather than just submit the file via an online form, and make sure all your questions and concerns are addressed.

Printer Checklist

Need help choosing a print shop and communicating with it? Here are some things to keep in mind.

  • Before you do anything else, get their phone number or email address and get in touch. Tell them about your project, and ask about technical specifications and any other questions you may have. (This is a good time to request a cost estimate as well.) If you have more than one candidate, rinse and repeat.
  • Ask to see samples of similar pieces they have printed. Examine them. This could lead to more questions—or inspiration to make your project even better.
  • The main criteria I use in choosing a printer is how responsive and knowledgeable they are. You want someone who will actually check your file and contact you if there are any problems or questions; because no matter how great a printing deal you find, if your file has an error, that’s money thrown down the drain.
  • To save some money, you can often do this by asking the printer for advice. Would making the file layout slightly smaller allow them to fit more cards on one sheet? Could you adjust the shape so that there is less wasted paper? How about using fewer colors? Your printer should know the options; just ask!
  • In my experience, PDF is one of the safest options for prepress. Native Illustrator files work well too, but be sure to check which versions of Illustrator your printer accepts. Always check which versions of any Adobe software your printer uses if submitting native files.
  • Ask the printer if they have .joboptions files. These files can be imported into Adobe applications and will give you presets for exporting to PDF or EPS. This is the easiest way to make sure that your final files are exactly the way your printer needs them. If they don’t have these files, both InDesign and Illustrator have presets for saving in PDF. Just make the necessary adjustments; for example, you will have to add the bleed to these presets manually (see the links at the end for step-by-step instructions).
  • If you are not able to speak with the printer, add an email message or a file with instructions. Don’t forget to include your contact information so that they can call or email you if they have any questions!

You’ve probably noticed that most of these tips emphasize the importance of communicating with your printer. I cannot stress this enough: every project is different, and communication is the key to getting the best result possible.

How Much Will It Cost?

While pricing depends on many factors, there is usually a set-up fee when using a die-cut or other special finishing technique. (Remember the giant hole-puncher mentioned above? They need to make one of those, just for you.)

The fee will be the same whether you print 50 or 500,000 cards, so printing larger quantities is much more cost-effective.

This may not be the case with certain popular formats (for example, rounded-corners business cards) because the printer would reuse the same template for multiple jobs, hence the special offers.

Special Finishes

I’ve devoted a big portion of this article to die-cutting because the file preparation and printing process described here is similar to many other techniques. But let’s look at some of them.

Spot UV Coating

This special finish is achieved by applying a clear varnish to an area of the card defined by you. The effect is a slightly raised design element, with a glossy, matte or satin finish. The example below shows a glossy finish:

Silk-laminated-business-cards-1 in Designing and Producing Creative Business Cards: Techniques and Details

File preparation is done the same way as for die-cutting, but instead of specifying a stroke, you specify a shape or area to apply the varnish to. This is still done by filling it with a spot color and, in this case, setting the fill to overprint.

Letterpressing

Letterpressing is done by inking a raised surface and then pressing it into the paper, giving the design both color and depth. This technique is suitable for vector images and text, using solid Pantone inks. An article linked to at the end of this article provides more technical detail. Here is an example of a business card done with this technique:

Letterpress-business-cards-06 in Designing and Producing Creative Business Cards: Techniques and Details

Embossing

Similar to die-cutting, a die is used to press the paper up, creating a three-dimensional raised effect.

Embossed-business-cards-5 in Designing and Producing Creative Business Cards: Techniques and Details

Foil stamping

With this technique, a layer of thin foil is applied to an area of the card you specify.

Foil-business-cards-15 in Designing and Producing Creative Business Cards: Techniques and Details

File Preparation for Special Finishes

File preparation for all of these effects is similar to that of die-cutting: you have to define the area to be coated, embossed or whatever the effect is. But you might need to submit two files: one with the artwork, and another with the area to apply the effect to.

Make absolutely certain these two files line up perfectly. The easiest way to do this is to use a file with separate layers: one or more for the artwork, and another for the special finish guidelines (as described for the die-cutting file preparation above). Then, simply save them as separate files by first hiding one layer and then the other.

When using photos for a special finish, create a clipping path in Photoshop before placing the photo in Illustrator or InDesign. Then you can use this same clipping path as the mask for your effect either by choosing to export the clipping paths to Illustrator or by right-clicking (PC) or Control-clicking (Mac) on the clipping path in InDesign and converting it to frame. (You might want to check the options first if it isn’t showing by going to Object → Clipping Paths → Options.)

For example, you can use different masks with this image:

Apples in Designing and Producing Creative Business Cards: Techniques and Details

This mask will apply the effect to the entire photo:

Apples-path1 in Designing and Producing Creative Business Cards: Techniques and Details

While this one will apply it only to the foremost apple:

Apple-path2 in Designing and Producing Creative Business Cards: Techniques and Details

Special Inks

Additional inks can be used to make your card stand out even more. Metallic, pearlized and fluorescent inks can produce interesting effects. (To better preserve metallic inks, consider putting a varnish on top.) The even more common Pantone colors give a different and more solid effect than their process equivalents because they are opaque.

This one is simple: just find a custom color you like by looking at the Pantone swatches, and add it to your document. Prepare your artwork as you normally would, but make absolutely certain that your output does not convert to CMYK if you are preparing a PDF (as described above).

Note: the easiest way to prepare photos with a special ink is to convert your image in Photoshop first to grayscale and then to duotone. Choose your ink(s) from the Pantone library, and tweak your settings as necessary. (Working with color channels is a complex way to get more control over the result, but I don’t recommend this to Photoshop beginners, and Photoshop experts probably already know how to do this.)

Picture-2 in Designing and Producing Creative Business Cards: Techniques and Details

Duplexing and Triplexing

This technique is about using two or more sheets of paper glued together. The effect achieved is commonly referred to as edge-painting or edge-tipping, because a different-colored sheet of paper that is inserted between the two main ones produces colored edges “inside” the card (triplexing), as seen here:

Triplexing in Designing and Producing Creative Business Cards: Techniques and Details

Using only two sheets (duplexing) gives a two-color edge—one on the front and one on the back:

Duplexing in Designing and Producing Creative Business Cards: Techniques and Details

It adds a touch of elegance and makes your card thicker than the standard stock. Combining this technique with die-cutting—budget permitting—gives an even more interesting result.

Scented Inks

You won’t find many examples of this technique on the Internet because it doesn’t exactly translate as a photo. Still, it is an interesting way to make your business card jump out.

Available scents range from chocolate to mildew. If that is not enough (and money is no object), you can create a custom scent for an extra fee.

Special Material

This is a vast subject because the options are countless. We will only touch on this topic. To see and feel the different kinds of material available, visit your printer!

Paper and Cardboard

There are so many varieties that I wonder why most people still use the same white or off-white cardboard stock for their business cards. From soft-as-cloth finishes to cold-pressed textured paper, there are enough options for everyone’s needs. The options are rather hard to describe; I recommend you make a trip to the printer (and give yourself an hour or so to ponder the choices)

File preparation is no different; except with colored paper stock, keep in mind that the colors will not display the same way in your software. To simulate the effect, use a layer of a similar color below the artwork, and set the artwork layer to multiply; or to about 70% opacity with darker color stocks.

Plastic

Transparent, frosted, stretchy—there are plenty of options for a plastic stock.

Viewzi-business-card in Designing and Producing Creative Business Cards: Techniques and Details

Poul-nielsen-business-card in Designing and Producing Creative Business Cards: Techniques and Details

Plastic is usually printed with a different process, such as screen printing. Check with your printer to see what colors you can use. Special printing processes usually require that you use Pantone inks. Remember to account for any special effects, such as transparency and stretch. Giving general advice on this one is hard, because each material has its own requirements.

Metal

If your service or product is related to a metal, you might want to consider using metal as a material. You could simulate a credit card or computer. Keep the design minimal for a more striking effect.

126896700 F6bf4e7b59 in Designing and Producing Creative Business Cards: Techniques and Details

WOZMetalProof1 in Designing and Producing Creative Business Cards: Techniques and Details

Again, check with the printer before preparing your artwork to find out what process they use to print on metal and which colors you can safely use.

Other Material

Other options are wood, plexiglass, cloth. You could combine these and use a special finish as well. Hopefully this article has given you some ideas, and you will know how to start researching: by speaking with your printer.

Customizing by Hand

Sometimes, printing a highly customized card is simply not worth it, especially if you need only a small quantity. Does that mean you should dismiss your creative idea and stick with a standard solution? Not necessarily.

All you need is some imagination and a lot of patience. An appetite for crafts or having crafty friends or relatives can be a big plus, too.

You could print a standard card as the base of your idea and then customize smaller quantities by hand. I recommend doing this with fewer than 500 cards, or you will be overwhelmed. If you have crafty friends or relatives who are willing to help, you could tackle more.

Again, keep it relevant to the content. For example, colorful hand-stitching to underline a key phrase or “stitching” your design would be fun for a textile or fashion business:

126896067 3f6dda5b8d in Designing and Producing Creative Business Cards: Techniques and Details

Gluing on an element would work for crafts stores. Or you could glue a piece of fabric or something else that characterizes your service:

126894242 09e4aa3da4 in Designing and Producing Creative Business Cards: Techniques and Details

Incorporating something relevant to what you sell is a great idea, and there are plenty of ways to do this. Here is an excellent example:

A364 C12 in Designing and Producing Creative Business Cards: Techniques and Details

A paper clip would work for a business supply store or even a business consultant, while a dried or plastic flower would work for a flower or gift shopt. Just about any kind of business can find something relevant to add on.

You could even invite the recipient to customize the card themselves; for example, by including cut and fold lines that transform your card into a unique shape. Simple examples are a paper doll for a children’s store or origami for a stationery store. Just make sure it’s relevant and fun, otherwise your recipients are unlikely to go through the trouble of cutting out and folding the card.

Hopefully this article offers enough information and inspiration for you to make business cards that are as creative as your imagination allows, and on any budget.

Want To Know More?

Here are a few articles that go into more detail on some of the topics covered:

Related Posts

You may be interested in the following related posts:

(al)


© Lisa for Smashing Magazine, 2010. | Permalink | Post a comment | Add to del.icio.us | Digg this | Stumble on StumbleUpon! | Tweet it! | Submit to Reddit | Forum Smashing Magazine
Post tags: , , ,


  •   
  • Copyright © 1996-2010 BlogmyQuery - BMQ. All rights reserved.
    iDream theme by Templates Next | Powered by WordPress