Archive for September, 2010

IE9 Beta and CSS3

IE9 Beta and CSS3:

Internet Explorer 9 Beta will be unleased in a week. Here’s what it’ll support in regards to CSS3. border-radius, box-shadow, multiple background images, RGBA, opacity, media queries, loads of selectors and much more.


HTML5/CSS3 Cheatsheet

HTML5/CSS3 Cheatsheet. Cut-and-paste examples of HTML5/CSS3 features that are currently usable across a number of web browsers.

Tools and Resources for Grammar, Copywriting, Spelling and More

Advertisement in Tools and Resources for Grammar, Copywriting, Spelling and More
 in Tools and Resources for Grammar, Copywriting, Spelling and More  in Tools and Resources for Grammar, Copywriting, Spelling and More  in Tools and Resources for Grammar, Copywriting, Spelling and More

By Cameron Chapman

So much of the web is based around written content that it’s important for anyone who works online to have a good grasp of language, including grammar and spelling. But it’s not always easy to find reputable sources that can teach us these things if we didn’t learn them in school (or retain them for long after). Below are over thirty great resources for learning more about grammar, vocabulary, copywriting, and more. If you have more resources you’ve found helpful, please share them in the comments!

Grammar Resources

The resources included here will help you perfect your punctuation and refine your word usage. Some are very practical and down-to-earth while others inject a fair dose of humor into the learning process.

When to Use I.E. in a Sentence
This is a fantastic comic from The Oatmeal that explains exactly how and when to use i.e. in a sentence, complete with angry gorilla.

Whentouseie in Tools and Resources for Grammar, Copywriting, Spelling and More

How to Use a Semicolon
The semicolon is probably the single-most misused punctuation mark out there. This comic from The Oatmeal will show you how to properly use them.

Howtouseasemicolon in Tools and Resources for Grammar, Copywriting, Spelling and More

10 Words You Need to Stop Misspelling
This is another great comic from The Oatmeal that talks about 10 commons words a lot of people misspell, and how to remember the proper spellings.

10wordstostopmisspelling in Tools and Resources for Grammar, Copywriting, Spelling and More

How to Use an Apostrophe
This comic from The Oatmeal talks about how to use apostrophes correctly. After the semicolon, it’s probably the most misused punctuation mark out there.

Howtoapostrophe in Tools and Resources for Grammar, Copywriting, Spelling and More

Five Grammatical Errors that Make You Look Dumb
This post from Copyblogger covers five very common grammatical errors that make you look less intelligent than you really are.

Fivedumberrors in Tools and Resources for Grammar, Copywriting, Spelling and More

A Ten Minute Tour of Complex Sentences: Phrases, Clauses and What They Do
This article from the University of Chicago discusses the different parts of complex sentences and how to craft them.

Tenminutecomplexsentences in Tools and Resources for Grammar, Copywriting, Spelling and More

Schoolhouse Rock Lyrics
This site includes the lyrics for all the grammar songs from the classic Schoolhouse Rock cartoons.

Schoolhouserock in Tools and Resources for Grammar, Copywriting, Spelling and More

Grammar Girl
The Grammar Girl blog posts tips on a variety of grammar topics, in easy-to-understand language. Podcast version of their articles are also available.

Grammargirl in Tools and Resources for Grammar, Copywriting, Spelling and More

GrammarBook.com
This site has a pretty thorough listing of rules related to punctuation and grammar, organized by subject.

Grammarbook in Tools and Resources for Grammar, Copywriting, Spelling and More

English Practice
This website has a wide array of information on the basics of English grammar and language, as well as more advanced topics. Sections on common mistakes, creative writing, business writing, and more are all included.

Englishpractice in Tools and Resources for Grammar, Copywriting, Spelling and More

The Importance of Correct Punctuation
This short example is one of the best supporting documents for the importance of correct punctuation.

Correctpunctuation in Tools and Resources for Grammar, Copywriting, Spelling and More

Comma
This brief article from Writing English covers everything you need to know about proper comma usage.

Comma in Tools and Resources for Grammar, Copywriting, Spelling and More

The Tongue Untied Blog
This blog covers all the basics of grammar, and includes posts on things like subject verb agreement, matching pronoun cases, and using which vs. that.

