GRAPHICS &
LAYOUT
For LANOG MINDANAO
October 23, 2013

Presented by:
Eric Cee Santos
Technical for Corporate Pre-press
MPC...
COVERAGE
I. Desktop Publishing
II. Principles of Design
III. Our Tool: Adobe™InDesign
Desktop Publishing (DTP)

What is DTP?

The process of designing and printing
documents using a PC, a layout
program, and ...
Desktop Publishing (DTP)

What is DTP?

It is a system of integrating text and
graphics in page-layout to produce a
camera...
Desktop Publishing (DTP)

1985
PageMaker (Aldus Corp.) and
LaserWriter printer (basically for
Apple computers)
DTP is attr...
Desktop Publishing (DTP)
Problems of the Primitive DTP
• Software crashes
• Black and white screen
• Inability to control ...
Desktop Publishing (DTP)
• By the 1990s, virtually all publishing had
become DTP.
• Today the advancement of DTP blurred t...
Desktop Publishing (DTP)
Similarities of DTP and WP
DTP
Spell checking
Line spacing
Page layout
Margins

Word Processing

...
Desktop Publishing (DTP)

Advantages
• Capable of producing a near-typeset-quality
copy from the confines of desktop
• An ...
Desktop Publishing (DTP)

Components
A. Hardware
PC, Laser printer, scanner, digital camera

B. Software
QuarkXPress, Adob...
Desktop
Publishing (DTP)
Definition of Terms

Typesetting – the
presentation of
textual material
in graphic form
on paper ...
Desktop Publishing (DTP)
Letterspacing
a. Tracking – the manipulation of space between groups
of letters to optimize the t...
Principles of Design
Principles of Design

Balance
Principles of Design ∙ BALANCE

Elements of equal size are balanced by positioning them
equidistant from the center of the...
Principles of Design

Contrast
Principles of Design ∙ CONTRAST

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

color, shape,...
Principles of Design

Harmony
Principles of Design ∙ HARMONY

Harmony requires a
blending of shapes and
images. A flower bed of
Holland roses in bloom
m...
Principles of Design

Emphasis
Principles of Design ∙ EMPHASIS
Principles of Design
Principles of Design ∙ SHAPES

Alone or in combination
with other shapes or lines
they can convey universal
meanings as we...
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...
Adobe InDesign - BACKTRAXX
Adobe Systems, Inc.
• An American software company based in San
Jose, California, USA founded i...
Adobe InDesign

InDesign
Target Market
Output created

Professional
designers

Graphically rich
publications
User demand f...
Adobe InDesign
Features
• Smooth workflow – has tighter integration
with other Adobe Products
(Photoshop, Illustrator,
• F...
Adobe InDesign

Features
• Direct export of Adobe PDF files to InDesign
• Transparency – apply editable drop shadows,
feat...
Adobe InDesign

Features
• Flexible gradients – create and apply gradients
to the stroke and fill of graphics and text
• F...
Adobe InDesign



Equal to or better than QuarkXPress in the
everyday tasks you do






Custom frame shapes
Shapes ...
Custom Frame Shapes

Adobe InDesign
More Flexible Documents

Adobe InDesign
Multiple Windows Per
Document

Adobe InDesign
A Better Search

Adobe InDesign
Adobe InDesign



More creativity with objects:
 Transparency for any objects
 Custom, reusable gradients allow multipl...
Transparency

Adobe InDesign
Images in Open Shapes

Adobe InDesign
Drop Shadows

Adobe InDesign
Adobe InDesign



Better text handling:
 Ability to insert special characters from







InDesign
Text outlines fu...
Formattable Text Outlines

Adobe InDesign
Multilingual Publishing

Adobe InDesign
Full OpenType Support

Adobe InDesign
Nested Styles

Adobe InDesign
Adobe InDesign



Better interoperability:
 Native support for

Photoshop, Illustrator, and PDF
 Opens QuarkXPress 3.3-...
Adobe InDesign
Adobe InDesign
#thankyou
Dtp
Dtp
Upcoming SlideShare
Loading in...5
×

Dtp

2,437

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
2,437
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
95
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • 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.
  • Dtp

    1. 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
    2. 2. COVERAGE I. Desktop Publishing II. Principles of Design III. Our Tool: Adobe™InDesign
    3. 3. 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.)
    4. 4. 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.
    5. 5. 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.
    6. 6. 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
    7. 7. 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
    8. 8. 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 -
    9. 9. 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
    10. 10. Desktop Publishing (DTP) Components A. Hardware PC, Laser printer, scanner, digital camera B. Software QuarkXPress, Adobe InDesign, Scribus, MS Publisher, Apple Pages, Adobe PageMaker
    11. 11. Desktop Publishing (DTP) Definition of Terms Typesetting – the presentation of textual material in graphic form on paper or some other medium
    12. 12. 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
    13. 13. Principles of Design
    14. 14. Principles of Design Balance
    15. 15. Principles of Design ∙ BALANCE Elements of equal size are balanced by positioning them equidistant from the center of the page. SYMMETRICAL ASSYMMETRICAL RADIAL
    16. 16. Principles of Design Contrast
    17. 17. Principles of Design ∙ CONTRAST Contrast can be achieved in many different ways. These include contrast in color, shape, size, text ure or screen value.
    18. 18. Principles of Design Harmony
    19. 19. 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.
    20. 20. Principles of Design Emphasis
    21. 21. Principles of Design ∙ EMPHASIS
    22. 22. Principles of Design
    23. 23. 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.
    24. 24. WHITE SPACE
    25. 25. white space is the absence of text and graphics. White space provides visual breathing room for the eye.
    26. 26. Adobe InDesign
    27. 27. 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.
    28. 28. 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)
    29. 29. 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
    30. 30. 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
    31. 31. Adobe InDesign Features • Direct export of Adobe PDF files to InDesign • Transparency – apply editable drop shadows, feathering, and other transparency settings • Advanced typographical controls
    32. 32. 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”
    33. 33. 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
    34. 34. Custom Frame Shapes Adobe InDesign
    35. 35. More Flexible Documents Adobe InDesign
    36. 36. Multiple Windows Per Document Adobe InDesign
    37. 37. A Better Search Adobe InDesign
    38. 38. 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
    39. 39. Transparency Adobe InDesign
    40. 40. Images in Open Shapes Adobe InDesign
    41. 41. Drop Shadows Adobe InDesign
    42. 42. 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
    43. 43. Formattable Text Outlines Adobe InDesign
    44. 44. Multilingual Publishing Adobe InDesign
    45. 45. Full OpenType Support Adobe InDesign
    46. 46. Nested Styles Adobe InDesign
    47. 47. 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
    48. 48. Adobe InDesign
    49. 49. Adobe InDesign
    50. 50. #thankyou
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×