The Basics of Desktop Publishing Copyright © Texas Education Agency, 2013. All rights reserved. Images and other multimedia content used with permission.  1

The Basics of Desktop Publishing Using computer software to lay out information and ideas for visual display For print or for screen newsletters, business cards, logos, posters, programs, book covers, CD covers, etc… web pages, pad and phone apps, paperless office documents, blogs, slide shows, etc… The first rule is: Know what your final product will be Copyright © Texas Education Agency, 2013. All rights reserved. Images and other multimedia content used with permission.  2

Vocabulary Matters Resolution: Resolution is different from Image Size Resolution is defined as the single electronic pixels or the individual dots of ink that make up an image on the screen or on the printed page. image size Copyright © Texas Education Agency, 2013. All rights reserved. Images and other multimedia content used with permission.  Trade & Industrial Education

PPI and DPI Screen vs Print PPI – pixels per inch DPI – dots per inch Different yet the same PPI – pixels per inch Screen images – 72 PPI DPI – dots per inch Printed images – 300 DPI Copyright © Texas Education Agency, 2013. All rights reserved. Images and other multimedia content used with permission. 

Zoom in on a raster image to see the individual pixels Raster vs Vector Raster = bitmap – graphic made of lots of individual pixels (bits of color) Raster images do not change resolution well – NEVER ENLARGE A RASTER IMAGE How are Raster images created? Zoom in on a raster image to see the individual pixels Copyright © Texas Education Agency, 2013. All rights reserved. Images and other multimedia content used with permission.  5

Zoom in on a vector image to see there are no pixels Raster vs Vector Vector = line art – graphic made by mathematical calculations and objects Vector images are scalable to any resolution Illustration programs create Vector images Are type-fonts Vectors? Zoom in on a vector image to see there are no pixels Copyright © Texas Education Agency, 2013. All rights reserved. Images and other multimedia content used with permission.  6

Raster vs Vector Because of the math factor, Vector graphics print ‘cleaner’ than Raster graphics Very important to keep raster graphics from getting distorted – bad resolution issues Beginning when the image is made To end when image is finally printed Copyright © Texas Education Agency, 2013. All rights reserved. Images and other multimedia content used with permission.  7

Using the Right Software Photo Editing software = Raster graphics Illustration software = Vector graphics Desktop Publishing (DTP) software is what you use to put it all together Copyright © Texas Education Agency, 2013. All rights reserved. Images and other multimedia content used with permission.  8

DTP Trade Terminology header placeholder text margins footer alley "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." placeholder text margins footer alley gutter Copyright © Texas Education Agency, 2013. All rights reserved. Images and other multimedia content used with permission.  9

Starting at the End Exercise for creating business cards... A business card is 2” x 3.5” How many can you fit on one page (8.5” x 11”)? 2 inches 3.5 inches Copyright © Texas Education Agency, 2013. All rights reserved. Images and other multimedia content used with permission.  10

10 cards Starting at the End Exercise Answer: How many can you fit on one page (8.5” x 11”)? 10 cards 10 inches 7 inches Copyright © Texas Education Agency, 2013. All rights reserved. Images and other multimedia content used with permission.  11

Starting at the End Exercise for creating postcards... Some postcards are 4” x 5” How many can you fit on one page (8.5” x 11”)? 4 inches 5 inches Copyright © Texas Education Agency, 2013. All rights reserved. Images and other multimedia content used with permission.  12

4 cards Starting at the End Exercise Answer: How many can you fit on one page (8.5” x 11”)? 4 cards (landscape mode) 8 inches 10 inches Copyright © Texas Education Agency, 2013. All rights reserved. Images and other multimedia content used with permission.  13

Starting at the End Exercise for creating small programs... If a printed program is 5.5” x 8.5”, how many pages can you fit on one page (8.5” x 11”)? 8.5 inches 5.5 inches Copyright © Texas Education Agency, 2013. All rights reserved. Images and other multimedia content used with permission.  14

4 pages Starting at the End Exercise Answer: If a printed program is 5.5” x 8.5”, how many pages can you fit on one page (8.5” x 11”)? 4 pages (when it is folded and In landscape mode – 2 pages inside and 2 pages outside) 8.5 inches 5.5 inches Copyright © Texas Education Agency, 2013. All rights reserved. Images and other multimedia content used with permission.  15

Resolution Math??? Multiply image size in inches by resolution to get dimensions in pixels Example: How big of an image (measured in pixels) can fit on a business card printed at 300 DPI? 2 inches 3.5 inches ??? ??? Copyright © Texas Education Agency, 2013. All rights reserved. Images and other multimedia content used with permission. 

(dimensions in pixels) Resolution Math??? Example Answer: How big of an image (measured in pixels) can fit on a business card printed at 300 DPI? 600 pixels 600 x 1050 (dimensions in pixels) 1050 pixels Copyright © Texas Education Agency, 2013. All rights reserved. Images and other multimedia content used with permission.