Photoshop Elements for Libraries: Preparing Your Photos To Go Online Instructor: Jeanne Moje An Infopeople Workshop Winter 2005

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.

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

Why Photoshop Elements?

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

Workspaces And Wizards Welcome Screen  Shortcuts to frequent tasks Organizer Workspace Editor Workspace Creations Wizard  Slides shows  Web Photo Galleries

What Is A Catalog?

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

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

Catalog Features Photo Review Add captions Stack photos View file metadata

Exporting for Web and Print

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

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

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

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!

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

Print Resolution or DPI Set image resolution to 72 dpi for the web Print resolution (dpi) settings:  professional print quality  high quality  low quality  72 dpi web setting

Color Choices

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

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

Pick The Right File Format

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

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

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

Modify Your Images

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

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

Add Sparkle And WOW

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

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

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

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

Show Off Your Work!

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

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

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

Legal Issues

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

Discussion Legal concerns Signature releases Copyright issues

Review Release Examples photoshop_elements_bk.html

Web Image Repositories

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

Discussion Where can you get images for the web?

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

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