digital imaging

Course Name: Digital Imaging
Course Number: Art 84

Instructor's Name: Mike Enright

Meeting Time: Thursday 2 to 5:50

Course Description

The class will be manipulating bitmap computer images using Photoshop, the industry-standard tool for the editing of photographs and other digital images. Upon successful completion of this class, you should be able to:
• feel comfortable working within the Photoshop environment
• select any part of the image using a variety of tools
• use layers and adjustment layers
• use Photoshop filters and adjustments
• be familiar with masking techniques
• discuss your work, and the work of your colleagues, using appropriate vocabulary


Attendance in all sessions is required. Instructors keep an official record of absence in their grade folders. Students excessively absent will see their grades go down, and will quickly find it difficult to follow new topics that depend on earlier lessons.

Classes begin promptly at the times indicated in the Schedule of Classes. Arrival in classes after the scheduled starting time constitutes a lateness. Latecomers may, at the discretion of the instructor, be refused admission to a class session and/or incur an official absence.

Grade Evalution

Required Materials

100 MB (minimum) USB FLash Drive

Recommended Text

Photoshop CC Visual Quickstart Guide
Elaine Weinmann and Peter Lourekas
Peachpit Press; 1 edition (July 7, 2013)



Here's the final, guys: download it here and get it back to me printed, emailed, or transferred on a flash drive. YOU DO NOT HAVE TO COME IN TO DO THE FINAL! I will be in the classroom from two to four on Monday to accept any last-minute work, but there is no reason to attend if you have finished everything. My sincere thanks to all of you for an intense semester!

Note: here is the assignment matrix updated to reflect the assignments received on May 6. Anything handed in after that didn't make it to this version.

Again, this shows which assignments I have and which ones I don't. All work must be in my hands by the final exam date. Remember, if you see a white or gray square that does not mean you didn't do it; it just means I don't have it. A red square means the assignment has some problems you should discuss with me.

Assignment Matrix

Assignment 13: Rollovers

Today's assignment is to create an HTML table that contains six rollover objects. Rollovers on a web page happen when the mouse rolls over a picture; while the mouse is over that picture, a new image replaces the original. In the example to the left, the upper image is the one the user sees first. When the mouse rolls over the top image it is swapped with the one on the bottom, creating the rollover effect.

You will create or choose six images and resize them so they are all the same size, with 300 pixels being the longest measure on any side. Then using Photoshop filters or adjustment layers, you will create a second version of each image that modifies the look of the original. Since you'll be making two versions of each image, that will be twelve images in all. Each image will be saved using the File > Export > Save for Web module which I will go over extensively in class.

When the Photoshop work is done you will create the rollover objects in Dreamweaver, an industry-standard web-page editor. I will show you enough of that program today to get the assignment done.

Here's a tutorial on how to do it; though we'll go over all this stuff in class, you'll have to pay pretty close attention. We will use a simple HTML table to arrange the rollover items; the last part of the tutorial will help you to make that in Dreamweaver.

Click here to see what the final product will look like.

Assignment 12: Multiples

Part A: Create a photo similar to the large version of the one above. Use the large images in this web gallery to make the final image (click on the thumbnail to get the large versions). Your picture does not have to be exactly the same as the example, and you don't have to use every image in the gallery. Just put something together with the same idea.

Part B: Create a photo using multiple images of someone else. Use images of a friend or family member if you have enough pictures; if not, find multiple versions of some celebrity and use them to create something similar to the collage in Part A. Use at least five pictures of the person selected, and carefully choose the ones you want to use. For instance, don't paste a face that has lots of shadows into a sun-filled picture; instead find a face that matches the lighting of your collage. We are going to try being as realistic as we can.

Make sure you create your collage using masks alone; don't delete the parts you are cutting out - mask them instead.

The photo in Part A was inspired by the work of Pelle Cass, a Boston photographer who takes many, many images of a single location from a fixed position. He then selectively eliminates people from the pictures (or adds them in) until he has a single image with people in realistic poses but arranged in patterns that he has created. This article and video explains how he works.

