1. 1 Created 1-9-07 Revised 6/8/2010 Office of Information, Technology and Accountability 1 Microsoft Picture Manager with Photo Imaging

2. 2 Office of Information, Technology and Accountability 2 Created 1-9-07 Revised 6/8/2010 While Waiting (Do Now) Launch MS Office Picture Manager Familiarize yourself with the location of your pictures on the computer

3. 3 Office of Information, Technology and Accountability 3 Created 1-9-07 Revised 6/8/2010 Nine Elements of Digital Citizenship Student Learning and Academic Performance 1. Digital Access: full electronic participation in society 2. Digital Literacy: the process of teaching and learning about technology and the use of technology 3. Digital Communication: electronic exchange of information School Environment and Student Behavior 4. Digital Security & Safety: electronic precautions to guarantee safety/physical well-being in a digital technology world 5. Digital Etiquette: electronic standards of conduct or procedure 6. Digital Rights and Responsibilities: those freedoms extended to everyone in a digital world Student Life Outside the School Environment 7. Digital Commerce: electronic buying and selling of goods 8. Digital Health and Wellness: physical and psychological well-being 9. Digital Law: rights and restrictions

4. 4 Office of Information, Technology and Accountability 4 Created 1-9-07 Revised 6/8/2010 Digital Citizenship Links www.digitalcitizenship.net www.digitalcitizenshiped.com/Curriculum.a spx www.digitalcitizenshiped.com/Curriculum.a spx www.netsmartz.org http://cybersmart.org/ www.bpscybersafety.org/index.html www.staysafeonline.info/

5. 5 Office of Information, Technology and Accountability 5 Created 1-9-07 Revised 6/8/2010 Standards Addressed Standard 1: Demonstrate proficiency in the use of computers and applications as well as an understanding of concepts underlying hardware, software, and connectivity.

6. 6 Office of Information, Technology and Accountability 6 Created 1-9-07 Revised 6/8/2010 Introduction to MS Picture Manager By the end of this session you will know and be able to:  Navigate Picture Manager  Locate Pictures on the computer  Locate and add pictures to a directory  Edit Pictures utilizing the following tools: Auto Correct Brightness and Contrast Color Crop Rotate and Flip Red Eye Removal Resize Compress Pictures

7. 7 Office of Information, Technology and Accountability 7 Created 1-9-07 Revised 6/8/2010 You Will Demonstrate This By: Navigating Picture Manager Locating Pictures on the computer Locating and adding pictures to a directory Editing pictures utilizing the following tools: Auto Correct Brightness and Contrast Color Crop Rotate and Flip Red Eye Removal Resize Compress Pictures

8. 8 Microsoft Picture Manager With Microsoft Picture Manager you can manage, edit, share, and view your pictures from where you store them on your computer. The Locate Pictures feature helps you find your pictures with powerful search, and when you find them, Picture Manager can correct your pictures, if needed. Office of Information, Technology and Accountability 8 Created 1-9-07 Revised 6/8/2010

9. 9 Microsoft Picture Manager When you have finished editing, you can save the changes. Click Save to save your changes, or use Save As to create a new image, while keeping the original. Created 1-9-07 Revised 6/8/2010 Office of Information, Technology and Accountability

10. 10 Launching Microsoft Office Picture Manager 1. Click Start. 2. Select Microsoft Office. 3. Select Microsoft Office Tools. 4. Select Microsoft Office Picture Manger. Note: Your screen may differ slightly in appearance. Created 1-9-07 Revised 6/8/2010 Office of Information, Technology and Accountability

11. 11 Navigating Picture Manager Created 1-9-07 Revised 6/8/2010 Office of Information, Technology and Accountability

12. 12 Locating Pictures on the Computer 1. Click File 2. Select Locate Pictures… 3. Locate Pictures will display in the Task Pane on the right side of the screen. 4. Click the down arrow next to the Look in field and choose the hard drive Picture Manger should search. 5. Click the OK button. Note: Picture Manger will scan the entire hard drive for images. Picture Manager will display the images located during the scan. Created 1-9-07 Revised 6/8/2010 Office of Information, Technology and Accountability

