1. Adobe InDesign CS5 – Illustrated Unit D: Working with Graphics

2. Objectives Upon completion of this unit, you should be able to:  Understand bitmap and vector graphics  Place a graphic into a frame  Work with the content indicator  Transform frame contents  Use the Links panel  Replace a linked image and embed a file  Add graphics to a library

3. Understanding Bitmap and Vector Graphics Bitmap graphic  Graphic that is made up of pixels Tiny color squares arranged in a grid used to display graphics Pixels can be seen when zooming  Examples: Television screens Scanned photographs Photographs taken from a digital camera Files created in an image-editing software program

4. Understanding Bitmap and Vector Graphics Vector graphic  Graphic that is made up of vectors Straight or curved line segments connected by anchor points (small dots)  Created in drawing programs  Ideal format for illustrations and logos Can be resized in page layouts without losing image quality  Can be manipulated in InDesign using the Pen tool and Direct Selection tool

5. Understanding Bitmap and Vector Graphics FIGURE D-1: Viewing pixels

6. Understanding Bitmap and Vector Graphics FIGURE D-2: Viewing the parts of a vector

7. Understanding Bitmap and Vector Graphics FIGURE D-3: Moving an anchor point

8. Placing a Graphic into a Frame Graphics are placed into frames  Using any of the frame tools: Rectangle, Ellipse, and Polygon tool  Placed using the Place command on the File menu Upper-left corner of the graphic snaps to the upper-left corner of the frame and fills the remainder of the frame If the frame is larger than the graphic, not all of the frame will be filled If the graphic is larger than the frame, part of the graphic will not be seen

9. Placing a Graphic into a Frame Figure D-4: Creating the first rectangle frame

10. Placing a Graphic into a Frame Figure D-5: Place dialog box

11. Placing a Graphic into a Frame Figure D-6: Pizza 1 graphic placed in the frame

12. Working with the Content Indicator Content indicator  Donut-shaped icon  Appears over a placed graphic when Selection tool is moved over the graphic  Allows you to move a graphic in a frame without moving the frame  Image can be dragged until it is cropped to your liking Cropping: hiding part of the image without permanently removing it

13. Working with the Content Indicator Figure D-7: Viewing the content indicator

14. Working with the Content Indicator Figure D-8: Adjusting the view inside the frame

15. Transforming Frame Contents Control panel  Displays options for transforming frame contents Examples: scale, rotate, center, or flip  There are also buttons for fitting the image to match the size of the frame and vice versa

16. Transforming Frame Contents Table D-1: Fitting commands

17. Transforming Frame Contents Figure D-9: Viewing the Control panel

18. Transforming Frame Contents Figure D-10: Highlighting the Scale X Percentage value

19. Transforming Frame Contents Figure D-11: The scaled image

20. Using the Links Panel When an image is placed in a frame a preview is displayed  Graphical representation of the original image file and not the file itself  Link is automatically established between the preview and actual image file  Linking images helps to keep file size manageable Size of placed image files is not added to the InDesign file size

21. Using the Links Panel Figure D-12: Viewing the second frame

22. Using the Links Panel Figure D-13: Links panel

23. Using the Links Panel Figure D-14: Links panel

24. Using the Links Panel Table D-2: Link status

25. Replacing a Linked Image and Embedding a File To replace a placed image in InDesign:  Click the image on the Links panel  Click the Relink button on the Links panel  Choose a new file in the Relink dialog box  New image replaces the original image Inherits any fitting commands and transformations that were made to it

26. Replacing a Linked Image and Embedding a File Embedding a file:  Makes it a permanent part of the file No longer linked  Embedded files remain on the Links panel with an Embedded icon  Great way to protect a file from being changed, moved, or deleted

27. Replacing a Linked Image and Embedding a File Figure D-15: Relink dialog boxFigure D-16: Embedding the logo file

28. Adding Graphics to a Library Libraries  Strictly for storing often-used text, graphics, and pages for use in any InDesign document  Store all formatting applied to objects and text  InDesign files (with an.indl extension) that look and work like InDesign panels

29. Adding Graphics to a Library Figure D-17: New Library dialog box

30. Adding Graphics to a Library Figure D-18: Pizza 1.psd added to the Specials Library

31. Adding Graphics to a Library Figure D-19: Finished project