Assignment 11: Combining Elements
from Similar Images (basic HDR)

Part A:

1. Open these two pictures: ceiling.jpg and light.jpg. Both were taken from similar angles but with different exposures.

2. Starting with the light.jpg image, use the rectangular selection tool to select all parts of the light; copy it and paste it into the ceiling image. Then use the Quick Selection Tool to select just the light (and none of the background) and apply a mask to hide the background.

3. Place the light in its original postition in the new image. Notice that you will have to erase the overexposed light that already appears in the ceiling image. Hide the light you have just pasted into the ceiling image and use the Clone Stamp tool and the Gradient Tool to fill in the spaces where the overexposed light appears.

4. When the background area is finished, show the layer where the new light has been posted. Using Adjustment layers, make the color of the ceiling match the color of the pasted light. Your final image should look like this: light-ceiling.jpg.

Part B:

Take these two photos (DSC_9341.jpg and DSC_9342.jpg) taken just seconds apart but with dramatically different exposures. Combine the image that shows the best version of the cloudy sky with the image that shows the best version of the castle. Use the same basic technique as in Part A above.

Part C:

Do something similar with these two images: girl-with-cat.jpg and sidney.jpg. Select Sidney the dog using the Quick Selection Tool and paste him into the girl-with-cat image.

Hint: since Sidney's tail is in shadow in the first image, it may be a good idea to flip him using the Edit > Transform > Flip Horizontal menu; that puts his tail in the shadow area on the left. Then I recommend using a mask to erase whatever parts of the floor are around Sidney to make him blend in.

Here's a finished image: girl-with-sid.jpg

Assignment 10: Big and Small and Fake

Today's assignment is an opportunity to have some fun. Create three fake images using pieces of various photos you find on the web. For Part A, create something impossibly big, like Pickles the cat:

For Part B, create something impossibly small (like an adult male climbing up the side of a cell phone like Ant Man).

Part C is totally up to you; do something fun, like the famous shark attack photo:

Or one of these hybrid animals:

Or this beautiful image based on Hurricane Sandy:

Here's a couple of web pages devoted to fakes; take a look: Museum of Hoaxes and FourAndSix.

Whatever you decide to try, have fun!

Assignment 9: Adaptive Wide Angle / Panoramas

A. Download the unedited image of the Taj Mahal on the top of this page and make it look like the edited version on the bottom. Use the Adaptive Wide Angle filter and whatever other tools you need. (I also used the Liquify filter and the Move tool, plus an Adjustment layer to reduce the contrast.)

There is also a practice image on this page that we will use in class to work with the Adaptive Wide Angle filter.

And now for some hand-sewn panoramas! Stitch together a single panoramic image from the images found below:

B. sex-peak1.jpg, sex-peak2.jpg, and
. To see what the final panorama should look like, click here.

C. tajLeft.jpg, tajMiddle.jpg, and tajRight.jpg. To see what the final panorama should look like, click here. You may want to use the Adaptive Wide Angle filter as well, either before you stich the images together or after they are assembled.

D. ferryLeft.jpg and ferryRight.jpg. Here's the finished panorama: note that I have also cleaned the image with the Healing Brush and the Clone Stamp; corrected overall whiteness with a Levels adjustment layer; added contrast with a Curves layer; rotated the image slightly to make the ferry roofline level from side-to-side; and added a cyan color cast with a Photo Filter layer. Have fun!

Assignment 8: Fix the Face

A. Take this large photo of a face and, using the Liquify filter and the Clone Stamp tool, change the look of the image and the facial expression.

B. Find a second photo of yourself or someone you know and manipulate the expression on that face, too, using the same tools.

C. Find images of at least five different actors or performers that you admire. Pick and choose the best features from each of the images and combine them into one -- a sort of super-face -- that contains all the best parts. Create a custom background behind the face when you are done.

D. Find another large face and turn it into an animated gif by making adjustments to duplicate layers while changing the expression or some other aspect of the face. Make the eyes blink, or the mouth slowly smile. Maybe go completely crazy and make an angry face start its head boiling and finally blow its top. Have fun with this one! (A custom background should also be created.)

