Writing de materials

1. Writing Interactive DE materials
Done by:Abir ALmuqrashi(89407)
Fatema ALHajri(89407)

2. The lesson is designed to be done in Adobe Photoshop
Learning 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 photographic
image. This lesson steps student through the process of acquiring, resizing and retouching a photo
intended 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.

3. Section 1: Strategy for retouching
Student can retouch photographic images in ways once available only to highly trained specialists. He can
correct problems in color quality and tonal range created during the original photography or during image
scanning. 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 of
individual 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:

4. 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 correct
Section2: Straightening and cropping an image

5. You’ll use the Crop tool to trim and scale the photograph for this lesson so that it fits the
space designed for it. You can use either the Crop tool or the Crop command to crop an
image. 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.

6. 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 range
The tonal range of an image represents the amount of contrast, or detail, in the image and is determined
by 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.

7. Figure 10.02.1
2- 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.2
3- Apply the same method to the green and blue channels with results as shown in Figures 10.02.3
and 10.02.3b.

8. Figure 10.02.3
Figure 10.02.3b
Activity 3. True or False
This tool name is eye dropper tool
Feedback
The correct answer is True

9. Section4: Removing a color cast
Some images contain color casts (imbalanced colors), which may occur during scanning or which may have
existed in the original image. This photograph of the window has a blue cast. Student will use the Auto
Color feature to correct this.
1. Open up a color image in Photoshop that has a color cast or tint.

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

11. 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 them
Activity 4. True or False
This tool name is eye dropper tool
Feedback
The correct answer is True

12. Section5: Replacing colors in an image
With the Replace Color command, student can create temporary masks based on specific colors and then
replace these colors. (A mask isolates an area of an image, so that changes affect just the selected area and
not 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 lightness
is 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

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

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

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

16. 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
formatting
Learning 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 (u089037@squ.edu.om or
u089407@squ.edu.om )to evaluate it.

17. Assignments
1. Design a Post card and CD cover with a contact sheet
2. Simulate a painting and apply digital effect to a photo
Learning Resources
Software
CD ROM
Internet
connection