Your SlideShare is downloading. ×
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.


Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply



Published on

Published in: Technology, Business

  • Be the first to comment

  • Be the first to like this

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

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.
  • Transcript

    • 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.
    • 2. COVERAGE I. Desktop Publishing II. Principles of Design III. Our Tool: Adobe™InDesign
    • 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. 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. 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. 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. 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. 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. 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. 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. Desktop Publishing (DTP) Definition of Terms Typesetting – the presentation of textual material in graphic form on paper or some other medium
    • 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. Principles of Design
    • 14. Principles of Design Balance
    • 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. Principles of Design Contrast
    • 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. Principles of Design Harmony
    • 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. Principles of Design Emphasis
    • 21. Principles of Design ∙ EMPHASIS
    • 22. Principles of Design
    • 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. WHITE SPACE
    • 25. white space is the absence of text and graphics. White space provides visual breathing room for the eye.
    • 26. Adobe InDesign
    • 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. 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. 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. 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. 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. 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. 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. Custom Frame Shapes Adobe InDesign
    • 35. More Flexible Documents Adobe InDesign
    • 36. Multiple Windows Per Document Adobe InDesign
    • 37. A Better Search Adobe InDesign
    • 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. Transparency Adobe InDesign
    • 40. Images in Open Shapes Adobe InDesign
    • 41. Drop Shadows Adobe InDesign
    • 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. Formattable Text Outlines Adobe InDesign
    • 44. Multilingual Publishing Adobe InDesign
    • 45. Full OpenType Support Adobe InDesign
    • 46. Nested Styles Adobe InDesign
    • 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. Adobe InDesign
    • 49. Adobe InDesign
    • 50. #thankyou