Here's an animated gif built from the image in part A above. (I scared myself!)

Here's a useful video tutorial on how to use the Timeline window to create an animated GIF. I will also go over this in class using the face from part A above.

Assignment 7: Resident Evil Poster

Finish all previous assignments before you start working on the zombie assignment.

Using files that you find here, create two posters for RESIDENT EVIL: APOCALYPSE. This assignment has a lot of specifics, so read this carefully:

Click here to read a tutorial on assembling a poster from scratch, with some advice about putting together a title block.

If you finish early, create a poster for an imaginary film starring you and your friends. Extra credit!

Assignment 6: Retouching Part 2

Finish the last retouching assignment from last week (ME NYC 79, Horrible Family Portrait, and Fritz the Dog). I will also show you in class how to add a gradated background to the Horrible Family Portrait. Make sure your name is on the file (along with the file name), save it as a jpg, and hand it in.

The second part of today's work will consist of retouching tasks on three separate photos.

A. Castle Rock exercise: using Adjustment Layers and careful masking, make picture A look like picture B. By using a mask on a Levels adjustment layer, bring out the detail in the shadowed areas while not blowing out the lighter areas of the floor and the Hudson Valley landscape seen through the windows. Look carefully at the differences in shadow detail in the areas under and between the windows. Make a second Level adjustment layer that masks the shadow areas and makes the windows look colorful and not as bright.

B. damaged portrait: first use the Levels adjustment to improve the contrast (lights, darks, and grays) in the picture. Then use the Color Balance and Hue/Saturation adjustments to get the colors looking good. After that use the Clone Stamp and Healing Brush to eliminate the fold, then the Crop tool to make all sides of the image the same.

C. train exercise: experiment with adjustment layers until the four quarters of the image match each other in hue, levels, contrast, etc., and the image looks like a single photo again.

Assignment 5: Quick Mask / Retouching Part 1

Finish assignment 4 (Colorizing / Historical Photos) if you are not finished with Liz and all three historical images.

A. The first part of today's lesson will be to take a picture that's in really terrible condition and repair it, then colorize it. Follow along with me while I do this; the procedure is fairly complicated so pay attention.

Click here to download the original picture ("3way-hat-original.jpg"). Click here to see a cleaned-up and colorized version. You're going to have to rotate and crop, add an Adjusment layer to lighten the whole image (and to make some of the background damage disappear), repair the corner, add a drop-shadow to the layer, and paint using new layers that will be set to blend with the background. Click here to see a Flash animation made with this image.

B. The second part of today's assignment can be found here. You will be using Quick Mask mode to create and edit a selection and add a new background. Extra credit if you can figure out how to give the clown a shadow!

C. Click here for me in NYC, 1979. Make Adjustment Layers to lighten the image, clean up scratches and spots, crop and straighten, then colorize using new layers set to Overlay or Color.

D. Click here for a horrible family portrait. Make an Adjustment Layer to lighten part of the image, make another Adjustement Layer to darken other parts, clean up scratches and spots, crop and straighten, then colorize using new layers set to Overlay or Color.

E. Click here for a picture of Fritz the dog. It's a good picture but the negative has a lot of dust on it. Make Adjustment Layers to lighten the image, clean up scratches and spots, crop and straighten, then colorize using new layers set to Overlay or Color.

Assignment 4: Colorizing / Historical Photos

Part A: take this original black and white image and convert it to color. Here's what the final image should look like:


Watch this tutorial showing the process. This technique will also be used for the other three images in the assignment.

Part B, C, and D: find three large, black-and-white historical images, like this photo from the American Civil War, or Robert Capa's famous photo from the Spanish Civil War, or these two images — execution and napalm — that helped to change American opinions on the Vietnam war. DON'T USE THESE IMAGES; FIND YOUR OWN. Make sure the images are at least 1000 pixels wide. Carefully clean them up and colorize them to make them look as good as if they were originally modern color photographs. Here's my tinted version of the Saigon execution.