Thetongueuntied in Tools and Resources for Grammar, Copywriting, Spelling and More

Six Common Punctuation Errors that Bedevil Bloggers
Sixcommonerrors in Tools and Resources for Grammar, Copywriting, Spelling and More

Vocabulary Resources

Given the chance, most of us would likely want to expand our vocabularies. The sites here can help you do just that.

Pleonasms
Pleonasms are redundant or repetitious statements (like “frozen ice” or “dark night”). This page offers a pretty substantial list of those kinds of statements.

Pleonasms in Tools and Resources for Grammar, Copywriting, Spelling and More

Wordsmyth
Wordsmyth is an online dictionary and thesaurus that includes a variety of different dictionaries (beginner’s and children’s among them) and other tools, including an anagram solver, reverse search, glossary maker, and crossword solver.

Wordsmyth in Tools and Resources for Grammar, Copywriting, Spelling and More

Thesaurus.com
Thesaurus.com, part of Dictionary.com, is one of the most complete online thesauri available for free.

Thesauruscom in Tools and Resources for Grammar, Copywriting, Spelling and More

Visual Thesaurus
Visual Thesaurus is an app that shows mind-map-style word associations based on any word you enter. You can run a limited number of searches for free, but it is a subscription-based service.

Visualthesaurus in Tools and Resources for Grammar, Copywriting, Spelling and More

Coolest Words
Coolest Words is a site that features definitions of the coolest-sounding words around. While not the most practical resource, it is educational and a lot of fun to look through.

Coolestwords in Tools and Resources for Grammar, Copywriting, Spelling and More

WordThink
The WordThink website offers a word of the day, as well as a list of favorite words, and an archive of words of the day.

Wordthink in Tools and Resources for Grammar, Copywriting, Spelling and More

The WordsWorth Compendium Word Lists
These handy word lists are broken down by type and use. There are lists of adverbs (broken down based on sub-categories), action words, and terms related to specific things (including obscure topics like dental implant terms or creativity techniques).

Wordsworth in Tools and Resources for Grammar, Copywriting, Spelling and More

Copywriting Resources

Designers are often asked to fill in as copywriters for their clients. And even if they never have to write copy for a client, they likely have their own projects that need copy. Here are some great resources for learning how to write effective, persuasive copy.

Copyblogger
Copyblogger is probably the best-known blog about copywriting for the web, and includes a huge archive of useful copywriting articles.

Copyblogger in Tools and Resources for Grammar, Copywriting, Spelling and More

2 Pieces of Bad Writing Advice—And What to Do Instead
This article talks about the reasoning behind a couple of commonly-heard writing tips, and the stylistic results they aim to achieve.

Badwritingadvice in Tools and Resources for Grammar, Copywriting, Spelling and More

The Copywriter Underground
The Copywriter Underground offers up some great tweet recaps with tons of resources, as well as some original articles about copywriting and content.

Copywriterunderground in Tools and Resources for Grammar, Copywriting, Spelling and More

Writing for the Web
This page lists all of Jakob Nielsen’s web writing articles in one place. Included are pieces on writing style, passive voice, and microcontent.

Writingfortheweb in Tools and Resources for Grammar, Copywriting, Spelling and More

100 Greatest Headlines Ever Written
The best part about this article is that not only does it include 100 fantastic headlines, but also what it is about them that works.

100headlines in Tools and Resources for Grammar, Copywriting, Spelling and More

Fuel Your Writing
While not strictly a copywriting resource, the Fuel Your Writing blog includes a lot of great general writing and business writing articles. Check out their advertising and marketing category for the most promising ones.

Fuelyourwriting in Tools and Resources for Grammar, Copywriting, Spelling and More

More Language Resources

Here are a few more resources related to language that didn’t fit neatly in any of the categories already covered.

The 3 Most Common Uses of Irony
This comic from The Oatmeal talks about the three common types of irony, how to properly use them, and why a lot of the things we think are “ironic”, really aren’t.

Irony in Tools and Resources for Grammar, Copywriting, Spelling and More

24 Things You Might Be Saying Wrong
This article covers 24 common phrases you might be saying or using incorrectly. Included are things like “could care less” vs. “couldn’t care less” and “different than” vs. “different from”.

