1. Photoshop Elements for Libraries: Preparing Your Photos to Go Online Instructor: Jeanne Moje MacDonald jmmacdonald@berkeley.edu An Infopeople Workshop Winter 2008

2. This Workshop Is Brought to You by the Infopeople Project Infopeople is a federally-funded grant project supported by the California State Library. It provides a wide variety of training to California libraries. Infopeople workshops are offered around the state and are open registration on a first-come, first-served basis. For a complete list of workshops, and for other information about the project, go to the Infopeople website at infopeople.org.

3. Workshop Agenda Overview of Photoshop Elements Optimizing images for the web Customize your images Legal considerations Image repositories Show off your work!

4. Why Photoshop Elements?

5. Software Features Simple and inexpensive Easily fix your photos Add special effects Organize your photos Dynamic creations

6. Workspaces And Wizards Welcome Screen  Shortcuts to frequent tasks Organizer Workspace Editor Workspace Create Wizard  Slide shows  Online galleries

7. Organizer Workspace Menu bar Display and Editor buttons Navigation buttons Find bar Photo browser Task pane Status bar

8. Editor Workspace Menu bar Workspace buttons Toolbox Options bar Project bin Palettes Palette bin

9. Software Introduction Hands-on Tour of Photoshop Elements

10. What Is a Catalog?

11. Where Are My Photos? A catalog is only a collection of information Actual photos still in original location Don’t delete original photos!

12. What Does a Catalog Do? Organizes your images Provides a preview of your images Allows quick sorting with tags

13. Catalog Features Photo Review Add captions Stack photos View file metadata

14. Exporting for Web and Print

15. Exporting for the Web Keep original safe  Use “save as” Reduce image and file size  Crop image  Resize image  Change file format to jpg or gif

16. Print Export Save to highest quality TIFF format setting Talk with your printer for file resolution and color settings! Color-correct your monitor Large file sizes

17. Camera Settings Megapixels determine image size Camera megapixel settings and corresponding print size  1.0 = 4x6  2.0 = 5x7  3.0 = 8x11  4.0 = 11x14  5.0 = 12x16

18. Image Size vs. Resolution Image size is measurement of width and height Image resolution is number of pixels per inch (ppi)  More pixels =  Higher resolution =  More detail =  Higher print quality!

19. Resolution Confusion? Image size Image resolution or ppi Print resolution or dpi Screen or monitor resolution Camera megapixel settings

20. Print Resolution or DPI Set image resolution to 72 dpi for the web Print resolution (dpi) settings:  2400+ professional print quality  1200-2400 high quality  300-600 low quality  72 dpi web setting

21. Color Choices

22. Color for the Web PC vs. Macintosh color differences Only 216 colors are “safe” for web Fewer colors means smaller file size

23. Replacing Color in Images Enhance menu  Adjust color cast  Quickly replace colors Many tools available for fine-tuning colors

24. Pick the Right File Format

25. Use JPG or GIF? JPG or JPEG (*.jpg)  Photographs  Complex graphics GIF (*.gif)  Flat color, line drawings, text, black & white images  Transparency  Animated images

26. Other File Extensions TIFF (*.tif) print graphics PSD (*.psd) Adobe Photoshop PDF (*.pdf) Adobe Acrobat WMV (*.wmv) Windows Media File EPS (*.eps) Adobe Illustrator PNG (*.png) Fireworks

27. Review Web Optimize 1. Crop 2. Resize 3. Set resolution to 72 dpi 4. Set to web safe colors 5. Export to JPG or GIF

28. Modify Your Images

29. Quick Change Artist Quickly change the background of your photo!  Magic Wand Tool  Color Picker  Paint Bucket Tool

30. The Type Tool Add text to your images with the Type Tool Create flair with Text Styles Keep your options open with Layers PSD format vs. JPG

31. Add Sparkle and WOW

32. Filters Change the look of your images with Filters  Distortion  Unique lighting Examples:  Glowing edges  Stamp  Emboss

33. Effects Change the appearance of a layer in your image with Effects Apply shadows, glows, bevels, overlays, and strokes Examples:  Fluorescent chalk  Neon nights + Color burn  Rubber Stamp

34. Layer Styles Several effects saved as a predefined style Build your own layer styles Some filters, effects, and styles apply only to text

35. Types of Layers Image Adjustment Fill Type Shape

36. Filters vs. Effects Effects are connected to the layer where they are applied Effects will update when you modify the layer Filters will NOT update if a layer is changed

37. GIF Animations Add interest to your web page Prepare your images  Save in GIF format  Arrange in layers Then use Save for Web  Select Animate check box  Frame delay control

38. Web Image Repositories

39. Bookmarks to Visit Pics4Learning Smithsonian FreeFoto US Fish & Wildlife Library of Congress Picturehouse Google Images Creative Commons

40. Discussion Where can you get images for the web?

41. Legal Issues

42. Do the Right Thing! Get a signature release from your subjects Copyright considerations Infopeople course materials available

43. Review Release Examples bookmarks.infopeople.org/ photoshop_elements_bk.html

44. Show Off Your Work!

45. Create Wizards Wizard specific to each type of creation Prompts you at each step Easy to use interface Assemble your images into presentations

46. Online Galleries Quick and easy way to show off your images Uses top item in Version Sets Check photo orientation Add captions to your photos

47. Slide Shows Showcase your images by adding music and effects Burn a slide show onto a CD or video CD (VCD) Export high quality for onscreen display Lower quality export for web access or email

48. Summary and Evaluation Overview of Photoshop Elements Optimizing images for the web Customize your images Image repositories Legal considerations Show off your work