Erick Jones

erickjones-print

How to prepare a graphic document for print

Using Adobe Illustrator

Hello all of you out there. Today I want to show you how to prepare a document to print. I know is a little out of the scope of this blog – Digital Design and Front-End, but many people have questions and ask me how to do it. Specially if you already have experience with Digital Design but are not used to prepare professional print stuff.

I hope this article helps you to understand better and to be able to make small tasks at home or for friends, avoiding losing time with bad printing experience.

What you need to know

First you need to know two things:

1. WTF is CMYK?

CMYK is an acronym of the colors Cyan, Magenta, Yellow and Black. CMYK is the color model used for printing. Basically everything that is printed has the mix of these colors. To understand better, i recommend to read all about it in Wikipedia. Link to the Wikipedia article about CMYK.

The opposite of it (dramatically speaking) is the RGB color model – the one that the video monitors understand and translate for colouring the pixels in your screen.

2. WTF is resolution?

Resolution will define the amount of DPI – Dots per inch and is a printer measurement (the screen measurement is PPI – pixels per inch). In order to understand it, please read this article explaining step-by-step what is resolution and how does this work. Link to the article about resolution.

Let’s do it step by step

Are you ready to follow up? So open your Adobe Illustrator. I am using (in the time of this post) Adobe Illustrator CC. But it doesn’t make any difference to other versions. Just the interface may look a bit different for you that has a different version, don’t be scared.

1. Create a new file (cmd + n)

Screen Shot 2017-02-07 at 17.22.33

First thing i did was to select in “profile” the value “Print”. All the other stuff came automatically.
You can notice that in “Advanced” section the color mode is already selected as CMYK and the resolution set to 300PPI. 300PPI is the recommended resolution for any print material.

Next thing i did was to change the configuration of the document. As following:

Screen Shot 2017-02-07 at 17.28.28

2. Create some artwork

Ok we will not create quite an artwork, but just something to help us test our stuff.

I have selected the “shape tool”:

Screen Shot 2017-02-07 at 17.49.06

… and have drawn some stuff on the artboard (the basis of the document). You can draw whatever you want on it.
I just added some graphics:

Screen Shot 2017-02-07 at 17.48.11

What is this bleed?

The bleed is a space around your artboard where stuff can bleed outside (In the image above is this red line). You can use that to ensure your graphics will flow outside of the space destined to your content. E.g.: An image that goes until the edge of the page of some magazine. You use the bleed to ensure this image will not be “cutted” showing the edge of the cut.

3. Export the file

I personally like to export all my printing stuff in PDF. The PDF is totally compatible with all platforms and all Print companies accept it as a standard. But you cannot find it under “Export as”. You need to use “Save as” (cmd + shift + s) and choose PDF:

Screen Shot 2017-02-08 at 10.45.44

When you export a file as PDF you are prompted with a dialog window giving you some options:

Screen Shot 2017-02-08 at 10.45.59

Some print companies will tell you in which PDF version you have to export your PDF. When I was designing a Tabloid, the company asked us to export in PDF:2003, for compatibility with their machines reason. You don’t need to know all about it. In the end your work won’t change.

What I like is to make sure to add “Marks and bleeds” in my document:

Screen Shot 2017-02-08 at 10.46.20

By doing so you are making sure that the print will be accurate.

Final considerations

Now you can open your file in a browser for example and check if is all ok. Look at it in PDF and with the Marks and bleeds:

Screen Shot 2017-02-08 at 10.50.06

Pay attention to some things:

If you are exporting text, be sure to convert all the text in “curves” or “shapes”. To do so in Illustrator, click on “Object” > “Expand”:

Screen Shot 2017-02-08 at 10.52.45

And you will be prompted with this dialog:

Screen Shot 2017-02-08 at 10.53.03

I have added 2 texts. One I left as text and the other I converted to shapes for us to compare them both. The result is the following:

IMG_5971

If you don’t do this, you risk that the print company will open your file and the document will try to render the text with the font you selected and if the company doesn’t have the font installed in this specific computer, they will be prompted with an error telling that the font was not found. Or worse, maybe they open and the font will render with the basic Illustrator font “Myriad” or another.

So remember to do that. If you make a logo, never leave the text as text. Always convert it.

The new exported PDF

After you export your file as PDF, you may need to make changes in the text or in other stuff, but how if you converted all in shapes?

Illustrator exports your file in PDF but it will keep your original .ai (Adobe Illustrator file). So my tip, what I always do is to convert to shapes in the PDF and not in the .ai file. I keep the .ai for editing purposes. You can do that also.

Conclusion

You don’t need to be the print expert in order to get your stuff done. But these basics will save your life.

via GIPHY

I would recommend you to read those linked articles about CMYK and Resolution. That will give you an overall understanding of what is necessary in order to not have problems when preparing a document for printing.

We have talked about Illustrator all the time, but and Photoshop?

I highly recommend to always use Illustrator or another vector application to create print material. If you need an image mixed in your art you can add it in your document without problems. Just remember about the resolution and check if the image will be rendered in the size you need without having to stretch it up – which would cause a pixel stretching and consequently a bad quality of this image.

If you want to use Photoshop anyway, no problem. All Adobe products have almost the same style of dialog windows and interface, so it will not be hard to find the same configuration for you Photoshop file (color mode, cm/mm, 300dpi, bleeds).

keep your Designs up!!

leave your comment, complaints, critiques, any. Share with your friends, your uncle and all the people that will find this piece of information useful. Thank you for your visit.

 

Sharing is caring

Share on Facebook
Tweet about this on TwitterShare on Google+Share on LinkedInEmail this to someone

Leave a comment

More Articles

See all