Youmightbesayingwrong in Tools and Resources for Grammar, Copywriting, Spelling and More

20 Killer Words and 13 Words that Kill
This brief article talks about twenty of the best words to use in persuasive copywriting and thirteen words to avoid.

Wordsthatkill in Tools and Resources for Grammar, Copywriting, Spelling and More


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: , , ,


How to Create a Wall Graffiti of Bob Marley

We’re are going to immortalize the iconic Bob Marley on a brick wall – graffiti style. Graffiti has come a long way to the point that its argued by some to be respectable works of art for it was and still is considered as rude and destructive in the public sphere. On count, it is highly expressive and does lend to images/text powerful forms representation.Same goes for this tutorial where we’ll be applying Layer masks and Blend modes to merge a grunge-like image of Bob Marley with a brick wall.

Step 1

Start with a Bob Marley picture of your choice. Open a new transparent
document with the document size set to 1280 x 1024 px and a resolution of 140 inch/pixel.

Step 2

Go to Image>Adjustment>Hue/Saturation and increase the Saturation value to 100.

The reason for increasing the Saturation to the maximum was to vividly bring out the shadings of the face. I also had the picture resized to reveal potions of the transparent background.

Step 3

Head on over to Image>Adjustment>Hue/Saturation yet again or
hit Ctrl+U for the Hue/Saturation dialog box. This time, reduce Saturation to -90.

If I had just opted to desaturated the picture completely to gray scale, the picture would’ve appeared to have a faint bluish tint.

Step 4

We’d now fade the details of the image. Clicking on Image>Adjustment>Brightness/Contrast set the parameters below:

Step 5

We’d now apply a rough tile effect by going to Filter>Texture>Mosaic Tiles from the menu. Set Tile Size to 27, Grout Width to 4 (which determines the size of the cracks) and Lighten Grout to 7.


The result:

Step 6

We’ll now apply the Brick Filter effect over the Mosaic Tiles which
would of course blend all nicely and hence, create a more convincing rough
brick wall composition. Go to Filter>Texture>Texturizer and click
the drop-down menu for the Brick texture and set the parameters below:

The result looks better than having any one of the texture filters left out.

Step 7

Download this brick texture from www.sxu.hu
but if you do find a wall with smaller bricks, the better. I was interested in this wall because of how uneven the bricks were. Drag the brick texture picture to the main document window and place it below the “Marley” layer.

Step 8

It was delibrate to have parts of the brick wall to show through when
the Marley image was resized earlier. Also resize the brick picture by
pressing Ctrl+T to enter the Free Transform mode. Holding down the
Shift key, drag the corners of the picture to scale it down while maintaining
its original aspect ratio. Hit the Enter key when done.

Step 9

Set the “Marley” layer’s Blend mode to Hard Light and reduce its opacity to about 45%.

Step 10

With the Foreground colour set to black by hitting the D key, select
the Brush Tool (B) as a Spatter Brush. Increase its diameter to about 153
px and on the brush’s Options bar reduce its opacity to 90%.

Step 11

Click from the left, the third icon at the base of the Layers Palette to create a Layer mask for the “Marley” layer. Now paint around the edges of Marley’s head and his face, particularly around the chin areas. Don’t completely reveal the bricks (except for the edges of the image) while painting away.

Step 12

Select the Gradient Tool (G) and set the colours of Color Stops as shown below:

Step 13

On the Gradient Tool’s Options bar, set the Gradient to Radial and then
drag the tool from the center to the left side.

Step 14

Set the Graidient layer’s Blend mode to Soft Light and its opacity to 75%. And we’re through! Jah Rastefari mon.

MORE VARIATIONS:

Here, I’m playing around with Blend modes and opacities to come up with a
couple variations. The one below is a favourite of mine; the Marley image is a lot more
defined but yet it blends quite nicely with the wall. The “Marley” layer Blend type here was set to Hard Light and its opacity reduced to about 60%.

Moving on further, a Brick Texture Filter effect was applied to the brick picture to get the result shown below:

Now finally, this is another variation with the Blend mode set to Vivid Light. The details of the face here are more faded and the orange-brownish colour of the bricks shows through.Whatever your choice of the Blend modes Ive highlighted, it all comes down to your personal preference.

By David Ella Ella


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