52
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

Dtp

Embed Size (px)

Citation preview

Page 1: Dtp

GRAPHICS & LAYOUTFor LANOG MINDANAOOctober 23, 2013

Presented by:Eric Cee Santos

Technical for Corporate Pre-pressMPCICORPORATE

A Division of MIDTOWN PRINTING CO., INC.www.mpcicorporate.com

Page 2: Dtp
Page 3: Dtp

COVERAGE

I. Desktop PublishingII. Principles of DesignIII. Our Tool:

Adobe™InDesign

Page 4: Dtp

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.)

Page 5: Dtp

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)

Page 6: 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

Page 7: Dtp

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)

Page 8: 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)

Page 9: Dtp

Desktop Publishing (DTP)

Similarities of DTP and WP

DTP Word Processing

Spell checkingLine spacingPage layoutMargins

-do -- do -- do -- do -

- do -- do -- do -- do -

Page 10: Dtp

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

Page 11: Dtp

Desktop Publishing (DTP)

ComponentsA. Hardware

PC, Laser printer, scanner, digital camera

B. SoftwareQuarkXPress, Adobe InDesign, Scribus,

MS Publisher, Apple Pages, Adobe PageMaker

Page 12: Dtp

Desktop Publishing (DTP)Definition of Terms

Typesetting – the presentation of

textual material in graphic form

on paper or some other medium

Page 13: Dtp

Desktop Publishing (DTP)

Tracking tracking tracking

K e r n i n g K e r n i n g Kerning

Letterspacing

a. Tracking – the manipulation of space between groups of letters to optimize the typeset density of a block of text.

b.K e r n i n g – space between two individual letters

Page 14: Dtp

Principles of Design

Page 15: Dtp

Principles of Design

Balance

Page 16: Dtp

Elements of equal size are balanced by positioning them

equidistant from the center of the page.

Principles of Design ∙ BALANCE

SYMMETRICAL ASSYMMETRICAL RADIAL

Page 17: Dtp

Contrast

Principles of Design

Page 18: Dtp

Contrast can be achieved in many different ways. These include contrast in color, shape,

size, texture or screen value.

Principles of Design ∙ CONTRAST

Page 19: Dtp

Harmony

Principles of Design

Page 20: Dtp

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.

Page 21: Dtp

Principles of Design

Emphasis

Page 22: Dtp

Principles of Design ∙ EMPHASIS

Page 23: Dtp

Principles of Design

Page 24: Dtp

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

Page 25: Dtp

WHITE SPACE

Page 26: Dtp

white space is the absence of text and graphics. White space provides visual breathing room for the eye.

Page 27: Dtp
Page 28: Dtp

Adobe InDesign

Page 29: Dtp

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.

Page 30: Dtp

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

Page 31: Dtp

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

Page 32: Dtp

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

Page 33: Dtp

Features

• Direct export of Adobe PDF files to InDesign

• Transparency – apply editable drop shadows, feathering, and other transparency settings

• Advanced typographical controls

Adobe InDesign

Page 34: Dtp

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

Page 35: Dtp

Equal to or better than QuarkXPress in the everyday tasks you doCustom frame shapesShapes and frames can hold text and graphicsCustom document sizesMore capable master pagesAllows multiple document windows for the same

documentSearch and replace has more options, flexibilityMore stable under Mac OS X

Adobe InDesign

Page 36: Dtp

Custom Frame Shapes

Adobe InDesign

Page 37: Dtp

More Flexible Documents

Adobe InDesign

Page 38: Dtp

Multiple Windows Per Document

Adobe InDesign

Page 39: Dtp

A Better Search

Adobe InDesign

Page 40: Dtp

More creativity with objects:Transparency for any objectsCustom, reusable gradients allow multiple

colorsImages can be imported into open shapesText on a path not limited to linesSophisticated drop shadows

Adobe InDesign

Page 41: Dtp

Transparency

Adobe InDesign

Page 42: Dtp

Images in Open Shapes

Adobe InDesign

Page 43: Dtp

Drop Shadows

Adobe InDesign

Page 44: Dtp

Better text handling:Ability to insert special characters from

InDesignText outlines fully available for formattingFull support for multilingual publishingFull support for OpenType fonts and their

attributesNested styles allows complex text-

formatting “macros”Supports ligatures under both Mac and

Windows

Adobe InDesign

Page 45: Dtp

Formattable Text Outlines

Adobe InDesign

Page 46: Dtp

Multilingual Publishing

Adobe InDesign

Page 47: Dtp

Full OpenType Support

Adobe InDesign

Page 48: Dtp

Nested Styles

Adobe InDesign

Page 49: Dtp

Better interoperability:Native support for Photoshop, Illustrator,

and PDFOpens QuarkXPress 3.3-4.1 and

PageMaker 6.5-7.0 filesSupports JavaScript, which also permits

cross-platform scripting, as well as AppleScript and VBScript

Adobe InDesign

Page 50: Dtp

Adobe InDesign

Page 51: Dtp

Adobe InDesign

Page 52: Dtp

#thankyou