digital imaging

Course Name: Digital Imaging
Course Number: Art 84

Instructor's Name: Mike Enright
Contact: enright@menright.com

Meeting Time: Monday 2:00 AM - 5:45 PM
for section DO1 and Friday 10 AM to 1:45 PM
for section DO2

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

Rules

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)

 

Assignments

Here's the final, guys: download it here and get it back to me printed, emailed, or transferred on a flash drive. Please hand in any unfinished assignments as well, and my sincere thanks to all of you for an intense semester!


Note: here is an updated pdf showing 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 square that does not mean you didn't do it; it just means I don't have it.

Updated Assignment Matrix


Assignment 14: Event Poster (extra credit)

Create a poster for an event like a local dance, a concert, a political meeting, the grand opening of a new business, or the reception for a local art show. Find several images on the internet to give some visual pop to your poster; decide on which font or fonts you are going to employ; add some design elements as well, like a border, dividers between different parts of your poster, or shapes interspersed throughout the design.

Here are the basic rules:

1. Each poster comes in two versions (like the zombie poster): one in landscape mode (1000 pixels wide by 600 high), and a second in portrait mode (600 wide x1000 high).

2. The event needs a name, a date and time, and a location. It might also have a description or any extra details that would make sense (ticket prices, for instance).

3. Some photos should be included.

4. Some drawn elements should be included; a row of stars after a name, for instance, or a border, or small illustrations that are not photos.

Here are some examples:
The Walkmen
Athlete
Global Mall
Boo Johnson

Slappy Sunday
Perry Baggs


Assignment 13: 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 12: 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 11: Converting to Monochrome / Colorizing / Historical Photos

t

Part A of today's assignment is to take this color image and use the Channel Mixer (Layer > New Adjustment Layer > Channel Mixer) to convert the color to monochrome.

t

Here's a quick tutorial on the Channel Mixer technique with some good example images.

Part B is to do the opposite. Take this original black and white image and convert it to color. Here's what the final image should look like:

t

At this point, take a look at my new tutorial showing the process of converting a grayscale image into color. This technique will also be used in steps C, D, and E.

Part C, D, and E: 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 it up and colorize it to make it look as good as if it were originally a modern color photograph. Here's my tinted version of the Saigon execution.

Assignment 10: 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 9: 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 8: Lens Correction / Panoramas

1. Choose Distort > Lens Correction from the Filters menu and eliminate the wide angle distortion in this picture: grill.jpg (the wooden rails seen behind the grill should be straight lines). The camera was a Nikon D80; choose "Nikon Corporation" from the dropdown list on the right, then a "D90" (similar to the D80) from the camera list. Choose a Nikon 18-200mm 5.6 from the lens list, the lens I was using.

If you need to do additional straightening, choose the Move tool, look to the top of the Photoshop window, and make sure "Show Transform Controls" is checked. You will then see anchor points at each corner. Select one of these with the Command key pressed, and you can create further distortions in the image.

2. Stitch together a single panoramic image from the images found below:

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

B. tajLeft.jpg, tajMiddle.jpg, and tajRight.jpg. To see what the final panorama should look like, click here.

C. 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 7: 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 6: 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 5: Retouching Part 2

Finish the last retouching assignment from last week (ME NYC 79, Horrible Family Portrait, and Fritz the Dog). 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 4: Retouching Part 1

Finish assignment 3 (Swap Harriet for Liv) if you are not done with it. Put your name in a text layer, make it a jpg, and hand it in.

A. The first part of today's work will be to use a quick-mask layer to isolate the toy clown from its background. The important thing here is to use the quick-mask; DO NOT DO THIS BY ERASING PART OF A LAYER OR BY DELETING PART OF A LAYER! When you have isolated the clown, find a new background from an Internet search and place him there. Extra points if you can figure out how to give him a shadow!

Click here to download "clown-v2.jpg"

B. The second part of the assignment will be take a picture that's in really terrible condition and repair it, then colorize it. 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.

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 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.