Home: Technology: Workshops and Technology Resources: Workshops

Photoshop for Web Images
http://www.arhu.umd.edu/technology/workshops/photoshopfortheweb/webphotoshop.html

Tour of Photoshop
Open file and experiment with following shortcuts

 Tab Key- hides menus
 Using Zoom Tools, navigator palette (option/magnifying glass to unzoom)
 Dbl click magnifying glass, dbl click hand
 Spacebar to get hand
 Spacebar + apple to get zoom tool
 Current Color/Background Color, fast black/white, switch current/background color
 Tool Options, Additional Tools
 Selecting Tools- 1st letter shortcut

Cropping and Saving Images for the Web with Photoshop- The Big Picture

1. Open image files in Photoshop; File Menu/ Open...

2. Make necessary changes to overall picture such as cropping image, brightness/contrast and color adjustments

3. Resize image to fit in average browser window.

4. Save Image as photoshop file for archival purposes: File Menu > Save

5. Save Image as jpeg file for hi-res detail. File Menu > SaveAs >
Format: JPEG, quality: medium
Name: filename.jpg

6. Resize image as thumbnail.
Image Menu > Image size

7. Save file giving it a new name. File Menu > Save as
Format: JPEG, qulaity: low
Name: filename-tn.jpg
 

 

Back to Top

Contact Information:

Contact us with questions, comments and feedback: acs-worskhosp@umail.umd.edu
Search the Arts and Humanities web site