Damaged print

28/09/2009

This “dirty” typography design style is very popular amongst designers. Simulating the illusion that something went wrong during the printing process actually gives the web-to-print design a more appealing look and authenticity.

Web-to-print damaged print/

/

Lets make a simple smudged web-to-print flyer or brochure cover.

This design technique was inspired by mrgraphicsguy‘s poster design from the “Breathtaking Typography Posters” collection on smashingmagazine.com

Before you start

Web-to-print before you start

  • Add a page frame (Layout/Page Setup/Add Page Frame). This will create a rectangular shape with the exact same size as the paper size of your template and place it as a bottom layer.
  • Assign a variable color to the background shape.
  • Input the dummy text and turn it into variable web-to-print field.

/
In a nutshell, we’re going to place two dirty smudged vector layers on top of our dummy text frame. One will match the color of the background and the other will match the text color.

Text frame

Web-to-print dummy text/

/

/

In this example we filled the text frame to the max and assigned the character formatting matching option to it.

/

/

/

/

CorelDRAW place inside container/

/

PowerClip a solid color variable image placeholder inside the dummy text frame. This will give us the option of changing the text color.

Smudges

Web-to-print smudge layer/

/

/

The smudge layers are the backbone of this technique. You can either create them yourself in CorelDRAW, trace some of these images to get the vectorized version of them or use a ready vector like this one.

/

/

/


/
Note. Merge the curves that form the smudges into a single curve so you don’t have to rename too many curves later.

You need two smudge layers to achieve the desired effect. One will match the color of the text and the other will match the color of the background.

Note. You can use the same curve twice if you just mirror one copy vertically and horizontally so that they don’t cover each other completely.

Web-to-print field names/

Place the smudges curves on top of all other objects in the Object Manager and rename them so that their colors are variable.

One should be named same as the text fill color and the other same as the background shape object.

/

/

Web-to-print overlayed smudges/

/

The result should be similar to this.

/

/

/

/

/

/

/

/

Note. If you don’t wish the text and background colors to be variable, these smudge layers can be simple transparent .png or .tiff static images.

All done!

Our web-to-print software can handle this effect easily! Upload the template into your catalog and test it.

Download the FREE CorelDRAW template file.

See also: