Writing Interactive DE materials Done by:Abir ALmuqrashi(89407) Fatema ALHajri(89407)
The lesson is designed to be done in Adobe PhotoshopLearning Outcome: When you complete this module you will be able to import images into Photoshop, crop, resize, color correct, retouch and repair the image using a variety of Photoshop’s retouching tools.Main goal: Student will be able to correct basic photo.Adobe Photoshop includes a variety of tools and commands for improving the quality of a photographicimage. This lesson steps student through the process of acquiring, resizing and retouching a photointended for a print layout. The same workflow applies to Web images.Performance objectives:In this lesson, you’ll learn how to do the following: Choose the correct resolution for a scanned photograph. Crop an image to final size. Adjust the tonal range of an image. Remove a color cast from an image Auto Color correction. Adjust the saturation and brightness of isolated areas of an image using the sponge and dodge tools. This lesson is divided to 5 sections to achieve the performance objectives.
Section 1: Strategy for retouchingStudent can retouch photographic images in ways once available only to highly trained specialists. He cancorrect problems in color quality and tonal range created during the original photography or during imagescanning. He can also correct problems in composition and sharpen the overall focus of the image.Photoshop provides a comprehensive set of color-correction tools for adjusting the color and tone ofindividual images.Most retouching follows these eight general steps: 1. Duplicating the original image or scan. (Always work in a copy of the image file, so that you can recover the original later if necessary.) 2. Checking the scan quality and making sure that the resolution is appropriate for the way you will use the image. 3. Cropping the image to final size and orientation. 4. Repairing flaws in scans of damaged photographs (such as rips, dust, or stains) 5. Adjusting the overall contrast or tonal range of the image. 6. Removing any color casts. 7. Adjusting the color and tone in specific parts of the image to bring out highlights, midtones, shadows, and desaturated colors. 8. Sharpening the overall focus of the image.For example:
Original image Image cropped and retouched Activity 1. complete answar When retouching an image, after you duplicate the original image, you should…….. Feedback * check the scan quality and make sure the resolution is correctSection2: Straightening and cropping an image
You’ll use the Crop tool to trim and scale the photograph for this lesson so that it fits thespace designed for it. You can use either the Crop tool or the Crop command to crop animage. Both methods permanently delete all the pixels outside the crop selection area. 1. In the toolbox, select the Crop tool ( ). Then, on the tool options bar (at the top of the work area), enter the dimensions (in inches) of the finished image: For Width type2 in, and for Height type 3 in. 2. Open the image (C*-O). Choose the Marquee (crop) tool (C). 3. Drag the Marquee over the portion of the image that you want to keep.
4. Press Enter/Return or Double-click inside the marquee. Activity 2. Short answar 1- How can you use the Crop tool when retouching photos? Feedback * You can use the Crop tool to trim, scale, and straighten an image.Section3: Adjusting the tonal rangeThe tonal range of an image represents the amount of contrast, or detail, in the image and is determinedby the image’s distribution of pixels, ranging from the darkest pixels (black) to the lightest pixels (white).Student will now correct the photograph’s contrast using the Levels command. 1- Use the Adjust/Enhance > Brightness/Contrast > Levels menu to open the Levels dialog box. You can simply click the Auto button to automatically adjust the tonal range, or perform the following steps manually. To adjust it manually, you can adjust the Red, Green, and Blue channels in one adjustment or individually. The remaining steps are examples of how to adjust the channels individually.
Figure 10.02.12- Select the red channel and you will see in the histogram that most of the input comes from the shadow (dark) end of the scale. In order to make the most of available color information, you can move the black (left) and white (right) triangles in the Input box from the original 0-255 range to the 0-168 range as shown in Figure 10.02.2. Figure 10.02.23- Apply the same method to the green and blue channels with results as shown in Figures 10.02.3 and 10.02.3b.
Figure 10.02.3 Figure 10.02.3bActivity 3. True or False This tool name is eye dropper toolFeedbackThe correct answer is True
Section4: Removing a color castSome images contain color casts (imbalanced colors), which may occur during scanning or which may haveexisted in the original image. This photograph of the window has a blue cast. Student will use the AutoColor feature to correct this. 1. Open up a color image in Photoshop that has a color cast or tint.
1. click the Image menu and select the adjustments option then the levels option.2. This will open the Levels dialog box. If this box is coving much of your image try to move it off to one side if you have room. Now look at the bottom right hand corner of the levels dialog box and you should see 3 buttons in a row with a picture of an eyedropper. One black, one grey, and one white. Double click the white one.3. A new box should open up. Again if it is covering much of your image try to move it to one side. Now Look at your image and find a spot on it that should be white but isn’t due to the
color cast. Good places to look for white in images are peoples socks, white t-shirts, pieces of paper, but really any spot that should be white will work. Now the ideal spot shouldn’t be 100% pure white, but just a tiny bit darker but still fairly white. Now click that spot with your mouse. Now don’t touch your mouse! You need to leave the mouse in the exact spot that you clicked for this trick to work.4. Now look for three little boxes in a group in the color picker dialog box that have the letters R G and B to the left of themActivity 4. True or False This tool name is eye dropper toolFeedbackThe correct answer is True
Section5: Replacing colors in an imageWith the Replace Color command, student can create temporary masks based on specific colors and thenreplace these colors. (A mask isolates an area of an image, so that changes affect just the selected area andnot the rest of the image.) The Replace Color dialog box contains options for adjusting the hue, saturation,and lightness components of the selection: Hue is color, saturation is the purity of the color, and lightnessis how much white or black is in the image. 1. Select the Rectangular Marquee tool (< ), and draw a selection border around the blue wall at the top of the image. Don’t worry about making a perfect selection, but be sure to include all of the blue wall. 2. Choose Image > Adjustments > Replace Color to open the Replace Color dialog box. By default, the Selection area of the Replace Color dialog box displays a black rectangle, representing the current selection. A. Single-color Eyedropper tool B. Eyedropper Plus tool C. Eyedropper Minus tool
3. Using the first (single-color) Eyedropper tool ( ) in the Replace Color dialog box, click anywhere in the blue-wall area of the image window to select all of the area with that color.4. In the Replace Color dialog box, select the Eyedropper Plus tool ( ), and use it to select other areas of the blue wall until the entire wall shape is highlighted in white in the dialog box.
5. Adjust the tolerance level by scrubbing, dragging the Fuzziness slider, or typing 80. Fuzziness controls the degree to which related colors are included in the mask.
6. If there are any white areas of the mask display in the dialog box that are not part of the wall and therefore should not be included, fix those now: Select the Eyedropper Minus tool ( ) and click those areas in either the image window or the Replace Color dialog box to remove most of the white. (It’s OK if a few pixels in the shadowed window inset remain in the selection.)7. In the Replacement area of the Replace Color dialog box, drag the Hue slider to –40, the Saturation slider to –45, and leave the Lightness slider at 0.
As you change the values, the color of the wall changes in hue, saturation, and lightness, so that the wall is now a slaty green color. Activity 5. multiple choice 1. What does this symbol mean? A- Eraser B- Text move C- Rectangular Marquee D- Dotted line box Feedback The correct answer is Rectangular Marquee use it to select parts of an image for formattingLearning activities: 1. let students to capture picture from natural landscape. 2. Make competition between student on how they can edit the photo correctly and make change on it as they learn from this lesson and then send it to my e-mail (firstname.lastname@example.org or email@example.com )to evaluate it.
Assignments 1. Design a Post card and CD cover with a contact sheet 2. Simulate a painting and apply digital effect to a photoLearning Resources Software CD ROM Internet connection