1 Essential Graphics/Design Concepts for Non-Designers presented by Ana Henke Graphic Designer and Publications Supervisor University Communications and Marketing Services New Mexico State University
2 Discussion topics What is resolution? Understanding graphic/image formats (TIFF, JPG, EPS, etc.) What are good and bad image sources? What are CMYK and RGB? What is the difference between linked vs. embedded images/graphics? What are bleeds? When should you start thinking about binding your document? Tips to organize your electronic files Why are PDFs so important for printing? Basic design principles: legibility, alignment, repetition, and contrast Copyright and fair use Additional resources
3 Resolution The amount of information or pixels contained in an image. Resolution is measured in DPI (dots per inch) or PPI (pixels per inch). These are literally the number of dots or pixels that can be placed side by side in a line one inch long. The more dots or pixels, the better the clarity the higher the resolution of the image.
4 Dots Per Inch (DPI) The image on the right shows you the actual DOTS that are used to print a photograph on a printing press.
5 Resolution: Why is it SO important for printing? high resolution low resolution
6 Resolution: How do you know when an image has high resolution? Tip 1: Photoshop, a photo editing software, allows you to open the image file and look up the resolution. It should be 300 dpi or higher.
7 Resolution: What if you don t have Photoshop? Tip 2: Image is probably low resolution: if the placed or inserted image is SO small you have to enlarge it. if the image s file size is smaller than 500KB (kilobyte). Tip 3: Image is probably high resolution: if the placed or inserted image fills the page if image is at least 1MB (megabyte) Tip 4: PC users can right-click an image then choose properties to see resolution.
8 Resolution: Where can you find file size?
9 Understanding Image formats Raster images (TIFF, JPEG, GIF, PNG, PICT, BMP): These types of images are composed of pixels and are dependant on resolution for clarity (photos, line art, etc.) Vector images (EPS): These types are images are not dependant on resolution and can be enlarged without distortion.
10 Vector Image Vector image with anchor points This example shows you how you can modify a vector file by extending some of the anchor points.
11 Good sources of image files Digital camera images set at the highest resolution setting. Slides or photos that you can scan yourself. (Tip: Scan at 300 dpi and scale [enlarge] images to final desired size during scanning stage.) Downloadable high resolution images. (Always remember to look into copyright permission when using photos produced by a third party.)
12 Scanning tips When scanning line art or text, set your scanner to black/white, NOT grayscale. Image will print much more clearly. Scan photos/slides at 300 dpi and line art at 900 dpi. Scale (enlarge) your images at this stage. Ex: If you have to scan a slide, scale (enlarge) it up to 300%. That will enlarge the image to 3 times its original size at 300dpi so it will be BOTH clear and larger.
14 Downloadable high resolution images.
15 Downloadable high resolution images. Bugwood.org
16 Example of our use of a Bugwood image in one of our publications.
17 Bad sources of image files Screen captures Images on the Web are usually only 72 dpi. (Find out about copyright before using any online image, and be careful to not use images with watermarks.) Cut or copied and pasted images I do NOT recommend copying a pasting images from one software into another! The image quality will degrade every time this is done and the resolution is usually low.
18 What if the only photo you have is within a MS Word document? I do NOT recommended copying/pasting images; however, if the clarity of the image looks good (by that I mean NO pixels) and the image is the only thing on the page, you can make a PDF of the page and insert the PDF into your document as a graphic. You can also print the image, scan it at 300 dpi and insert into your document as an image. The quality won t be as good as an original, high resolution image, but it may be adequate.
19 What if the only photo you have is within a PDF document? If you have Photoshop, you can open the PDF, crop out the image and save the file as TIFF image. If you don t have this software, you can print the page, scan it at 300 dpi and insert into your document as an image. The quality won t be as good as an original, high resolution image, but it may be adequate.
20 How to convert a PDF into a graphic file using Photoshop.
21 What image formats are best to use for print? TIFF format is preferred by the print industry for photos, etc. If your project is going to be printed on a printing press all images need to converted to CMYK mode. EPS, AI format is preferred for illustrations.
22 What is CMYK and what is RGB? The CMYK color model stands for Cyan, Magenta, Yellow and black. When a color photo is printed it is literally separated into these four colors and printed one color at a time. These four colors then combine to give you the full color image. When a photograph is going to be reproduced on a traditional printing press or on today s digital presses or color printers, photos should be converted to CMYK format prior to reproduction to ensure color accuracy. The RGB color model stands for Red, Green and Blue. Files in RGB format are intended for use on electronic systems like TVs, mobile phone displays and computer monitors. You ve probably noticed that the colors of photos on different electronic devices often look different that is because each device reads the color breakdowns differently. You don t want this type of inconsistency in print.
23 How do I change a file from RGB to CMYK to prepare file for printing? The only way to change a file from RGB to CMYK format is to use Photoshop. You would go to Image > Mode > CMYK Color. Also, remember to to save the file in TIFF format. If you don t have this software, pre-press staff at your print shop will need to make the change for you.
24 Linked vs. Embedded images Placing or inserting your images LINKS them to the document. Pasting them in EMBEDS them. Links establish a connection from one file to another, without significantly increasing the document file size. Embedding literally puts one file into another, often significantly increasing the document file size.
25 Why is embedding images a BAD idea? Embedded images are usually low resolution. You CAN T modify embedded images. When all images are embedded, it is sometimes difficult to print a document. Embedding images increases the size of the document more than when they are linked.
26 What are bleeds? A bleed is when an image extends beyond the edge of the paper and excess is trimmed off.
27 Crop marks (highlighted) let the print shop staff know where the paper should be trimmed. These were generated by Adobe InDesign.
28 Good setup Bad setup If you don t have a design software, you can still set up a project to allow for bleeds. The easiest way to do that is to place your text and images on the page with wide enough margins (.25 to.5 inch) that will give the print shop staff enough space to trim excess content from the image to give you the bleed you want.
29 What is binding and when should you start thinking about it? Binding is how the pages of your print project are assembled. You should start thinking about it as soon as you start working on your project so you can adjust margins for the desired binding option. We ll be discussing the three most common types of binding: saddle stitch (staple) binding, spiral binding and perfect binding.
30 Saddle-stitch (staple) binding Tips Margins should always be set to at least.75 in. The bigger the document the wider the margins need to be (if saddle stitching is the preferred binding.) Remember you only have so much space to work with! You need to worry about creep (excess paper beyond trim line) if your document has over 60 pages (or 30 sheets, back/back) Consider other types of binding if your document is over 80 pages long (or ~40 sheets, back/back).
31 Spiral binding Perfect binding Remember Creep is NOT an issue in either of these types of binding. But it is a good idea to use wide margins on your documents preferably.75 in. or higher. The inside margin should be wider than the outside margins to allow for spiral binding and to allow easier reading on large documents.
32 How to organize your files. Main software file (native file): Adobe InDesign, Publisher, MS Word, PowerPoint (Note: we recommend using professional design software whenever possible!) Image/graphics folder: TIFF, JPEG, GIF, PNG, PICT, BMP, EPS Fonts folder (This can be generated automatically if you are using a professional design software.) If you don t know how to access your fonts, I recommend that you use standard fonts found in most computer systems in your designs. This will limit the amount of text shifting that may occur when the pre-press staff at your print shop works with your file. (EX: Times New Roman, Garamond, Helvetica, Arial, etc.) PDF of document NOTE: Putting all of these files and sub-folders in ONE folder will make it easier for your software to locate the images when the file is opened. This will also make your job and the print shop s staff job easier when printing your project.
33 Example of how to organize your files.
34 Why are PDFs so important NOW? PDF (Portable Document Format): These files are basically a fixed electronic image of your publication. PDFs are now preferred by most print shops to produce color copied projects AND press run projects because using this one single file that contains everything is much easier to process than needing to work with all of the individual elements that you used to build your publication. How to create a PDF: The software you are using to build your print project (also known as native file) usually allows you to make a PDF easily by using the Save As option or from the Print option.
35 Graphic Design Basics Legibility (If you can t read it, what s the point?) Alignment (Headings, photos, column content, etc.) Repetition (Try to use ONLY two fonts, one for your headings and one for your body text, use the same color scheme throughout, same sized photos/charts & graphs). Contrast (Font headings should be larger than text font; contrast in text color and background enhances legibility!) Use high-quality images, charts or graphs.
36 Legibility and capitalization HURRICANE KARL BATTERS MEXICO AS IT NEARS LANDFALL POWERFUL HURRICANE KARL BATTERED THE CARIBBEAN COAST OF MEXICO ON FRIDAY, BRINGING TORRENTS OF RAIN AND FIERCE WINDS SEVERAL HOURS BEFORE ITS CENTER WAS EXPECTED TO MAKE LANDFALL. Hurricane Karl batters Mexico as it nears landfall Powerful Hurricane Karl battered the Caribbean coast of Mexico on Friday, bringing torrents of rain and fierce winds several hours before its center was expected to make landfall. Which is easier to read?
37 The lack of contrast between background photos and font colors affects legibility. R B Y B R B Y B R B Y B R B Y B R B Y B R B Y B Full color Watermark Grayscale
38 The better the contrast, the more legible the text. Can you read this? Can you read this? Can you read this? Can you read this? Can you read this? Can you read this? Can you read this? Can you read this?
39 Alignment is demonstrated beautifully in this example by how the subheads are aligned to the left margin of the columns, while the text is indented. This sets the paragraphs off nicely and draws the eye down the page and onto the next column. Also, notice how the text from both columns align with each other. Repetition is demonstrated by the repeated use of color in the sub-headings and consistency and limitation of font choices in the layout. Contrast is demonstrated by the larger font size of the subheading and the black text on white and light yellow boxes, as well as the reversed out text on crimson.
40 Maintain alignment by using grids. Repeat fonts and color scheme and create contrast by varying font sizes.
41 Copyright and Fair Use Copyright can be a confusing subject, but you can stay on the right side of the law by following a couple of easy rules. Public Domain Works in the public domain are not protected by copyright and may be freely reproduced. The two biggest categories are US Government works and works produced before Even though they are not copyrighted, you should still provide a citation when reproducing public domain works. Copyrighted Works If a work is copyrighted, you may be able to reproduce it if your use can be considered fair use. Fair use can be tricky to determine, though. To be on the safe side, always request permission (in writing) from the work s owner or copyright holder to reproduce any copyrighted work. If you re unsure about whether a work is copyrighted, just assume that it is.
42 Additional Resources Graphic Design The Non-Designer s Design Book by Robin Williams Design Basics Index by Jim Krouse Layout Index by Jim Krouse Thinking With Type website: Sources of public domain or copyright-free images Wikipedia public domain image resources Center for Invasive Species and Ecosystem Health U.S. Fish & Wildlife Service NOAA Photo Library Creative Commons
43 Questions and Answers Thank you for participating in today s webinar! We hope you ve found it useful. If you have follow-up questions, feel free to me directly at
Introduction The commercial printing equipment used by is very different to standard desk top printers so it is important that files submitted for printing are prepared properly to ensure they print correctly.
Image Optimization GUIDE for IMAGE SUBMITTAL Images can play a crucial role in the successful execution of a book project by enhancing the text and giving the reader insight into your story. Although your
Art Submission Guidelines Organizing artwork for your manuscript may seem like a daunting task, but the following guidelines will walk you through our art submission process. Whether you have a large set
Graphic Standards Table of Contents introduction...2 General Usage...2 Logo lockups: color...3 LOGO LOCKUPS: GRAYSCALE...4 Minimum Staging Area...5 Minimum Logo Size...6 Type Family...7 Color Palettes...8
JOURNAL OF Periodontology Digital Art Guidelines In order to meet the Journal of Periodontology s quality standards for publication, it is important that authors submit digital art that conforms to the
3212 E. Hwy 30 P. O. Box 2110 Kearney, NE 68847 800-445-6621 Fax: 308-234-3969 web: www.morriscookbooks.com e-mail: firstname.lastname@example.org Press-Ready DIVIDER G U I D E L I N E S Accepted Software &
So you say you want something printed... Well, that s great! You ve come to the right place. Whether you re having us design and edit your work, or you fancy yourself a designer and plan to hand over your
Overview Great Images for Papers and Presentations May 26, 2011 Web Tips Definitions Using the Michigan Tech logo Photography 101 Great images from others Great images you create PDF conversion Final words
DIY Formatting and Layout Guidelines Print-ready means that you give us your book PDFs once they re final. You ve written, edited and proofread your book, and you ve formatted it to look the way you want.
Tips for optimizing your publications for commercial printing If you need to print a publication in higher quantities or with better quality than you can get on your desktop printer, you will want to take
CREATING DIGITAL ARTWORK Digital artwork can take several forms: photographs, charts, graphs, diagrams, radiograph, OR any scanned versions of these types of artwork. These guidelines are designed to help
Image Resolution Color Spaces: RGB and CMYK File Types and when to use Image Resolution Finding Happiness at 300 dots-per-inch Rules to remember Text should be 400dpi at the final size in the layout. Images
For Paperback Books with Perfect Binding, Plastic Comb, and Plastic Coil Binding Press-Ready Material We will only accept a digital file for a press-ready cover. The file must be print-ready with no typesetting
KB COPY CENTRE RM 2300 JCMB The King s Buildings West Mains Road Edinburgh EH9 3JZ Telephone: 0131 6505001 Email: email@example.com firstname.lastname@example.org email@example.com Step 1. Set up page orientation
A GUIDE TO Creating Print-Ready Files Our People. Your Vision. Let s Create. What is a Print-Ready File? A print-ready file allows a printer to produce your project quickly and efficiently. At Kopytek,
1 NDSU Technology Learning & Media Center QBB 150C 231-5130 www.ndsu.edu/its/tlmc Creating a Large Format Poster (Plot) Using PowerPoint 2013 Posters should be designed and created in a manner that best
Preparing an electronic file for McAdams Graphics, Inc. The following information has been developed to ensure the consistent and accurate processing of your job. Any file not meeting these requirements
Preparing a File For Commercial Printing using Microsoft Publisher Microsoft Publisher was built for casual home use and is setup to print on a home inkjet printer using the default Windows RGB print drivers.
Introduction This page provides general information for authors creating figures to maximize the quality of those illustrations and to prepare artwork for submission to the Brazilian Journal of Medical
REVISED JUNE 2011. PLEASE DISCARD ANY PREVIOUS VERSIONS OF THIS GUIDE. Graphic Style Guide 1 Introduction 2 Logo Fonts 4 Logo Color 6 Logo Size & Clear Space 8 Logo Composition 10 Logo Application 16 Corporate
Table of Contents File Set Up File Basics Page 2 Setting Up Bleed Page 3 Banner Set Up Pockets and Bleed Page 4-5 Tradeshow Booth File Set Up Page 6 FTP Information Page 7 Scanning, Resolutions and Proofs
FORMATTING OVERVIEW GUIDELINES FOR YOUR THESIS OR DISSSERTATION FOR SUBMISSION TO THE GRADUATE SCHOOL NOTE: Please be sure to check with your advisor for specific guidelines for submitting your thesis/dissertation.
General Specifications 1. Design your book pages. Photoshop template files are available for download. Go to www.shutterfly.com/ digitalscrapbook/book/specs.jsp and choose template size desired. If you
Designing for Print How to build a file for successful printing by AN EMPLOYEE-OWNED COMPANY www.serviceprinters.com 127 East Second Street Duluth, MN 55805 1.800.877.4684 Proper Planning Prevents Poor
CONTENTS Programs Schmidt Supports 2 Preferred Format Setting up your document 3 Page Size Bleeds Live Area Common Creatives 4 Code and/or Date Changes Minor Copy Changes Typesetting 5 Applying Color Text
A basic guide on how to prepare your artwork for print. May 2014 Rev 1 Click on the relevant heading to go to that section. Paper Sizes 3 Trifolds 4 Bleed 5 Colours Spot colours 6 Colour Variation Paper
INPUT OUTPUT 08 / IMAGE QUALITY & VIEWING In this section we will cover common image file formats you are likely to come across and examine image quality in terms of resolution and bit depth. We will cover
Otis Photo Lab Inkjet Printing Demo Otis Photography Lab Adam Ferriss Lab Manager firstname.lastname@example.org 310.665.6971 Soft Proofing and Pre press Before you begin printing, it is a good idea to set the proof
An Artist s Digital Toolkit Allan Wood, for educational use only Understanding File Formats File Formats To be productive in today s graphic s industry, a designer, artist, or photographer needs to have
14.1 Scanning photographs What is scanning and why is it useful? A scanner is like a photocopy machine. It makes copies of photos and documents, but instead of creating another piece of paper, it creates
Exporting PDF files from QuarkXpress 9.x This document covers creating the settings in Quark 9.x to export PDF files that are usable by Publication Printers. THIS DOCUMENT IS NOT INTENDED TO REPLACE THE
Updated 3/15/2013 4:07 PM LEAGUE OF WOMEN VOTERS NAME & LOGO GUIDELINES The League of Women Voters logo, like our name, is our identity. It conveys the full collective power of the LWV mission to the public,
File Folders To produce a file folder you have the following options: Option 1: Supply us with the file for the full outside of the file folder and another file for the full inside of the file folder (see
Instructions for Creating a Poster for Arts and Humanities Research Day Using PowerPoint While it is, of course, possible to create a Research Day poster using a graphics editing programme such as Adobe
Thanks to the Jerome Foundation. Image Formatting Saving your Image as a JPEG: If your image is saved in a format other than JPEG (.tiff,.psd,.pict, etc.) it will not work. You can save your image as a.jpg
OAAA Production Allan Atkins, Independent s Service Company Rod Rackley, Circle Graphics Tony Alwin, Clear Channel Outdoor Basic Production & Art Specifications Artwork Overview Programs supported include
User Guide Object Database From this database, you can download several types of pictures, presentations, press releases or training information on our fragrance lines. Please notice that all printed matters
GRAPHIC DESIGN BITES FOR MARKETERS VOL 1 2014 DESIGN EVALUATION Giving design feedback p3 HIERARCHY Learn why and how the hero leads the page p7 EPS What exactly is an.eps file? p5 More Maki COMING SOON
DESIGN GUIDE www.podiumwear.com / 800.930.1081 / 626 Armstrong Ave. No. 112, Saint Paul, MN 55102 TABLE OF CONTENTS 1. THE BASICS (A Must Read Section) 2. TIPS FOR APPAREL DESIGN - Art Placement Across
Exhibit A Picture Books for Children: Nefu Books Technical Guidelines Purpose Nefu Books staff will design and layout a picture book in Adobe InDesign using text submitted by the author(s) and illustrations
File Submission Specifications Why convert to PDF? Supplying PDF's can drastically reduce the time needed to produce your job. Ry-Gan Printing is a Direct to Plate printer currently with Heidelberg's Prinergy
National Scenic Byways Program Image Style Guide The National Scenic Byways Program (NSBP) wants to make sure that its online digital image library includes media ready photos for all designated byways.
What Resolution Should Your Images Be? The best way to determine the optimum resolution is to think about the final use of your images. For publication you ll need the highest resolution, for desktop printing
Easy MagneticStraight PopUp Display Easy MagneticStraight PopUp Display Product description The Easy MagneticStraight - a straight PopUp Display with printable side panels. Because of its unique magnetic
Graphic Design Basics Shannon B. Neely Pacific Northwest National Laboratory Graphics and Multimedia Design Group The Design Grid What is a Design Grid? A series of horizontal and vertical lines that evenly
OJS Design Brief Part 1: Formatting the Web site s look and feel (CSS layout) 1) Preference of colors 2) Preference of fonts The journal can pick a font that they would like to use on the Web site. Please
Streamline your large format printing and finishing workflow i-cut Suite Eliminate errors, save time and reduce waste with the i-cut Suite. i-cut Suite is a collection of prepress software targeted specifically
Color Workflows for Adobe Creative Suite 3 A Self-Help Guide Adobe Systems Incorporated 345 Park Avenue, San Jose, CA 95110-2704 USA www.adobe.com Adobe, the Adobe logo, Dreamweaver, Illustrator, Photoshop,
Sizes and Specifications Print and web advertising sizes, press specifications and file submission guidelines Newsprint display sizes & specs... 2 Newsprint display ad tips... 3 Insert production tips...4
For Paperback Books with Perfect Binding, Plastic Comb, and Plastic Coil Binding Accepted Page Material All pages must be furnished press-ready, which are pages already formatted and typeset, with no additional
Step 1- Content Organize your project in a way that identifies the research questions and methodology you will use. Collect and analyze data using accepted scientific and statistical methodology. Think
THE ESSENTIAL ARTWORK GUIDE To find out more go to www.severnprint.co.uk/design introduction Most of us have been there... the person on the other end of the phone starts babbling on about how your document
Easy Fabric Pop-Up Displays Article number: 5572 5573 www.easydisplay.ie PopUp Display Product description The Easy Fabric the fastest and easiest PopUp Wall on the market. This top seller stands out because
CREATING POSTERS WITH POWERPOINT PowerPoint files will be required for Posters on CD-Rom with very few exceptions. WHY POWERPOINT? Although there are many software programs that will create posters, PowerPoint
Guide To Creating Academic Posters Using Microsoft PowerPoint 2010 INFORMATION SERVICES Version 3.0 July 2011 Table of Contents Section 1 - Introduction... 1 Section 2 - Initial Preparation... 2 2.1 Overall
University of Michigan Deep Blue deepblue.lib.umich.edu 2006-05-05 Best practices for producing high quality PDF files Formats Group, Deep Blue http://hdl.handle.net/2027.42/58005 Best practices for producing
Stebbing Recording Centre Ltd - Update 2014 DVD Specification Booklet Design and Print Contact Graphics: 0800 506 116 / email@example.com *** Very Important *** Artwork Supply Specifications For Packaging
Printing to the Poster Printer Document size The HP Design Jet Z3100ps uses a roll of paper that is 36 wide, however it does not print all the way to the edge of the paper (known as a bleed ). One dimension
Scanning in Windows XP: Basics Learning guide If you have ever wanted to scan documents and images on different scanners in your department, you've probably faced the difficulties that arise from needing
Office of Creative Services Tuck Visual Identity A reference guide to Tuck s logos and visual identification standards Tuck Visual Identity Guide Table of Contents Introduction.....................................................1
Get the Best Digital Images Possible What s it all about anyway? Issues to Consider Resolution Image Size File Size Intended Use of the Image File Formats Issues to Consider Image size (width and height
Recruitment Advertising Because So Much Is Riding On Your Employees You Want To Recruit The Very Best AARC Times, Respiratory Care and www.aarc.org Is Where You Find Them You are looking for respiratory
Using the ETDR Word Template Masters Theses and Reports Information Technology Assistance Center Kansas State University 214 Hale Library 785 532 7722 firstname.lastname@example.org This document is available at:
SOMERS POINT BRAND IDENTITY STYLE GUIDE WHAT IT IS The new Somers Point logo will be the single most recognizable icon used to represent our City. WHY IT MATTERS Our logo immediately identifies our brand.
Mc PHERSON'S PRINTING GROUP Preparing high-resolution files for conventional printing MPG file settings March 2011.pdf McPherson s Printing Group has several recommendations that should be followed when
Manuscript and Production Guide rev. October 2012 Thank you for taking some time to read and follow these instructions. Properly preparing the manuscript minimizes the potential for errors in your book
Scanning and OCR Basics Scan Text Documents into Word 2003 using OCR Software 1. Place the document to scan face down on the flatbed scanner. 2. Launch Microsoft Word 2003 for Windows. 3. Select Acquire
2013-11-22 Jesper Wiklander: Managing digital illustrations in publications 1 Preparing TIFF-images for publication There are 4 basic steps: 1. Check out the author instructions for the journal where you
Materials Information guide Contents 2 3 4-5 6 7 8 9 10 Deadlines Ad Delivery Color Material Production Specs Black & White Material Production Specs Digital File Setup and ICC Profiles Proofing Checklist
Instructions to Create Your Rollup Poster in PowerPoint THE IDEAL POSTER IS DESIGNED TO... Provide a brief overview of your research Encourage discussion Stand alone when you re not there to provide an
Digimarc for Images Best Practices Guide (Chroma + Classic Edition) Best Practices Guide (Chroma + Classic Edition) Why should you digitally watermark your images? 3 What types of images can be digitally
70 71 Graphic design There are various design options to consider when producing a University publication, depending on budget and time constraints. If you have a plentiful budget, you may wish to commission
Adjusting Digitial Camera Resolution How to adjust your 72 ppi images for output at 300 ppi Eureka Printing Company, Inc. 106 T Street Eureka, California 95501 (707) 442-5703 (707) 442-6968 Fax email@example.com
Adobe Acrobat 6.0 Professional Manual Adobe Acrobat 6.0 Professional Manual Purpose The will teach you to create, edit, save, and print PDF files. You will also learn some of Adobe s collaborative functions,