business cardsAbout usRequest a quotationFAQsContact usSearch siteLinksbusiness cards
link to homepage
lbordertop
menu bar icon

1x1

Web to Print

menutop

menudiv

To quickly find the product, article, tutorial or other site info you require, please use the search facility below.



menudiv

If your enquiry is urgent, we can quickly be contacted on:

01635 255 552

menuclose

PAPER SIZES
UK paper sizes explained here, with large chart
for printing out.
< PAPER SIZES UK >

11-1
392head

Web Design to Print Design - making the transition

 

Web Design to Print Design

Web designers are often approached by their clients to design and source printed stationery which can make commercial sense for both parties. If the client is a new startup business for instance, then employing one designer to create an online presence and carry this forward to the business stationery is certainly the most logical route.

Many web designers these days have a pretty good idea of the printing process but stumble at certain points. This is to be expected as the print process can get quite technical.

Over the years we've had hundreds, if not thousands of print files sent to us by web designers and I've outlined further below some of the main issues that normally occur.

Making the right choice of software when designing for print is essential. For instance, designing a 2 spot colour invoice in Photoshop is going to be a real pain. It's do-able, but the process can be done far quicker in a page-layout program such as Adobe In-Design, or Quark Xpress. More on software later.

Here are a few of the main stumbling blocks web designers face:-

1. Graphics

Web designers will be used to working with images that have a resolution of 72dpi (dots per inch). This is logical as a standard computer monitor has a similar resolution, so a graphic displayed at 72dpi should look perfect onscreen.

However, if this graphic is then sent to print and output to film or plate on a high resolution imagestting device, possibly at 2,400dpi then the same graphic is generally going to look pretty awful. A general rule of thumb is to create all graphics at 300dpi. (There is a formula for how this is worked out which is not necessary to go into for our purposes).

RGB / CMYK - which one to use?

Again, designing an image to be displayed on a monitor only requires it to be created in RGB (red, green & blue) format as this is exactly the colour space a standard monitor displays its colour in.

If designing print work that will be output on a digital machine, then RGB is fine otherwise CMYK is the preferred (essential) format for lithographic printing.

CMYK (cyan, magenta, yellow & black) is often called a 4 colour process, as a percentage of each ink colour is mixed together (on the press) to produce the final image.

Tip! If you are working with images that have been supplied to you by your client, ensure they are all one type, i.e. all RGB or all CMYK. Do not mix both types together in a litho print job, as it's quite possible that the RGB images will go missing. Obviously, if they're all RGB then these will need converting to CMYK which is easily done in Photoshop:
Image > Mode > select CMYK

File Types

Many web designers create their graphics in a package such as Fireworks, which is a terrific piece of software however not great for print output. The .png file type, although widely used in web design creates lots of problems when trying to convert this to a suitable format in print, the main issue being the 72dpi resolution mentioned earlier.

2. Spot Colours or Process Colours (CMYK)

I won't repeat what I've already written so if you need an explanation of the differences between spot & process colours then please follow this link: Spot & Process Colours explained.

Suffice to say it's essential you grasp the main points about spot & process colours, as not every client wants their job done in a 4 colour process. Many companies have a 'house colour(s)' so working accurately in spot colour is very important.

If you are working in CMYK, make sure any spot colours you've selected are converted to CMYK before sending the file.

Converting Spot Colour to CMYK

We regularly receive artwork with a mixture of CMYK and spot colours so you need to tread carefully. Also make sure the printer you will be using will 'flightcheck' your files, before sending to print.

3. Crop Marks & Bleeds

Crop marks as you probably already know, are the corner marks that indicate where the job is to be trimmed. It's important these are always included with any artwork you send out. The special colour 'registration' should be used for crop marks, as it prints on every plate automatically. This is usually indicated by a 'crosshair' or 'gunsight' icon, as below.

registration marks, crop marks

Bleeds refer to artwork that extends over the edge of a job. Most printers require that you extend the artwork by 3mm over the edge of the job, so a clean cut can be made through the artwork. More info on bleeds here: Bleeds explained

3. Software

The above are the main issues I come across however, it's worth saying a little about the software options available.

If you want to get into print design then I would say the bare minimum would be a vectored illustration package such as Adobe Illustrator and a pixel-based program such as Adobe Photoshop. If the budget stretches to it, and you potentially see enough print work coming in, then I would strongly recommend you get hold of a page-layout program such as Adobe In-Design or Quark Xpress as this type of program makes working so much easier and quicker.

In-Design integrates beautifully with Illustrator & Photoshop with the added bonus of Adobe Bridge, which makes managing graphics much easier.

In-Design's inbuilt flightchecking is another pair of eyes that will also help to ensure you have everything ready to send to the printers.

Hope you've found the above useful and here are some links to further info you may find useful:-

HTML Comment Box is loading comments...

 



CONTACT US HERE WITH YOUR
PRINTING QUERY OR FOR REQUESTING SAMPLES

We will deal with your enquiry as soon as possible
You can also call us on: 01635 255 552



Making the transition from web design to print design.

 
new message
General Enquiry Form
castle logo - adobe in-design
If you experience any difficulty in submitting this form, please contact us on:
01635 255 552 or email us at: sales@castleprint.co.uk and we will respond asap.


Required items indicated with *
Email: *
Name: *
Tel. Number: *
Subject: *

I would like more information. Contact me on the above telephone number to discuss my enquiry
  Telephone me on the above number

My enquiry relates to:
  General printed products   Artwork & Design

I wish to receive samples of the following products. Please note: if you need to select more than one option, please enter the extra product you require in the message box further down this form.
Samples:
Laminated / Plain Business Cards
Letterheads / Compliment Slips
Printed Envelopes - 1, 2, 3 or 4 colours
Full Colour Brochures & Flyers

My address details:

Any other details not covered above:

Attach Files - 5Mb max
Attach Files - 5Mb max
If your file(s) are over 5Mb, please contact us and we will supply an alternative email address.
Please check that you have entered all details correctly, to ensure we deal with your enquiry in an efficient manner.

Castle Print & Design
in partnership with The Roman Group, Centurion House, Woodside Road, Southbourne, Bournemouth, Dorset, BH5 2BA

Tel: 01635 255 552 / FreeFax: 0800 389 7262
11-2
176head1

1x1
Design
1x1
1x1

subscribe print and design

Would you like to be notified when a new print & design related article is uploaded?

We respect your email privacy
Under no circumstances will your email address be used for any purpose other than to notify you when a new article has been uploaded.

We will not bombard you with 'special offers', or any other marketing promos.

156div
designing a letterhead, letterhead printing uk  
Designing a Letterhead
An easy to follow tutorial on designing your letterhead.
read more more info
156div
1x1

 

 

rbordertop
footer1
footer3

visa-sm spacerTelephone: 01635 255 552spacerrorinfospacerFreeFax: 0800 389 7262 spacermastercard-sm

footer4
footer2