Last Updated: 5/17/2012



Downloads, Videos, and Resources for
Practical Photoshop CS5, Level 2

Printing

Enrolled students may print one copy of each tutorial for their own use. You may not print any course materials in one of the SRJC labs. For those of you who do not have access to a printer, there are pay to print facilities on both the Santa Rosa and Petaluma campuses.

Tutorials

Here are the first few tutorials in PDF format, because of the delay getting the books to the bookstore. There are now books in both the Petaluma and Santa Rosa bookstores and there is also a use-in-lab book in the open lab on the second floor of Maggini.

You can also order your book online at: http://bookstore.santarosa.edu/santarosa/SelectTermDept.aspx

File Format &
File Size
Item Release Date
PP2_tut1-2.pdf
2.7 MB
Tutorials 1-2 1-13-2012
ch03.pdf Tutorial 3 1-25-2012
ch04.pdf Tutorial 4 2-11-2012

Images for Guided Exercises

Once the zip file downloads, double click on the downloaded file to expand it into a folder of exercise images. the images are organized into sub-folders by tutorial number.

File Format &
File Size
Item Release Date
student-images.zip
75+ MB
Zipped images for all tutorials 1-13-12

 

Videos

The videos are in QuickTime (mov) format. You will have better control if you download them first and then view them in the QuickTime player where you can adjust volume and make the viewing window larger if desired. QuickTime is part of the Mac operating system; Windows users can download the most recent version here: http://support.apple.com/kb/dl837

Week Item Release Date
1

Tutorial 1: Getting Started

Orientation

Preferences 1

Preferences 2

Save for Web and Devices Review
The very ending sentence of the last video got cut off accidentally.

1-19-12

Save for Web Probems/Solutions

Fall, 2011

Resources

The Save for Web & Devices Dialog Box
http://www.youtube.com/watch?v=xLs2Qqa1mJw

Save for Web (& Devices), Deke McClelland
http://www.deke.com/content/photoshop-top-40-feature-34-save-web-and-devices

2

Tutorial 2: Mini Bridge & Camera Raw

Bridge & Mini Bridge

Camera Raw First Example
Error: Towards the end, I show Edit > Develop Settings menu but I accidentally call it the "Develop Details" commnad (no such thing)

White Balance Example
Error: At the end of this video, I said I was saving the image in PSD format, but accidentally saved it in DNG format.

Exposure Example

Straighten/Crop/Adjust/Sharpen Example

Fill Light Example

 

1-23-12

1-24-12

Resources

Mini Bridge

Adobe TV Tutorial to see Mini Bridge in action
http://tv.adobe.com/watch/learn-adobe-bridge-cs5/use-mini-bridge-in-cs5-applications

Mini Bridge Tutorial by By Steve Patterson
http://www.photoshopessentials.com/basics/cs5/mini-bridge

Adobe's Mini Bridge Help pages
http://help.adobe.com/en_US/creativesuite/cs/using/
WS4bebcd66a74275c33c28e88f1235296fe93-8000.html

Camera Raw

Camera Raw: from Adobe Evangelists Julianne Kost & Daniel Brown http://www.jkost.com/pdf/photoshop/cs2/AdobeCameraRaw.pdf

Read more about Camera Raw and download the converter for free http://www.adobe.com/products/photoshop/extend.html

Matt Kloskowsk's Photoshop CS4 Adjustment Brush Tutorial
http://layersmagazine.com/photoshop-cs4-camera-raw-adjustment-brush.html

How to use Camera Raw with JPEGs
http://tv.adobe.com/watch/creative-suite-podcast-photographers/how-to-use-jpg-files-in-adobe-camera-raw

Considerable Raw information from Deke McClelland, on an earlier version, but still useful http://tv.adobe.com/watch/learn-photoshop-cs4/getting-started-07-developing-raw-photographs/

Brightness vs. Exposure, from Matt K: http://tiny.cc/jnMf2b

3

Tutorial 3: Masks

Week 3 Overview

