Slide 1

Illustrations Desktop Publishing

Slide 2

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

Slide 3

Illustrations Non-Typographical, Non-Photographic Elements Rules Borders Ornaments Line Art Graphics Cam Tracy

Slide 4

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

Slide 5

Rules Let rules echo type face

Slide 6

Rules Use rules when it makes sense only use them when they cant be done without Rules are like type dont mix too many styles (1 or 2 rule formats per layout is enough) Use decorative rules with restraint

Slide 7

Borders Everything that applies to rules applies to borders Allow your borders to reflect the style youre searching for - rounded corners for rounded text Make sure the isolation that borders afford is the desired effect Home Sweet Home

Slide 8

Borders Plain Borders Isolate Shadowed Borders levitate

Slide 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

Slide 10

Ornaments Pi fonts that add emphasis or character to a piece Dont overuse make sure there is a clear purpose and intent Dont let them litter the page and take away from the design element white space Use them as graphic signposts that enhance communication efficiency

Slide 11

Line Art Art without grays, B&W only Maybe the best for DTP because of laser printing challenges with grays Forms of line art: B&W Clip Art from books or CD-ROMs Scanning hand-drawn pieces

Slide 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 screen can produce moire patterns Once enlarged, can produce pixelation

Slide 13

Background Textures & 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 the best examples of this Adds Depth to piece

Slide 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

Slide 15

Information Graphics Tables present a lot of info in a concise and orderly way Maps depict locations in a simplified form Screen Captures Extremely helpful if youre 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

Slide 16

Screen Capture

Slide 17

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

Slide 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

Slide 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

Slide 20

Illustration Files 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

Slide 21

Raster/Vector

Slide 22

Illustration Files 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

Slide 23

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

Slide 24

Rastorize! Use Vector-based apps (Illustrator) to create your illustrations, but rasterize them youre 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

Slide 25

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

Slide 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

Slide 27

Placing Images - Embedding If you dont 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 dont have to keep up with as much

Slide 28

Manipulating Image Files Once theyre 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 width Change height & width Change height

Slide 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 Youll need to save the file as something else Quick way to obtain a neat effect

Slide 30

Effective Use of Photographs Topic for Tuesday