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