Layers Panel Review

Quick Mask Mode

Using Alpha Channels and Layers with Masks

1-25-12

Resources

Refine Edge

Both these Refine Edge videos make more complex selections than our simple glass circle.

Adobe Help on Refine Edge
http://help.adobe.com/en_US/photoshop/cs/using/WS9C5407FF-2787-400b-9930-FF44266E9168a.html

How to Use Refine Edge: Nice video on selecting rough edges with Refine Edge http://infiniteskills.com/blog/2011/03/adobe-photoshop-cs5-tutorial-how-to-use-refine-edge

Deke McClelland on Refine Edge with CS5
http://www.youtube.com/watch?v=iUUFIdAsj2o&feature=youtu.be

Masks Panel

Masking Basics: Russell Brown
http://tv.adobe.com/watch/the-russell-brown-show/masking-basics-in-photoshop-cs5/

4

Tutorial 4: Type Layers & Type Masks

Tutorial 4: Formatting Point Text

butterfly doneTutorial 4: Horizontal vs. Vertical Type

After completing that video, I decided to rearrange the type layers. I think they look better in this version.

Tutorial 4: Type Mask Tool

Tutorial 4: The Type Mask Tool 2 (from last semester)

Tutorial 4: Formatting Paragraph Text

Tutorial 4: Smart Objects & Smart Filters

Download files used for these videos: wk4-type_examples.zip

Tutorial 4: Type Mask 2 ( addresses problems some of you were having with the Type Mask Tool)

 

Resources

A Guide to Type in Photoshop: http://www.addictivetips.com/windows-tips/a-complete-guide-to-type-in-photoshop-tutorial
Note: Adobe uses point and paragraph "text" so we have done so here. This tutorial mixes text and type.

50 Stunning Type Tutorials from Smashing magazinehttp://www.smashingmagazine.com/2009/03/04/50-stunning-photoshop-text-effect-tutorials. Many of these tutorials go way beyond what we have covered here.

Watch and Learn Warping Texthttp://tutorials.watchandlearnphotoshop.com/tutorials/ps/warp_text.html
Nicely done, but it is in an earlier version of Photoshop. Also, for Mac folks with one button trackpads, the keystrokes are Control + click, not the Command + click the video states.

5

Tutorial 5: Masking Layers

Guided Exercise 5.1, Combine two images with masking, Part 1
Here I made the 05-paradise.jpg document slightly differently than in the book. There are so many ways to do things in Photoshop...

Guided Exercise 5.1, Part 2

Guided Exercise 5.2 Make a type layer with a filtered pixel mask

Guided Exercise 5.6 Make a Collage of Layers inside a Clipping Mask

Gradient Masks adapted from GE 5.3.

Guided Exercise 5.6 redo, using Mini Bridge and Smart Objects
I've been getting a lot of questions about the purpose and use of Smart Objects. This video should help.

 

Resources

Masking Basics