13. 13 Locating Pictures in a Directory 1. Click the Add Picture Shortcut… link in the Picture Shortcuts… Task Pane on the left side of the Picture Manger window. 2. Locate and select the picture or folder Picture Manger should scan. 3. Click the Add button. 4. The selected folder is now indexed by Picture Manger. Created 1-9-07 Revised 6/8/2010 Office of Information, Technology and Accountability

14. 14 Editing Pictures While Picture Manger is primarily a file management tool, and not an editing tool, it does have some image correction and editing features. These include: Auto Correct Brightness and Contrast Color Crop Rotate and Flip Red Eye Removal Resize Compress Pictures Created 1-9-07 Revised 6/8/2010 Office of Information, Technology and Accountability

15. 15 Auto Correct 1. Double click the image to be corrected. 2. Click the Auto Correct button. While the adjustment is subtle, it may be just what the picture needs to go from a good picture, to a great picture. BeforeAfter Created 1-9-07 Revised 6/8/2010 Office of Information, Technology and Accountability

16. 16 Brightness and Contrast 1. Select a picture to adjust 2. Click the Brightness and Contrast link. Picture Manager allows several options when adjusting Brightness and Contrast. Auto Brightness button. Brightness & Contrast sliders Midtones slider under the Advanced Settings. Created 1-9-07 Revised 6/8/2010 Office of Information, Technology and Accountability

17. 17 Color Picture Manager allows several options when adjusting Color. 1. Enhance Color button a. For use in white balancing 2. Hue and Saturation sliders Created 1-9-07 Revised 6/8/2010 Office of Information, Technology and Accountability

18. 18 Color In this example, the Enhance Color button has been utilized. Note: When using any software tool, be certain to read all the text on the screen. This particular tool requires the user to click on an area in th3e picture that should be white Created 1-9-07 Revised 6/8/2010 Office of Information, Technology and Accountability

19. 19 Crop Use the crop tool when it is necessary to remove distracting content from the picture subject. Cropping tools include: Aspect Ratio Crop Handles (These can be drug and dropped or moved pixel by pixel.) Crop Handles Created 1-9-07 Revised 6/8/2010 Office of Information, Technology and Accountability

20. 20 Crop Settings – Aspect Ratio 1. Click the down arrow to the right of Aspect ratio drop box. 2. Select the desired size. Note the new placement of the crop handles. 3. Click the Ok button. 4. Picture Manager will display the cropped image. 5. Click the Save button to keep the changes. 6. To keep the original picture and the newly cropped image, choose Save As from the File menu. 7. Click the Undo button or Undo under the Edit menu to remove the changes. The aspect ratio allows the image to be cropped to a predetermined picture size. Created 1-9-07 Revised 6/8/2010 Office of Information, Technology and Accountability

21. 21 Crop Handles The crop handles will allow the picture to be cropped to a custom size determined by the user. These handles can be dragged and dropped or the up / down arrows can be used on the Left, Right, Top and Bottom sides. Created 1-9-07 Revised 6/8/2010 Office of Information, Technology and Accountability

22. 22 Crop Handles In this example, the crop handles will be dragged and dropped to the desired location. Place the crop “T” over a flat handle to adjust Top, Bottom, Left and Right sides. Place the crop “L” over the desired corner. Note: Cropping from the corners will ensure the picture remains proportional. Click the Ok button. Created 1-9-07 Revised 6/8/2010 Office of Information, Technology and Accountability

23. 23 Crop Handles Picture Manager will display the cropped image. Click the Save button to keep the changes. To keep the original picture and the newly cropped image, choose Save As from the File menu. Click the Undo button or Undo under the Edit menu to remove the changes. Created 1-9-07 Revised 6/8/2010 Office of Information, Technology and Accountability

24. 24 Rotate and Flip Use Rotate and Flip if the picture has been imported without rotating to the correct layout. i.e. Portrait or Landscape. Click the Rotate Left or Rotate Right as needed. or Use the up / down arrows to the right of “By degree” to rotated the image by an absolute degree. Click the Save icon to keep changes. Created 1-9-07 Revised 6/8/2010 Office of Information, Technology and Accountability

25. 25 Red Eye Removal 1. Select the picture that contains “Red Eyes”. 2. Place the target over the “Red Eyes” and click. 3. Repeat this process for all red eyes. 4. Click the Ok button. Created 1-9-07 Revised 6/8/2010 Office of Information, Technology and Accountability

