Professional Documents
Culture Documents
Molly B. Frank
mollybfrank@hotmail.com
Topic & Scope for Photoshop Lessons
The lesson plans are designed for beginners with initial exposure to Photoshop software. The lesson is
intended for middle school students who show interest graphic design. The learners are using
Photoshop in conjunction with editing photos for the newspaper, yearbook or school website. The
lessons introduce the learners to the tools needed to edit and repair photos for publication. The basic
editing tools are intended to prepare students for designing and laying out pages for publication.
♦ Photoshop Toolbox
The intended audience consists of 14-15 year old students, who are seeking basic information for
editing photos for publication using Photoshop.
Entry Competencies
Pre-requisite skills required include the ability to read, operate a computer and participation on the
yearbook staff. Manual dexterity is required to operate the computer.
Learner Attitudes
Students who are enrolled in the class are expected to be highly motivated in effort to publish a
pristine yearbook and website to represent excellence at their school. Students enrolled in this class
are expected to continue their interests into high school.
The module is designed to address the learning styles of both visual and kinesthetic learners. The
following summarizes learner characteristics, competencies and attitudes expected:
♦ No Photoshop experience
The learner is taking the Photoshop course as part of the required yearbook curriculum. Since the
class is an elective the learner’s motivation is considered intrinsic. The learner’s attention is gained by
introducing how using Photoshop can improve the layout and quality of a publication. The content
must reveal information relevant to the student’s interest, skill-level and need. The content will
provide the student’s with the skill-set to edit photographs and create page layouts for both the
yearbook and website publications. The completion of the lessons will enable the learners to create a
finished product of a page layout.
Orientation Activities
The introduction will discuss the objective of the lesson and also include an overview of Photoshop’s
use in editing and layouts. The lessons will assume that the student has experience in photography
and page layout design principles. Adaptations will be provided for students who wish to seek
advanced instruction.
The lessons will transition from photo editing for different platforms into photo enhancement and
layout. Each lesson provides an overview of objectives, introduction and demonstration, individual
activity and lastly evaluation
The lessons are chunked to allow for easier comprehension. Each chunk will present information as
follows:
♦ Saving photos for use on different platforms- conceptual and performance objectives
The lessons are delivered via instructional packets so as to be readily available to any yearbook student
preparing to learn how to edit photos for their page layouts. Each student will be able to proceed
through the activities at their own pace. The lessons seek a generative strategy to enhance recall of
procedures and principles. The lessons are designed conceptually by giving students practice
scenarios to test out their editing skills. The performance objectives will be taught using illustrative
models and interactive media components. These approaches allow the students to rehearse and
mentally practice the procedures for comprehension. Students will benefit from realistic concrete
practice.
Evaluation
The activities will provide an opportunity for the student to individually evaluate acquired knowledge.
Guidance will take the form of feedback during the activity and by successfully completing handouts
and comparing the final product to the examples provided. The instructor will evaluate the final
products according to a performance and criteria rubric. It is expected that students will apply the
knowledge in creating the yearbook and website.
Name: Molly B. Frank School: Scribner Middle School
Date: 00/00/00 Grade Level(s): 8th Grade
Length of Lesson: 50 min
Content Area: Computer Arts Topic(s) Photoshop – Editing Images
7. ACTIVITIES
• “File Types”- identify formats and platforms.
• “Saving”
• “Photos for the Web”
• “Cropping”
• “Borders”
• “Resizing”
• “Selection tools- to move; duplicate; and resize”
• “Backgrounds”
• “Repairing Images”
8. ADAPTATIONS
• Give the students leading questions.
• Advanced students: will be guided with the additional tips to take a more
in-depth look at the options available for each tool.
9. DESIGN QUALITIES
• Individual: Each student will be working with a one-to-one computer ratio.
• Working Together: Encourage students to assist their neighbors and
discuss.
• Authenticity: The students will be editing the images to be published in the
school yearbook and on the school website.
File Types:
There are three types of file formats that we will use in this class: GIF, JPEG,
PSD. It is important to know which file formats are most efficient for various
platforms. Below is a list of various platforms and their ideal formats.
The PSD file is used as a default or original file source. This format allows you to
continue to manipulate every aspect of the photo. Whereas once it is saved as a
JPEG or GIF the layers are compressed and the image can no longer be
manipulated for further changes.
*Suggestion: Always keep a backup of the final file in the PSD format.
Saving:
When saving select your file type from the drop-down menu in the format box.
Then click save.
When editing a file always save and change the file name at the beginning. This
will maintain the original image and avoid accidently saving the edited image over
the original.
*Suggestion: Save early and save often.
Photos for the Web:
To save your edited photo for the web, choose Save for Web from the file menu.
Select the 4-up
tab, located in the
top left corner of
screen, to see a
preview of four
different versions
of your image.
This view allows
you to compare
image quality and
download times.
If you right-click on the image you can select the expected internet delivery
speed of your target audience. Notice the speeds next to each.
To help determine the appropriate selection for your audience, look at the list
below:
Most households will have an average download time of 512 kbps (kilobytes per
second). If you choose 512, notice the download times for each of the three
available choices. Choose the one that best fits your needs. Then Click the Save
button and change the filename to identify the image a suited for the web.
(e.g. - webbaby.gif)
Cropping:
Many pictures will need to be cropped for interest or to cut out unwanted
elements.
-If you agree with your selection press ENTER. You may adjust your selection by
clicking and dragging the handles OR press the ESC key to deselect the image.
Borders:
Borders are added to photos for visual interest or to help blend an image into the
page layout.
First, you must select the entire image to add a border. Click Select>All (Ctrl
+A). You should see the marching ants around your selection. Under the Select
menu choose Modify and Border. In the border dialog box you are given the
choice of how many pixels wide your border will be. (Pixels are the tiny individual
dots of color within an image).
Let’s experiment with the pixels.
We will see how wide 200 pixels
become.
-Enter 200 in the width box.
-Click OK.
You will see that the selection has
moved inward creating a border.
This may be too wide. To change
the width, just go back to the
Select menu and choose Modify and
Border. Adjust the pixels until you
find the appropriate width.
Smoothing- To adjust the corner angles around your border, go back to the Select
menu and choose Modify and Smooth. Smoothing will round the rectangular
corners of the border. In the Smooth dialog box, type the radius of which you
would like to round out the corners. For example, try 100, 50, and 25 to view the
different results and then choose the radius of your choice.
*Remember- At anytime, you may click Edit Undo to take you back to the previous
step.
Filling the Border- To access the Fill dialogue box, click the Edit menu and Fill.
Resizing:
You may need to resize the image for your page layout. While doing this you want
to maintain the integrity (quality) of the image and resize it appropriately for its
intended platform (print or web). The best tool to resize appropriately and
maintain quality is the Resize Image Wizard.
Click the Help menu and select Resize Image. First, determine if you intend your
image to be printed or published to the web, then click next. Second, determine
the desired size by entering the width. *Notice that the heighth is automatically
calculated for you to maintain the correct proportions (to avoid skewing the
image), then click next.
Third, choose your halftone screen. The higher the halftone the greater number
of pixels will be used in the image. Read the description below each selection to
help you determine the appropriate half-tone for your platform.
Now choose your Image quality level. Keep in mind that the higher the quality the
bigger the file. If you intend to print the image, high quality is desired. If you
intend to post to the web then low quality will suffice. Make your selection then
click next.
When you have clicked the finish button your resized image appears in a new
window where you may now save. *Remember to choose Save As to change your
file name. Close the window to return to your original image.
Selection Tools:
The selection tools allow you to isolate elements of a image and edit or manipulate
them to improve the layout.
To Move:
Depending on the shape of your item, choose the rectangluar or elliptical marquee
tool by right clicking on the marquee button and making your selection.
Select your element by clicking and dragging with your mouse. You may reselect
your image if you didn’t make the correct seelction the first time. When you have
your selection, go back to the toolbar and click the Move Tool and then click and
drag your selecton to its new space.
To Duplicate:
Choose a marquee tool for your selection then click ctrl+ C and ctrl + U. Choose
the Move Tool and move your duplicate to its new space.
Resize a Selection:
Make your selection then click Show Transform Controls. Choose the Move Tool
from the toolbar and then proceed to click and drag the corner handles to resize
and keep the proportions in check. Press enter to finalize selection.
Backgrounds:
Open a blank canvas by first clicking File then New. Enter the size of your page
or final image for web (example- 8.5” x 11”). Choose White as your background.
For a solid color go to the toolbar and choose a color for your background by
clicking the paint bucket. Next, select the color picker tool and choose a color
for your background the proceed to click your canvas.
For a fill effect, right-click the paint bucket on the toolbar and switch to
gradient. Click the gradent editor button located on the options toolbar at the
top of the screen.
The gradient editor allows you to choose your colors and fill effects for the
background of your canvas. Choose the color and effects that you feel are most
appropriate for your needs.
Repairing Images:
Red-Eye Removal Tool:
Red-eye happens when the camera’s flash is reflected in the eye. Usually in
close-up photos, where the flash is straight-on.
Open your file for editing. Zoom-in close enough to easily see the red-eye
located in the pupil. On the toolbar right-click on the the healing tool and select
the red-eye tool.
Open your file for editng. Zoom-in close enough to easily see the imperfection.
On the toolbar right-click on the healing tool and select the spot healing tool.
Check the options
toolbar for the
appropriate brush
size and mode.
Photoshop Rubric
Often off task. Disruptive to Often off task. Did not disrupt Always remained on task and helpful to
On Task Off task on occasion.
others others others.
Inappropriate Image.
Importing Appropriate image used in most Appropriate image. Good selection Highly appropriate image. Superior picture
Selection process poor, picture
Graphics instances. process, picture clear. quality.
fuzzy.
Appropriate use of color and design. Use of color and design show excellence and
Use of Color &
Poor color and design Average color and design Image shows interpretation and use of originality. Image shows a sophisticated
Design
tools. use of tools.
TOTAL / 20
Resources
Cashman, Thomas; Shelly, Gary; Starks, Joy (2007). Adobe Photoshop CS2- Comprehensive
Concepts and Techiques. Boston: Course Technology, a division of Thompson Learning,
Inc.
Starks, Joy L. (2007). Proceedings from Track C “Photoshop”: Tech Camp July ‘07. IUPUI School
of Engineering and Technology; Indianapolis, IN.
Vrinten, (n.d.). GPA 90 Introduction to Computers. Retrieved September 30, 2007, from
http://www.scs.sk.ca/edf/info/gpa9/docs/Flash%20marking%20rubric.doc.