photoshop elements for libraries: preparing your photos to go online instructor: jeanne moje...

45
Photoshop Elements for Libraries: Preparing Your Photos To Go Online Instructor: Jeanne Moje [email protected] An Infopeople Workshop Winter 2005

Upload: arleen-horn

Post on 24-Dec-2015

218 views

Category:

Documents


0 download

TRANSCRIPT

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

Photoshop Elements

for Libraries:

Preparing

Your Photos

To Go Online

Instructor: Jeanne Moje [email protected]

An Infopeople Workshop

Winter 2005

Page 2: Photoshop Elements for Libraries: Preparing Your Photos To Go Online Instructor: Jeanne Moje jmmoje@berkeley.edu 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.

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

Workshop Agenda

Overview of Photoshop Elements

Optimizing images for the web

Customize your images

Legal considerations

Image repositories

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

Why Photoshop Elements?

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

Software Features

Simple and inexpensive

Easily fix your photos

Add special effects

Organize your photos

Dynamic creations

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

Workspaces And Wizards

Welcome Screen Shortcuts to frequent tasks

Organizer Workspace

Editor Workspace

Creations Wizard Slides shows Web Photo Galleries

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

What Is A Catalog?

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

Where Are My Photos?

A catalog is only a collection of information

Actual photos still in original location

Don’t delete original photos!

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

What Does A Catalog Do?

Organizes your images

Provides a preview of your images

Allows quick sorting with tags

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

Catalog Features

Photo Review

Add captions

Stack photos

View file metadata

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

Exporting for Web and Print

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

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

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

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

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

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

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

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!

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

Resolution Confusion?

Image size

Image resolution or ppi

Print resolution or dpi

Screen or monitor resolution

Camera megapixelsettings

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

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

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

Color Choices

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

Color For The Web

PC vs. Macintosh color differences

Only 216 colors are “safe” for web

Fewer colors means smaller file size

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

Replacing Color In Images

Enhance menu Adjust color cast Quickly replace colors

Many tools available forfine-tuning colors

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

Pick The Right File Format

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

Use JPG Or GIF?

JPG or JPEG (*.jpg) Photographs Complex graphics

GIF (*.gif) Flat color, line drawings, text,

black & white images Transparency Animated images

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

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

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

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

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

Modify Your Images

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

Quick Change Artist

Quickly change the background of your photo! Magic Wand Tool Color Picker Paint Bucket Tool

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

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

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

Add Sparkle And WOW

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

Filters

Change the look of your images with Filters Distortion Unique lighting

Examples: Glowing edges Stamp Emboss

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

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

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

Layer Styles

Several effects saved as a predefined style

Build your own layer styles

Some filters, effects,and styles apply onlyto text

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

Filters Vs. Effects

Effects are connected to the layer where they are applied

Effects will update when you modify the layer

Filters will NOT updateif a layer is changed

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

Show Off Your Work!

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

Creations Wizards

Wizard specific to each type of creation

Prompts you at each step

Easy to use interface

Assemble your imagesinto presentations

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

Web Photo Galleries

Quick and easy way to show off your images

Order the images in the File Browser before creatingthe gallery

Add captions toyour photos

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

Slide Shows

Showcase your images by adding music and effects

Burn a slide show onto a CD or video CD (VCD)

Export high quality foronscreen display

Lower quality exportfor web access

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

Legal Issues

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

Do The Right Thing!

Get a signature release from your subjects

Copyright considerations

Infopeople course materialsavailable

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

Discussion

Legal concerns

Signature releases

Copyright issues

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

Review Release Examples

http://bookmarks.infopeople.org/photoshop_elements_bk.html

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

Web Image Repositories

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

Bookmarks To Visit

FreeFoto

Picturehouse Image Sources

Pics4Learning

Smithsonian

Library of Congress

Creativecommons

Google (images)

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

Discussion

Where can you get images

for the web?

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

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

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

Summary and Evaluation

Overview of Photoshop Elements

Optimizing images for the web

Customize your images

Legal considerations

Image repositories