26. 26 Red Eye Removal The adjusted picture will now be displayed in Picture Manager. Click the Save button to keep the changes. Click the Undo button or Undo under the Edit menu to remove the changes. Created 1-9-07 Revised 6/8/2010 Office of Information, Technology and Accountability

27. 27 Resize Resizing the images not only reduces the number of pixels utilized in the image, it also reduces the file size. Picture Manager gives the user several options when resizing an image. Predefined width x height Custom width x height Percentage of original width x height Created 1-9-07 Revised 6/8/2010 Office of Information, Technology and Accountability

28. 28 Resize - Predefined width x height Click the radio button to the left of Predefined width x height. Click the Ok button. Note the Original size and the New size. Click the Save icon to keep changes. Created 1-9-07 Revised 6/8/2010 Office of Information, Technology and Accountability

29. 29 Resize - Custom width x height Click the radio button to the left of Custom width x height. Click the Ok button. Note the Original size and the New size. Click the Save icon to keep changes. Created 1-9-07 Revised 6/8/2010 Office of Information, Technology and Accountability

30. 30 Resize- Percentage of original width x height Click the radio button to the left of Predefined width x height. Click the Ok button. Note the Original size and the New size. Click the Save icon to keep changes. Created 1-9-07 Revised 6/8/2010 Office of Information, Technology and Accountability

31. 31 Compress Pictures The compression options reduce both file size and picture dimensions based on how you intend to use the picture, such as in Web pages or e-mail messages. Do one of the following:  To compress your pictures for insertion into a document, under Compress for, click Documents.  To compress your pictures for publication on a Web page, under Compress for, click Web pages.  To compress your pictures for sending in an e-mail message, under Compress for, click E-mail messages. Click OK. Note To undo compression, click Undo on the Edit menu. Compression changes will not be saved until you save them. Created 1-9-07 Revised 6/8/2010 Office of Information, Technology and Accountability

32. 32 Office of Information, Technology and Accountability 32 Created 1-9-07 Revised 6/8/2010 Your Turn Using the picture(s) you collected: Navigate Picture Manager Locate your pictures on the computer Locate and add pictures to a directory Edit your pictures utilizing the following editing tools: Auto Correct Brightness and Contrast Color Crop Rotate and Flip Red Eye Removal Resize Compress Pictures Assess your progress with the rubric on the next slide

33. 33 MS Office Picture Manager Rubric Below ExpectationsMeets ExpectationsExceeds Expectations Navigate Picture Manager Can do with direct assistanceCan do with teacher directionCan do independently Locate Pictures on the computer Can do with direct assistanceCan do with teacher directionCan do independently Locate and add pictures to a directory Can do with direct assistanceCan do with teacher directionCan do independently PHOTO EDITING Auto Correct Can do with direct assistanceCan do with teacher directionCan do independently Brightness and Contrast Can do with direct assistanceCan do with teacher directionCan do independently Color Can do with direct assistanceCan do with teacher directionCan do independently Crop Can do with direct assistanceCan do with teacher directionCan do independently Rotate and Flip Can do with direct assistanceCan do with teacher directionCan do independently Red Eye Removal Can do with direct assistanceCan do with teacher directionCan do independently Resize Can do with direct assistanceCan do with teacher directionCan do independently Compress Pictures Can do with direct assistanceCan do with teacher directionCan do independently Created 1-9-07 Revised 6/8/2010 Office of Information, Technology and Accountability

34. 34 Office of Information, Technology and Accountability 34 Created 1-9-07 Revised 6/8/2010 Resources ISTE Publications, Digital Citizenship in Schools by Mike Ribble and Gerald Bailey, copyright 2007, ISBN No: 978-1-56484-232-9. http://oak.ucc.nau.edu/sew29/CTE_486/Fil es/All_About_Images/Microsoft%20Office %20Picture%20ManagerNAU.pdf http://oak.ucc.nau.edu/sew29/CTE_486/Fil es/All_About_Images/Microsoft%20Office %20Picture%20ManagerNAU.pdf http://office.microsoft.com/en- us/help/CH010001171033.aspx http://office.microsoft.com/en- us/help/CH010001171033.aspx