1. Photoshop Elements for Libraries: Preparing Your Photos To Go Online Instructor: Jeanne Moje jmmoje@berkeley.edu An Infopeople Workshop Winter 2005

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 Web site at infopeople.org.

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

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 Creations Wizard  Slides shows  Web Photo Galleries

7. What Is A Catalog?

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

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

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

11. Exporting for Web and Print

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

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

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

15. 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!

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

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

18. Color Choices

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

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

21. Pick The Right File Format

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

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

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

25. Modify Your Images

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

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

28. Add Sparkle And WOW

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

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

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

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

33. Show Off Your Work!

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

35. Web Photo Galleries Quick and easy way to show off your images Order the images in the File Browser before creating the gallery Add captions to your photos

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

37. Legal Issues

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

39. Discussion Legal concerns Signature releases Copyright issues

40. Review Release Examples http://bookmarks.infopeople.org/ photoshop_elements_bk.html

41. Web Image Repositories

42. Bookmarks To Visit FreeFoto Picturehouse Image Sources Pics4Learning Smithsonian Library of Congress Creativecommons Google (images)

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

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

45. Summary and Evaluation Overview of Photoshop Elements Optimizing images for the web Customize your images Legal considerations Image repositories