This document provides an overview and summary of desktop publishing (DTP) and Adobe InDesign. It discusses the history and evolution of DTP from 1985 with the introduction of PageMaker and LaserWriter. It covers basic DTP concepts like components, advantages, and terminology. The document also summarizes principles of design like balance, contrast, harmony and emphasis. Finally, it highlights key features of Adobe InDesign like its flexibility, typography controls, object features and interoperability.
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
Graphic Layout Fundamentals in Adobe InDesign
1. 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
4. 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.)
5. Desktop Publishing (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.
6. Desktop Publishing (DTP)
1985
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.
7. Desktop Publishing (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
8. 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
9. Desktop Publishing (DTP)
Similarities of DTP and WP
DTP
Spell checking
Line spacing
Page layout
Margins
Word Processing
-do - do - do - do -
- do - do - do - do -
10. 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
11. Desktop Publishing (DTP)
Components
A. Hardware
PC, Laser printer, scanner, digital camera
B. Software
QuarkXPress, Adobe InDesign, Scribus,
MS Publisher, Apple Pages, Adobe PageMaker
13. Desktop Publishing (DTP)
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
Tracking tracking
tracking
Kerning K e r n i n g
Kerning
16. Principles of Design ∙ BALANCE
Elements of equal size are balanced by positioning them
equidistant from the center of the page.
SYMMETRICAL ASSYMMETRICAL
RADIAL
18. Principles of Design ∙ CONTRAST
Contrast can be achieved in many
different ways. These include
contrast in
color, shape, size, text
ure or screen value.
20. 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.
24. Principles of Design ∙ SHAPES
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.
29. 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.
30. Adobe InDesign - BACKTRAXX
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)
31. Adobe InDesign
InDesign
Target Market
Output created
Professional
designers
Graphically rich
publications
User demand for 100% creative
creative control control
PageMaker
Business
publishers
Newsletters,
flyers, signage
Has some level
design control
32. 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
33. Adobe InDesign
Features
• Direct export of Adobe PDF files to InDesign
• Transparency – apply editable drop shadows,
feathering, and other transparency settings
• Advanced typographical controls
34. 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”
35. 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
40. 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
44. 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 textformatting “macros”
Supports ligatures under both Mac and
Windows
49. 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
Asymmetrical design is typically off-center or created with an odd or mismatched number of disparate elements.Symmetrical where the page elements are centered or create mirror imagesRadial where elements on the page radiate from a central point
1. Geometric shapes are structured, often symmetrical shapes. These include squares, circles, and triangles but also octagons, hexagons, and cones.2. Natural shapes are found in nature or they can be manmade shapes. Leaves are an example of a natural shape. An ink blob is a natural shape. Natural shapes are often irregular and fluid.3. Abstract shapes are stylized or simplified versions of natural shapes. Symbols found on signs, such as the stylized wheelchair shape for handicapped access, is one example.