GRAPHICS & LAYOUT For LANOG MINDANAO October 23, 2013 Presented by: Eric Cee Santos Technical for Corporate Pre-press MPCICORPORATE A Division of MIDTOWN PRINTING CO., INC. www.mpcicorporate.com
COVERAGE Desktop Publishing Principles of Design Our Tool: Adobe™InDesign
Desktop Publishing (DTP) What is DTP? The process of designing and printing documents using a PC, a layout program, and a printer (of high quality.)
What is DTP? It is a system of integrating text and graphics in page-layout to produce a camera-ready material. Software Brands: QuarkXPress , Adobe InDesign, Scribus , MS Publisher, Corel Ventura, Adobe PageMaker, etc. Desktop Publishing (DTP)
PageMaker (Aldus Corp.) and LaserWriter printer (basically for Apple computers) DTP is attributed to Paul Brainerd, founder of Aldus Corporation. It’s a marketing catch-phrase to topple the expensive phototypesetting equipment. Desktop Publishing (DTP) 1985
Problems of the Primitive DTP Software crashes Black and white screen Inability to control letter spacing, kerning, and other typographic features Discrepancies between display and printed output Desktop Publishing (DTP)
By the 1990s, virtually all publishing had become DTP. Today the advancement of DTP blurred the line between desktop publishing and word processing Desktop Publishing (DTP)
Desktop Publishing (DTP) Similarities of DTP and WP DTP Word Processing Spell checking Line spacing Page layout Margins do - - do - - do - - do - - do - - do - - do - - do -
Desktop Publishing (DTP) Advantages Capable of producing a near-typeset-quality copy from the confines of desktop An ultimate word processing Eliminates expensive and tedious typesetting, dummying, and paste-up processes
Desktop Publishing (DTP) Components A. Hardware PC, Laser printer, scanner, digital camera B. Software QuarkXPress, Adobe InDesign, Scribus , MS Publisher, Apple Pages, Adobe PageMaker
Desktop Publishing (DTP) Definition of Terms Typesetting – the presentation of textual material in graphic form on paper or some other medium
Desktop Publishing (DTP) Tracking tracking tracking K e r n i n g K e r n i n g Kerning Letterspacing Tracking – the manipulation of space between groups of letters to optimize the typeset density of a block of text. Kerning – space between two individual letters
Principles of Design
Principles of Design Balance
Elements of equal size are balanced by positioning them equidistant from the center of the page. Principles of Design ∙ BALANCE SYMMETRICAL ASSYMMETRICAL RADIAL
Contrast Principles of Design
Contrast can be achieved in many different ways. These include contrast in color , shape , size , texture or screen value . Principles of Design ∙ CONTRAST
Harmony Principles of Design
Principles of Design ∙ HARMONY Harmony requires a blending of shapes and images. A flower bed of Holland roses in bloom may have dozens of different shapes and colors , but still harmonious to the eye.
Principles of Design Emphasis
Principles of Design ∙ EMPHASIS
Principles of Design
Alone or in combination with other shapes or lines they can convey universal meanings as well as guide the eye or organize information. The three basic types of shapes are geometric, natural, and abstract. Principles of Design ∙ SHAPES
WHITE SPACE
white space is the absence of text and graphics. White space provides visual breathing room for the eye.
Adobe InDesign
Adobe InDesign A DTP application produced by Adobe Systems. Bundled with Photoshop, Illustrator, and Acrobat (Creative Suite) Has advanced typography and object features such as transparency, drop shadow, strokes and provides better layout styles and optical margin alignment.
Adobe Systems, Inc. An American software company based in San Jose, California, USA founded in December 1982 by John Warnock and Charles Geschke . “Adobe” was named after a creek which ran behind the house of the company’s founder Acquired its former competitors Aldus PageMaker (1994) and Macromedia (2005 ) Adobe InDesign - BACKTRAXX
InDesign PageMaker Target Market Professional designers Business publishers Output created Graphically rich publications Newsletters, flyers, signage User demand for creative control 100% creative control Has some level design control Adobe InDesign
Features Smooth workflow – has tighter integration with other Adobe Products (Photoshop, Illustrator, Flexible workspace management Tables – can import styled MS Word and Excel tables with refined formatting such as color fills in alternating rows Adobe InDesign
Features Direct export of Adobe PDF files to InDesign Transparency – apply editable drop shadows, feathering, and other transparency settings Advanced typographical controls Adobe InDesign
Features Flexible gradients – create and apply gradients to the stroke and fill of graphics and text Flexible master pages Large amount of “ undos ” Adobe InDesign
Equal to or better than QuarkXPress in the everyday tasks you do Custom frame shapes Shapes and frames can hold text and graphics Custom document sizes More capable master pages Allows multiple document windows for the same document Search and replace has more options, flexibility More stable under Mac OS X Adobe InDesign
Custom Frame Shapes Adobe InDesign
More Flexible Documents Adobe InDesign
Multiple Windows Per Document Adobe InDesign
A Better Search Adobe InDesign
More creativity with objects: Transparency for any objects Custom, reusable gradients allow multiple colors Images can be imported into open shapes Text on a path not limited to lines Sophisticated drop shadows Adobe InDesign
Transparency Adobe InDesign
Images in Open Shapes Adobe InDesign
Drop Shadows Adobe InDesign
Better text handling: Ability to insert special characters from InDesign Text outlines fully available for formatting Full support for multilingual publishing Full support for OpenType fonts and their attributes Nested styles allows complex text-formatting “macros” Supports ligatures under both Mac and Windows Adobe InDesign
Formattable Text Outlines Adobe InDesign
Multilingual Publishing Adobe InDesign
Full OpenType Support Adobe InDesign
Nested Styles Adobe InDesign
Better interoperability: Native support for Photoshop, Illustrator, and PDF Opens QuarkXPress 3.3-4.1 and PageMaker 6.5-7.0 files Supports JavaScript, which also permits cross-platform scripting, as well as AppleScript and VBScript Adobe InDesign