1 / 30

Illustrations

Illustrations. Desktop Publishing. Desktop Publishing Elements. Type Body Text Display Text Artwork Illustrations Photographs (Tuesday). Illustrations. Non-Typographical, Non-Photographic Elements Rules Borders Ornaments Line Art Graphics. Cam Tracy. Cam Tracy. C. Simple Oxford

Download Presentation

Illustrations

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Illustrations Desktop Publishing

  2. Desktop Publishing Elements • Type • Body Text • Display Text • Artwork • Illustrations • Photographs (Tuesday)

  3. Illustrations • Non-Typographical, Non-Photographic Elements • Rules • Borders • Ornaments • Line Art • Graphics Cam Tracy Cam Tracy C

  4. Simple Oxford Dotted Rules • Serve to organize space and separate unassociated elements on the page • Can help define white space, set off display type, or define sections

  5. Rules • Let rulesecho typeface

  6. Rules • Use rules when it makes sense – only use them when they can’t be done without • Rules are like type – don’t mix too many styles (1 or 2 rule formats per layout is enough) • Use decorative rules with restraint

  7. Borders HomeSweetHome • Everything that applies to rules applies to borders • Allow your borders to reflect the style you’re searching for -rounded corners for rounded text • Make sure the isolation that borders afford is the desired effect

  8. Borders PlainBordersIsolate ShadowedBorderslevitate

  9. Border Uses • Separate a part of the text from the remainder to add emphasis • Provide typographical color to an otherwise gray page • Break text into smaller,more appealing groups • Provide an appropriate border for line art or photographs

  10. Aklvn;lkadnf Ornaments • Pi fonts that add emphasisor character to a piece • Don’t overuse – make surethere is a clear purpose and intent • Don’t let them litter the page and take away from the design element white space • Use them as graphic signposts that enhance communication efficiency

  11. Line Art • Art without grays, B&W only • Maybe the best for DTPbecause of laser printingchallenges with grays • Forms of line art: • B&W Clip Art from books or CD-ROMs • Scanning hand-drawn pieces

  12. Graphics • Art that contains grays and other colors • Available as a part of many apps • Excellent for on-screen, but can be problematic in printing • Once reduced, the screencan produce moire patterns • Once enlarged, can produce pixelation

  13. BackgroundTextures & Patterns • The background on this slide is an example • Used to lend color or weight to a document, not to illustrate a particular part of the text • Watermarks are thebest examples ofthis Adds Depthto piece

  14. Information Graphics • Used to communicate trends, comparisons and organizational structures • Utilize multiple drawing tools, but are often generated using special programs (Excel) • Charts & Diagrams – translate numbers and values into visual images • Diagrams – choose diagrams instead when you want to emphasize relationships and sequences rather than numbers

  15. Information Graphics • Tables – present a lot of info in a concise and orderly way • Maps – depict locationsin a simplified form • Screen Captures • Extremely helpful if you’re teaching computers and trying to show non-printing items that are on screen • Use Shift-Command-3, which will produce a file named Picture 1 in the Macintosh HD • Alt-Print Screen on PCs puts image in clipboard

  16. Screen Capture

  17. Illustration Placement Tips • Place illustrations near relevant text • Keep illustration styles identical – don’t use a formal item with a informal one • If illustrations are the central focus, keep the type and design simple • Avoid trapping white space

  18. Illustration Tips & Tricks • Turn your illustration into a 30% screen and place it behind the text – this is called watermarking • Create a screened backdrop for your illustration – a simple circle or polygon • Or combine the two previous tips

  19. Illustration Tips & Tricks • Create several duplicates of your illustration, and arrange them dynamically on the page • Let an illustration break out of a border Klasjdflak;lakjdf;lak;lkaj;lka ;lakj

  20. Raster(aka Bitmapped or Pixel-Based) Scanner or Paint Program Produced (PhotoShop, PhotoPaint) Made up of a series of dots Vector (aka object-oriented) Draw Program produced (Illustrator, CorelDRAW!) Made up of a series of lines, curves or objects Illustration Files

  21. Raster/Vector

  22. Raster Enlarge – grainy Reduce – moire patterns Use at original size Vector Like outline defined type – these are outline defined objects Resizing causes no loss of quality Illustration Files

  23. Raster TIFF (.tif) PICT (.pct) EPS (.eps) GIF (.gif) JPEG (.jpg) Photoshop File (.psd) Vector PICT (.pct) EPS (.eps) Illustrator File (.ai) Illustration File Types

  24. Rastorize! • Use Vector-based apps (Illustrator) to create your illustrations, but rasterize them you’re ready to print because printers have a hard time with them • To rasterize, you convert or export your graphic as a TIFF (raster-based graphics) • Only resize in Illustrator, not after it has been rasterized

  25. Pagemaker and Image Files How does Pagemaker handle Illustration and Photo Files?

  26. Placing Images - Linking • Use File – Place to bring your image in to Pagemaker • It will automatically link to the file; therefore, you need to have it in the same folder • If you change the original, Pagemaker will ask you if you want to update it in the file • You can manipulate the image as much as you want in Pagemaker, and the original never changes

  27. Placing Images - Embedding • If you don’t want to maintain an entire directory of image files, you can embed the files in Pagemaker • Using File – Links Manager you can embed them all into one document • This will drastically increase the size of your file, but you don’t have to keep up with as much

  28. Manipulating Image Files • Once they’re in Pagemaker, you can: • Resize by dragging the handles • If you hold down shift while resizing, it will maintain the original shape of the image Change height Change width Change height & width

  29. Modifying Images • You can create screens of images and apply Photoshop filters to photos in Pagemaker • Select an image and choose Element – Image – Image Control for creating a screen • Excellent way to create watermarks • Select an photo and choose Element – Image – PhotoShop Effects • You’ll need to save the file as something else • Quick way to obtain a neat effect

  30. Effective Use of Photographs Topic for Tuesday

More Related