Assignment 3: Swap Harriet for Liv

As a day-to-day work example, I am going to show what I did with this image from Cancun. Download it if you want to work along with me. Otherwise just watch.

First finish your Halloween Costume assignment (both pictures) from the last class, put your name on it in a type layer and hand it in.

Today's assignment is designed to introduce you to the Clone Stamp tool and to Content Aware fills. We will also be using masking techniques learned in the last two assignments. I will go over both the Clone Stamp and the Content Aware fills in class. Click here for Adobe's explanation of what the Clone Stamp does; click here for a tutorial on the use of the Content Aware fill.

Download the two images from the links below. Open the image called "liv-w-azaleas-original," duplicate the original background layer, then use the clone stamp tool to eliminate Liv from the new layer. Open the image called "harriet-pink-dress-original" and select Harriet (the girl in the pink dress) from the photo; copy it into the "liv-w-azaleas" picture. Turn the Harriet layer into a quick mask layer, then use the paintbrush tool and black and white paint to mask out everything but Harriet. Print out the final image with your name on it.

Click here to download "liv-w-azaleas-original"

Click here to download "harriet-pink-dress-original"

Click here to see the final result.

Assignment 2: Halloween Costume

As a day-to-day work example, I am going to show what I did with this image. Download it if you want to work along with me. Otherwise just watch.

A and B. Download the two images using the links provided below (both show several figures from top to bottom against different backgrounds). Create a new layer (or layers) above the photos and use the paint tools to create Halloween costumes for the people.

In addition, you will insert a new layer underneath the original and the paint layers. On this new layer create a representational background (in other words, a house, a forest, a cityscape — not an abstract design). You can use a photo as long as you alter it with the paint tools.

Note that this assignment is for BOTH PHOTOS!

For more info on this assignment and some tips, click on a tutorial page here.

When you are finished with the image, use the Text tool to create a new text layer and put your name and a title on the image. Resize the picture using the Image > Image Size menu to make it 1000 pixels wide; do a File > Save As at the JPEG Medium setting.

Click here to download the picture of children in Delhi. Click here to download the picture of tourists in Mumbai. Click here to see an example of a figure painted-over in Photoshop.

If you finish early, find a picture of yourself or friends and family. Create a new background for this picture, and paint new items on the people in the foreground. Extra credit!

Assignment 1: Foodface

Click here to see the source file you will use for this assignment. Either drag the photo directly to your Desktop, or select "Save Link As" (in Firefox) or "Saved Linked File As" (in Safari) to download the image. Open the file in Photoshop by dragging the file onto the PS icon in the dock.

Create a new Photoshop file using File > New. In the dialog box that follows, set the width and height to 1000 pixels (not inches) and the resolution to 72. Make sure the color mode is "RGB Color". You can leave everything else as is, then click OK. You can go back and forth between the two files by clicking on the tabs you will see at the top of the Photoshop window.

Now select a piece of food from the original image using one of the selector tools near the top of the Tools window. Copy your selection and paste it into the new PS document you just created. Open the Layers window and notice that this pasted item will be on its own layer. An easy way to select this item again is by clicking on that layer.

Cut away all traces of the background on this new layer using the eraser tool. Keep making new layers with other pieces of food. Rearrange the pieces using the Move tool until they create a face. Finally, draw a new background behind your food face by making a new layer and putting it underneath everything else. Layers can be dragged up or down in the window to put items closer or further away (except for the original background layer that can't be moved).

Click here and here to see some foodfaces made by fellow students. I've made a new source image this semester so they won't be exactly the same as the one you're using, but you'll get the idea.

Continue working on your image until it's as perfect as you can manage. Save the file; this will be the psd file for you to keep. Do a "Save As" to make a second version of the file; save this one as a JPEG file called "your-name-foodface". This is the version you deliver to me.

Transfer your completed work to my machine using your USB drive; if you don't have one yet you can borrow mine to make the transfer. Put it in the folder called PHOTOSHOP CLASS that you'll see on the desktop.