Unveiling Photoshop Masks provides nice examples for pixel and vector masks. (We know, we haven't covered vector masks yet.)
http://www.smashingmagazine.com/2009/12/17/unveiling-photoshop-masks

Differentiating Layer Masks and Clipping Masks

Getting to Know Layer Masks and Clipping Masks in Photoshop
http://www.myinkblog.com/2009/11/30/getting-to-know-clipping-masks-and-layer-masks-in-photoshop

Never erase again - Using layer masks
Done on an earlier version of Photoshop, but visually very clear http://www.youtube.com/watch?v=0rHCzYsWy9A

Photoshop Masks video: http://www.youtube.com/watch?v=Fawg_ssr6jM

Clipping Masks (AKA Clipping Mask Groups)

PHOTOSHOP TUTORIAL USING CLIPPING MASKS - Nate Bell
http://www.natebal.com/2010/09/photoshop-tutorial-clipping-masks

Mask layers with clipping masks (Adobe Help, CS4 but still relevant)
http://help.adobe.com/en_US/Photoshop/11.0/WSfd1234e1c4
b69f30ea53e41001031ab64-7853a.html

Simple Clipping Mask Examples from Elated.com: http://www.elated.com/articles/creating-and-using-photoshops-clipping-masks

YouTube Video from Ken (starts with an advertisement from him): http://www.youtube.com/watch?v=1v4L6FEzxko

6

Tutorial 6: Image Evaluation

For these videos, I am using other images than the ones in the book to give you more experience in evaluating images.

Understanding Image Key

Images that are too light

Images that are too dark

Images that lack contrast

Using the Color Sampler Tool to identify a color cast

Original files used for these videos: tut06-examples.zip

Tutorial 7: Color Theory

Recorded in class, sound is low. You may need to max your computer volume to hear well. These videos are longer than most.

Color Theory 1

Color Theory 2

 

Resources

Histogram

Understanding the Histogram - Photoshop CS5 http://www.youtube.com/watch?v=BUaE-C1RkiE

How to read an Image Histogram in Photoshop: http://www.photoshopessentials.com/photo-editing/histogram

Info Panel

Photoshop Tutorial - Info Panel includes Info panel tricks not covered in this tutorial. http://www.youtube.com/watch?v=3b1YUia1eDc

Adobe Help on the Info Panel: http://tiny.cc/uducd

Color Sampler Tool

How To Use The Color Sampler Tool In Adobe Photoshop http://www.youtube.com/watch?v=gWirLZ2BQEg&feature=related

7

Tutorial 8: Adjusting Tones & Colors

Assignment descriptions for weeks 7-8: recorded in class. You may need to turn up your volume.

Adjustment Layer Basics

Adjusting Individual Channels

Using the Set Point Eyedroppers

Removing the Color Cast from the Blue Woman

Ripples Example

Shadows/Highlights Adjustment

Using Layer Masks with Adjustments

Comparing the Levels and the Curves adjustments

Curves Adjustment Notes: very primitive PDF

Practice Images: tut08-extras.zip

 

Resources

Adjustments panel

Photoshop CS5 Tutorial The Adjustments Panel Adobe Training Lesson 10.3http://www.youtube.com/watch?v=5BTOUFu2VJE
Excellent visual overview (video)

Adobe Help on the Adjustments Panel: http://tiny.cc/z1ba7

Adjustment Layers

Introduction to Adjustment Layers: http://tv.adobe.com/watch/learn-photoshop-cs5/gs05-introduction-to-adjustment-layers Michael Ninness

Levels

Photoshop CS5 for Beginners - #13. Using Levels
http://www.youtube.com/watch?v=G8gI-jXiGe0
Good visuals. Not done in the Adjustments panel until the end. Still uses the old term "palette" for what Adobe renamed "panels" in CS4.

Scott Kelby: How to Use the Levels Command in Photoshop CS5
http://www.picturesocial.com/video/how-to-use-the-levels-command Video tutorial without the Adjustments panel

Fix Tone and Color with Levels In Photoshop
http://www.photoshopessentials.com/photo-editing/tone-color/
Non-video, step by step. Be sure to click to additional pages at the bottom.

8

Review + MidTerm Projects + Exam

Review 1: further discussion of image key, with examples from student-submitted images. (27 minutes

Review 2: some Camera Raw + instructor-restored images to inspire you for the second half of the class and to encourage you to continue on with the Fixing Photoshop Images taught by Donald Laird this fall. (17 minutes)

More image restorations, with examples of layer masks and clipping masks. (14 minutes)

Masking review (19 minutes)

Forum questions including masking, type, and smart objects.
(33 minutes)

Exposure vs. Brightness in Camera Raw video: Brightness vs. Exposure, from Matt K: http://tiny.cc/jnMf2b

 
9

Tutorial 9: Touching Up Photographs

Part 1: reviewing assignments for weeks 8 and 9 + copyright/fair use discussion

Part 2: overview of Image Restoration module + scanning demonstation and discussion

Part 3: Clone Stamp and Touch Up Tools

files for class: week9.zip (only used for the hands-on in person class, which I could not record)

 

Resources

Not all of these tutorials are on CS5, but I reviewed each one to be sure it is relevant.

Clone Stamp Tool

How to use the Clone Stamp Tool in Photoshop by Madalin Tudose: http://www.ourtuts.com/how-to-use-the-clone-stamp-tool-in-photoshop

Healing Brush and Spot Healing Brush Tools

Removing Skin Blemishes With The Spot Healing Brush
http://www.photoshopessentials.com/photo-editing/spot-healing-brush/ written tutorial with screen shots

Photoshop CS5 - Healing Brush Tool
http://www.youtube.com/watch?v=y13mOBUHwOo

Master Spot Healing with Content Aware: good techniques.
Audio is a bit hard to understand
http://tv.adobe.com/watch/mareks-mastering-techniques/master-spot-healing-brush-with-content-aware-/

The Patch Tool

De-Aging in Photoshop: well-done
http://www.youtube.com/watch?v=cHJuarnCvJE&feature=related

10

Tutorial 10: Adjusting Tone, Color, & Focus

Tutorial 10 files used in class videos

Upcoming Assignments (summarized on the Assignment page)

Grayscale example with Curves adjustment and toning tools
(Heiman grandparents)

Color example: dodge, burn, sponge with type

The Pigeon

Focus tools + History Brush: the twins & the graduate

Camera Raw Details tab to both sharpen the overall image and to reduce noise, especially digital noise. Also demonstrates problems with the Blue channel

 

Resources

Not all of these tutorials are on CS5, but we reviewed each to be sure it is relevant.

Dodge, Burn and Sponge Tools

Teeth whitening with the Dodge and Sponge tools - Photoshop CS5http://www.youtube.com/watch?v=TrC1xbqeYJ0

Dodging midtones and shadows: Photoshop CS5 One-on-One
http://www.youtube.com/watch?v=hAlDYFzYTro&feature=related

Multiple Tools

Photoshop: Healing Brushes: excellent video tutorial
http://www.youtube.com/watch?v=OGX15p8lXHk

10 Min Photoshop Facelift: How To Remove 30 years with CS4
http://www.youtube.com/watch?v=lowN96i9Skg&feature=related

Ultimate Guide to Healing in Photoshop http://tiny.cc/mr3c6

Sharpening

Advanced Sharpening - Dr. Russell Brown
Older version of Photoshop, but nicely presented.
http://www.youtube.com/watch?v=TLJZzZejTTk&feature=related

11

Tutorial 11:
Grayscale Conversion & Colorization

Additional files (monarch butterfly & squash girl) You don't need them until I demo them next week.

Assignment Discussion

RGB to Grayscale 1

RGB to Grayscale 2

Use Adobe Bridge to make a contact sheet

Colorize a grayscale image

The Image > Adjustments > Match Color command

The Replace Color Tool

 

Resources

RGB to Grayscale Conversion

Jeff Schewe: Color to Grayscale in Photoshop
http://www.pixelgenius.com/tips/schewe-color-bw.pdf
Subtitle: why black and white film is dead. It's old, but valuable.

Photoshop RGB to Black & White: Which Images Should You Convert? http://thediscerningphotographer.com/2010/07/15/photoshop-rgb-to-Grayscale/

Seven Black and White Photoshop Conversion Techniques
http://photo.tutsplus.com/tutorials/post-processing/7-black-and-white-photoshop-conversion-techniques/
Covers more techniques than we did. Gorgeous examples.

Channel Mixer Adjustment Layer

Mix Color Channels Adobe Help http://tiny.cc/j0vfs

Photoshop black white Channel Mixer Video Tutorial
on an older version of Photoshop, but very clear
http://www.youtube.com/watch?v=7QH1ho8Dv98

Monochrome from Colour, Ian Lyons
Lovely example, uses an earlier version of Photoshop
http://www.computer-darkroom.com/tutorials/tutorial_2_1.htm

Black & White Adjustment Layer

Converting Color Photos to Black & White Russell Brown
On Photoshop CS3, but appropriate for us
http://www.adobe.com/designcenter/video_workshop/?id=vid0017

Black & White Adjustment Layers, Richard Harrington
A variety of interesting techniques, not all covered in our Tutorial 10
http://tv.adobe.com/watch/photoshop-for-video/black-white-adjustment-layers/

Convert a color image to black and white Adobe Help
http://help.adobe.com/en_US/photoshop/cs/using/WS1B7B60D9-C2BF-4706-862C-B539CB8A5C3Ca.html

Image Mode Conversion

Convert an image to another color mode Photoshop Help http://tiny.cc/9momi

Colorize Grayscale Images

Colorizing a Grayscale Image
http://www.planetphotoshop.com/colorizing-a-Grayscale-image.html

How To Add Color To Black and White Photos in Photoshop
Uses the Color Balance adjustment in an older version of Photoshop, but the steps are very clear and can be applied to other adjustments.
http://emptyeasel.com/2008/04/29/how-to-add-color-to-black-and-white-photos-in-photoshop/

12

Tutorial 12: Case Studies

Case Study 1: Sailor Boy

 

Resources

Transfer images from iPhone or iPad
http://www.youtube.com/
watch?v=3ACTjkNi7yY&feature=mfu_in_order&list=UL

How to replace a head using a donor image
Good techniques for perfecting group photos
http://www.youtube.com/watch?v=H82t7RUUlJc

For fun: Celebrity Face Swaps in Photoshop
http://www.youtube.com/watch?v=W280zKfSJkA&feature=fvwrel

Remove and replace heads in Photoshop Also amusing, but with nice techniques
http://www.youtube.com/watch?v=hv_2iJz55Mo&feature=related

Here is another one, recommended by one of our students. It's a bit racy: http://tinyurl.com/6tzegl8

And, if you have time on your hands and want some amusement, google "
Photoshop makeover videos
."

13

Tutorial 13: Vectors & Shapes

What's due + Get Photos from Camera demonstration in Adobe Bridge

Fill Layers: a few times in this tutorial I say Shape Layer when I mean Fill Layer. Sorry.

Guides, Grids, and Beginning Shape Layers

Shape Layers 2

Geometry Options for the Rectangle tool

Snowman 1

Snowman 2

Set up a document with the grid and guides

Make the Shape Gallery (place documents with MiniBridge)

 

Resources

Grids and Guides

Change Grid Size Photoshop
http://www.youtube.com/watch?v=EKHFHCMKh2k
Windows only, but Mac users can figure it out

Photoshop Grids, Guides, and Rulers
http://www.youtube.com/watch?v=geGwmRZn6dg&feature=related

Fill Layers

Photoshop Fill Layer: Easy and Non-Destructive
Good information, covers 16-bit images too.
http://www.kenleegallery.com/html/tech/bronze.php

Blend Modes

Photoshop Top 40 #11 - Opacity Mode and Blend Modes
Deke McClelland Nice video http://www.youtube.com/watch?v=je8Sox2gJc4

Angie Bowen: An Explanation of Photoshop Blend Modes
First rate tutorial with sample images to download
http://www.myinkblog.com/an-explanation-of-photoshop-blend-modes/

Unraveling the Science Behind the Photoshop Blend Modes
More examples, and a different approach. Lots of keystrokes too, but only in Windows. Mac folks, substitute Option for Alt. http://richworks.in/2010/06/unraveling-the-science-behind-the-photoshop-blend-modes-1/

Photoshop Help on Blend Modes: http://tiny.cc/ho1sp

Vector Shape Layers

Photoshop CS5 Tutorial Shape Layers & Shape Options - video
http://www.youtube.com/watch?v=_VhC-_0XiaI

Photoshop Shapes And Shape Layers Essentials
Step by Step for all the Shape tools, simple examples. Be sure to view all three parts. http://www.photoshopessentials.com/basics/shapes/

Using Custom Shapes in Photoshop - simple case study
http://akvis.com/en/photoshop-tips/shapes.php

14

Tutorial 14: Filters

Filter Assignments

The Filter Menu

The Diner

The Diner with Smart Filters (not in the book)

Water Background from scratch + Smart Filter on type
(not in the book; note that some filters gave no results on the type layer)

Fir

Leaves Guides + Filtered

 

Resources

Adobe Help

Filter Effects Reference: http://preview.tinyurl.com/7hvomfs
Blending Mode Descriptions: http://preview.tinyurl.com/722acfx

Accented Edges Filter

Photoshop Filter - Brush Strokes - Accented Edges Excellent explanations: http://tinyurl.com/7ayj892

Bas Relief Filter

Super quick painterly effect in Photoshop: uses other filters as well:
http://www.youtube.com/watch?v=0GKipkUSimg

Cutout Filter

Use Photoshop's filters to make simple illustrations – understanding Cutout Filter: http://tinyurl.com/7jkeocg

Photoshop Tutorial - Filters: Cutout excellent video:
http://www.youtube.com/watch?v=-BQtOwVODhg

Crosshatch Filter

Put Photoshop's Crosshatch Filter to Work: Photoshop CS2, but still quite valuable: http://tinyurl.com/83x4y62

Dry Brush Filter

Photoshop Dry Brush Filter, Leona Barratt, quick video
http://www.youtube.com/watch?v=iD7dNJUIpnM

Photoshop Tutorial - Filters: Dry Brush, more detailed video by andina0: http://tinyurl.com/7hjm5pp

Find Edges Filter

Short Find Edges Tutorial: http://www.ontfin.com/Word/find-edges/

Glowing Edges Filter

Quick example: http://www.flickr.com/photos/anguskirk/2992056322

Paint Daubs Filter

Photoshop Tutorial - Filters: Paint Daubs: good examples
http://www.youtube.com/watch?v=XlZj_T416S4

Sketch Filters

Turning photos into drawings. Excellent examples.
http://www.squidoo.com/psdrawing

Poster Edges Filter

Filters: Poster Edges, excellent video, with good explanations of the settings: http://www.youtube.com/watch?v=_PHVl4OYYRo

Combining Reality With A Rotoscope-Style Painting: nice example, http://tinyurl.com/2b7acxo

Texturizer Filter

Using the Texturizer Tool in Photoshop to make Scrapbooking backgrounds. Here you will use your own texture, not one included with Photoshop. http://tinyurl.com/88kod78

Watercolor Filter

Photoshop Tutorial - Filters: Watercolor: nice video: http://tinyurl.com/8a7y8yl

Bonus

Guest Lecture Class: bonus material

Dan Johnson from AJ Printing (his printing company printed our textbook in digital color) gave a very informative session on color printing. It was a joint class with Cyndi Reese's Advanced InDesign class.

The webcast recorded by Cyndi Reese can be viewed at:
http://experts.adobeconnect.com/p3gt7n73484/

flash dialogIf you get a dialog box asking to store information on your computer, clidk OK so that the video will first download and then play. The beginning of the video doesn't have much happening, as it is just the beginning of the session.

Dan's PDF slideshow can be viewed at:
Slideshow from Dan's presentation

 

CS 70.13
Image Correction and Restoration with Adobe Photoshop

Course Description http://tiny.cc/9dmsdw

Presentation from instructor, Donald laird

Course will be taught in person on Monday nights in Santa Rosa. Predominantly in person, with limited accomodation for students who cannot attend the traditional class.

16

Tutorial 15: Web Graphics

End of course assignments

Big Project setup, with quick explanation of CMYK color

Web file formats: JPEG vs. GIF

Web file formats: PNG

Setup to view web graphics in browsers

Output settings

 

Resources

 

17

What's due wrap-up

Tutorial 16: Archival & Print File Formats

Tutorial 17: Actions & Batch Processing

 

Resources