ubd

T.l.E P.A Department(ICT Education)

SY 2011-2012

Quarter 3 Topics: Adobe Photoshop Time frame : 16 days

STAGE 1Content Standard:The learner demonstrates understanding of skills and the underlying concepts and principles photo editing.

Performance Standard:The learner performs the operations/commands that use a photo editing software.

Essentials understanding(s):Use of appropriate commands in photo editing and application of concepts in photo editing help one produce /provide a high quality and marketable products/services derived from photo editing software.

Essential Question(s):How does one produce high quality and marketable products/services by using a photo editing software?

Learners will Know:

Photo Editing by using Adobe Photoshop Introduction to Adobe Photoshop/

Parts of Adobe Photoshop- Definition of basic concept of Photo

Editing- The different parts of Adobe

Photoshop window.- Process of editing pictures/photos

Working with Adobe Photoshop Windows / Adobe Photoshop File Menu Commands

- Create a new file- Open a saved file- Browse a file from different

locations- Open as type of file- Close a picture/image- Save a file- Saves as type of files- Import file from- Export file from

Learners will be able to :

Identify the Basic Concepts of Photo Editing.

Use the menu commands of Adobe Photoshop windows

Perform simple photo editing Utilize all the parts of Adobe

Photoshop file menu commands Perform navigation Adobe Photoshop

window

Distinguish how to create, open browse, open as, close, save, save as, import and export different files and use other Adobe Photoshop features including: Adding layer, layer mask, filter, warp, opacity, color, texture and many other feature.

- Page setup- Print preview- Print

The Adobe Photoshop Toolbox- Marquee tool- Move tool- Lasso tool- Magic wand tool- Crop tool- Slice tool- Brush tool- Healing brush tool- Clone Stamp tool- History Brush tool- Eraser tool- Gradient tool- Blur tool- Dodge tool- Path Selection tool- Text type tool- Pen tool- Shape tool- Notes tool- Dropper tool- Zoom tool- Set Foreground/Background tool- Edit Mode tool- Screen Mode tool

Familiarize, execute, master and know the function and use of each Adobe Photoshop toolbox.

STAGE 2

Product or Performance task:Evidence of the level of

Understanding Performance

Identifying and familiarize the basic concepts and classifying different parts of Adobe Photoshop window and process the step of editing photos/images.

Evidence at the level of Understanding:The learners should be able to demonstrate understanding by covering the six (6) facets of understanding.

Assessment of the basic knowledge and concepts about Photo Editing based on the following criteria:

Comprehensiveness in different parts of Adobe Photoshop

Explain the importance of Photo editing software like Adobe Photoshop.

Criteria:- Comprehensive- Clarity- Conciseness

Discuss the functions and use of the different parts of Adobe Photoshop window.

Criteria:- Validity- Significance- Objective

Design a navigation of the different parts of the Adobe Photoshop window.

Criteria:- Appropriates- Efficiency/

effectiveness- Practicality

Express the importance of the different parts of the Adobe Photoshop window.

Criteria:- Validity- Relevance- Critical

Describe your initial reaction when your first use the photo editing software.

Criteria:- Responsiveness- Objectiveness- Persuasiveness

window.

Accuracy in classifying different parts of Adobe Photoshop window

Distinguish, differentiate and be familiarized the step on how to create, open, save, close, import and export files and including:

- Create a new file- Open a saved file- Browse a file from

different locations- Open as type of file- Close a picture/image- Save a file- Saves as type of files- Import file from- Export file from- Page setup- Print preview- Print

Explain the complete package of Photo Editing software like Adobe Photoshop.




Design or perform navigation on the different parts of Adobe Photoshop window.



Express the importance of the difference parts of the Adobe Photoshop window.

Criteria:- Validity- Relevance- Comprehensive

Describe your reaction when you use photo editing software the first time.

Criteria:- Insightfulness- Objectiveness- Persuasiveness

Assessment of the production plan that applies the concept and understanding of Photo Editing based on the following criteria:

Adherence to the correct concepts and principles of photo editing

Differentiate the step on using the operation in Adobe Photoshop

Completeness/comprehensiveness of the output

Execute the different Photoshop toolbox in work space or navigation area.

Explain the content and coverage of Photo Editing software like Adobe Photoshop




Design a strategy on how to navigate in the different parts of Adobe Photoshop window



Express the importance of the difference parts of the Adobe Photoshop window in editing a simple photo/picture.

Criteria:- Validity- Relevance- Exhaustive

Self-assess your notion when using the Photo Editing software the first time.

Criteria:- Objectiveness- Persuasiveness- Appropriateness

Assessment of the production plan that applies skills, concepts and understanding of commands and operations required of photo Editing software based on the following criteria:

Logical sequence of expected operations/commands to create a product.

Adhere to the correct concepts and principles of photo editing.

Completeness/comprehensiveness of the output.

STAGE 3

Teaching/ Learning Sequence:

Photo Editing using Adobe Photoshop

Adobe Photoshop is a powerful photo editing software program. Images can be

created and altered using the functions offered in Adobe Photoshop. It allows you to

work in layers. Aspiring photo editors can edit an image by adding new layers, without

altering the original image. Layers can be added and/or subtracted as you work on an

image.

Introduction in Adobe Photoshop

EXPLORE

Orient learners on the following:

Assessment tools and criteria

- Six (6) Facets of Understanding

Guide learners in understanding the concepts and underlying principles of process and

delivery in Photo editing.

Guide learners in understanding the concepts and principles of Photo editing by

exploring the following:

Parts and functions of Adobe Photoshop window

- Title Bar

- Menu Bar

- Option Bar

- Toolbox

- Navigator Palette

- Color Palette

- Status Bar

- History Palette

- Layer Palette

- Working Area/Canvas

Draw students understanding by asking essential questions:

a. How does one operate the Adobe Photoshop window?

b. When can one say that the Adobe Photoshop software is ready to use?

Introduce the Adobe Photoshop window environment.

THE PARTS OF ADOBE PHOTOSHOP WINDOW

Title Bar – Displays the name/title of your recent image or picture.

Menu Bar – Provides different sub-menus/commands for photo manipulation. It

includes commands found within other parts of the workspace, as well as additional

valuable commands for image adjustment options.

Option Bar – Provides different option setting/commands for the selected tools.

This bar changes base on which tool is selected from tools pane.

Toolbox – toolbox or the tools panel is likely the part of the Photoshop workspace you

will find yourself working the most. As the name would imply, it is where the tools you

will apply directly to the canvass are found. The panel can be broken down into a few

subgroups, including selection tools, drawing tools and others. You will notice that

many of the tools in the panel appear with a small black triangle in their bottom right-

hand corner. This means that there are addition

Navigator, Color, History and Layers Palette:

The palettes in Photoshop are located to the right of the canvass work area by default.

The palettes include: Navigator, Color, History and Layers and tools that can be applied

to the existing art/image opened in the canvass, or to specific layers or parts of your

document. Each palette also includes a palette options fly-out menu, which is located at

the upper right –hand corner of each palette. This fly-out includes additional options for

actions for the created palette. There are many more palettes available in Photoshop that

can be displayed on most screens at one time, and palettes available that are not visible

by default can be accessed from the “Window” option on the Menu Bar.

Status Bar- Displays the status of your created document/file. It also displays the

different settings you have done to your work as well as file properties and tools used.

Working Area/Canvass- The canvass is where your work is done and displayed. It is

the largest element of the workspace and is located in the middle of the application. It

can be adjusted to be smaller or larger than your actual document by selecting “Image

Canvass size” from the Menu bar. All of the content resulting from your application of

the tools and palette options are found in the canvass.

FIRM-UP

Have learners compare and edited to a non-edited picture/image.(the teacher/student

supply the edited and non-edited picture/image)

Let learners answer the questions:

- What special features have been applied on the edited picture using a non-edited

picture as your reference?

- What photo editing concepts are applied in the edited picture?

Guide learners in viewing video clips showing an actual process of editing a

picture/image. Lead them in answering the following questions:

- What is the most common photo editing tools being used?

- What are the concepts of photo editing being applied during editing process?

- What are the advantages and disadvantages of editing a picture/image?

The following are video clips on photo editing using Adobe Photoshop with the following topics and

their address on the net:

www.metacafe.com – (under the metacafe search text, type the following text “How to learn Adobe

Photoshop”)

Process learners’ understanding of the observation made during the presentation.

Assist learner in manipulating basic commands in photo editing software (navigation,

commands, shortcuts, etc.)

Have learner identify the different parts and functions of photo editing software

window.

Have learners reflect on their learning and let them analyze what and how they will use

these to concretize understanding of the concepts and principles being studied.

http://www.metacafe.com/

DEEPEN

Encourage learner to ask questions that will clarify certain issues.

Assist learners in manipulating basic operations in photo editing software.

Guide learners in identifying the different parts of the software

Lead learners to utilize the appropriate commands/procedure in using Adobe Photoshop

window.

Assess learners’ understanding of Photo Editing using six (6) Facets of understanding.

TRANSFER

Have learners discuss the advantages and benefits of acquiring the skills in photo

editing.

Assess learners at the level of performance using the criteria in Stage 2.

Working with Adobe Photoshop Windows / Adobe Photoshop File Menu

Commands

EXPLORE




Guide learners in understanding the concepts and underlying principles of process and

delivery in Photo editing.

Assist learners in understanding the following concepts and principles of Photo editing:

Working with Adobe Photoshop window

- Create a new file

- Open a saved file

- Browse a file from different locations

- Open as type of file

- Close a picture/image

- Save a file

- Saves as type of files

- Import file from

- Export file from

- Page setup

- Print preview

- Print

Draw students’ understanding by asking essential question that relate with the

discussion of the following topics:

THE PARTS OF ADOBE PHOTOSHOP WINDOWS(with their corresponding

shortcut keys)

File (Alt+F)

The “File” menu is where you begin and end. From this menu, image files can be

opened, created, saved, printed, imported or exported.

Edit (Alt+E)

The “Edit” menu allows you to make specific to the image you have opened in the

program. You can undo a previous edit, as well as perform cut, paste and copy

functions.

Image (Alt+I)

The “Image” menu allows you to make adjustments to your program. You can change

the size, color mode, contrast, adjust hues, saturation and color levels.

Layers (Alt+L)

The “Layer” menu controls how you use layers within your program. You can add,

duplicate, arrange, fill or make other changes to the layers you are working on.

Select (Alt+S)

The “Select” menu helps you select portion or the entire image to work on. This menu

also allows you to deselect or inverse a selection.

Filter (Alt+T)

The “Filter” menu allows you to make a number of filter adjustments to your overall

image. There you can make artistic changes, add textures, sharpen or blur and adjust the

noise levels. Images can be instantly transformed to resemble chalk drawing or color.

View (Alt+V) / Window (Alt+V)

The “View” allow you to zoom in or out. The “Window” menu allows you to open

palettes and menus on your screen, and arrange your toolbars, workspace and create

animation.

Have learners explore insightful file menu options of the Adobe Photoshop.

Mysterious

ADOBE PHOTOSHOP FILE MENU OPTIONS (With their corresponding shortcut

keys)

New File(Ctrl+N)

The New File menu is where you begin/create a new photoshop file. From the Menu Bar

under File options, image files can be opened, created, saved, printed, imported or

exported.

Open (Ctrl+O)

From the File menu, the Open command enables to open picture/photo/images of

different types and your previous saved Adobe Photoshop files.

Browse (Shift+Ctrl+O)

From the File menu, the Browse command will let you select picture/photo/images of

different types of Adobe Photoshop files.

Open As (Alt+Ctrl+O)

From the File menu, the Open As command will let you select a picture/photo file to

open (same as Open Command)

Open Recent

From the File menu, the Open Recent command will let you select/open your ten (10)

most recent saved picture/photo

Close (Ctrl+W)

From the File menu, the Save commands will let you close your photo editing task.

Save (Ctrl+S)

From the File menu, the Save commands will let you save your photo editing work.

Save As (Alt+Ctrl+S)

Form the File menu, the Save as command will let you save your photo editing work

with other given filenames.

Import File

Form the file menu, the Import File command will let you import plug-ins of other

related Adobe Photoshop features.

Export File

From the File menu, the Import File command will let you import plug-ins of other

related Adobe Photoshop features.

Page Setup (Shft+Ctrl+P)

From the File menu, the Page Setup command will let you set page properties for

margins, paper, and orientation and printer type.

Print Preview (Ctrl+P)

From the File menu, the Print Preview command will let you set preview properties for

layout positions, scale print size, printer type and print options.

Print (Alt+Ctrl+P)

From the File menu, the Print command directly sends print data on the selected default

printer.

FIRM-UP

Have learners compare an edited to a non-edited picture/image. (either the teacher or

learners may supply the edited and non-edited picture/image)

Let learners answer the questions:

Guide learners in viewing video clips showing the actual process of editing a

picture/image. Lead them in answering the following questions:

In groups, ask learners to come up with acceptable answer to the above questions. Have

them decide on a presentation that could acceptable showcase their answer

Enjoin learners to firm up understanding by watching video clips on Photo Editing using

Adobe Photoshop. They may use available video presentations from the Net.

Process learners’ understanding on the observation made during the presentation.

Assist learners in manipulating basic procedures in Photo Editing software (file

manipulations, tool box commands, miscellaneous, etc.)

Have learners identify the different parts and functions of Photo Editing software

window.

Assist learners in identifying the tools used in editing pictures.

Administer a formative evaluation to assess learners’ understandings. Have learners

reflect on their learning by leading them to apply its use on tasks that may relate with

editing of pictures or images.

Encourage learners reinforce learning by visiting the suggested reading resources:

DEEPEN

Encourage learner to ask questions that will clarify certain that relate with Photo

Editing.

Assist learner in manipulating basic operations in Photo Editing software.

Spot check learners’ skills in identifying the different parts of the software showing the

shortcut keys.

Lead learners in utilizing the appropriate editing tools in enhancing pictures/images.

Have learners work on a specific task relevant to photo editing to hone photo editing

skills.

Have learners apply the concepts of editing images based on their preselected theme or

concept.

Assist learner in printing the final output.

Encourage learner to critique the product of their classmates.

Assess learners’ understanding on Photo Editing by covering any of the six (6) Facets of

understanding.

TRANSFER

Have learners produce/provide quality and marketable product using the skills on

putting a picture over another picture.

Have learners put up a display/exhibition of various printouts derives from the use of

Photo Editing software.

Ask learners in group of five to apply skills on putting a picture over another picture.

Have learner market their products/services in the community.


The Adobe Photoshop Toolbox

EXPLORE

In this phase, learners will be exposed to varied activities that will diagnose their

understanding, determine their prior knowledge and surface their initial concepts that

relate with photo editing software.




- Performance standard

- Scoring Rubrics for Photo Editing activities

Guide leaners in understanding the concepts and underlying principles of process and

delivery in Photo Editing.

Assist learners in understanding the concepts and principles of Photo editing by

exploring the following:

- Marquee tool- Move tool- Lasso tool- Magic wand tool- Crop tool- Slice tool- Brush tool- Healing brush tool- Clone Stamp tool- History Brush tool- Eraser tool- Gradient tool- Blur tool- Dodge tool- Path Selection tool- Text type tool- Pen tool- Shape tool- Notes tool- Dropper tool- Zoom tool- Set Foreground/Background tool- Edit Mode tool- Screen Mode tool

Draw out learners’ understanding by the asking essential questions.

Ask learners to explore on the topics below by letting them work in small groups.

Photoshop Tool Basics (with Shortcut Keys)

This is a quick summary of Photoshop’s Tools palette with a description of each tool’s

functions and shortcuts. This shall be very helpful to those who are neophyte to

Photoshop software

Rectangular Marquee Tool (M)

Use this tool to make selections on your image, in a rectangular

shape. This changes the area of your image that is affected by

other tools or actions to be within the defined shape. Holding the [Shift] key while

dragging your selection, restricts the shape to a perfect square. Holding the [Alt] key

while dragging sets the center of the rectangle to where your cursor started.

Move Tool (V)

Use this tool to, well, move things. Usually you use it to move a

Layer around after it has been placed. Hold the [Shift] key to limit

the movements to vertical/horizontal.

Polygon Lasso Tool (L)

Use this to draw selections in whatever shape you would like. To

close the selection, either click on the beginning point (you’ll see

the cursor change when you’re on it), or just double-click. When holding the [Ctrl] key,

you’ll see the cursor change, and the next time you click, it will close your selection.

Magic Wand Tool (W)

Use this to select a color range. It will select the block of color, or

transparency, based on wherever you click. In the Options Bar at the

top, you can change the Tolerance to make your selections more/less precise.

Crop Tool (C)

The Crop Tool works similarly to the Rectangular Marquee tool

(see above if you have no short-term memory). The difference is

when you press the [Enter/Return] key, it crops your image to the size of the box. Any

information that was on the outside of the box is now gone. Not permanently, you can

still undo.

Slice Tool (K)

This is used mostly for building websites, or splitting up one image

into smaller ones when saving out. It’s kind of an advanced tool.

Healing Brush Tool (J)

This is a really useful tool. Mildly advanced. You can use this tool

to repair scratches and specs and stuff like that on images. It works

like the Brush tool (see below). You choose your cursor size, then holding the [Alt] key,

you select a nice/clean area of your image. Let go of the [Alt] key and paint over the bad

area. It basically copies the info from the first area to the second, in the form of the

Brush tool. Only, at the end, it averages the information, so it blends.

Brush Tool (B)

This is one of the first basic tools of Photoshop. It paints one your image, in

whatever color you have selected, and whatever size you have selected.

Clone Stamp Tool (S)

This is very similar to the Healing Brush Tool (see above). You use

it the exact same way, except this tool doesn’t blend at the end. It’s

a direct copy of the information from the first selected area to the second. When you

learn to use both of these tools together in perfect harmony, you will be a Photoshop

master.

History Brush Tool (H)

This tool works just like the Brush Tool (see above) except the

information that it paints with is from the original state of your

image. If you go Window>History, you can see the History Palette. The History Brush

tool paints with the information from whatever History state is selected.

Eraser Tool (E)

This is the anti-Brush tool. It works like an eraser and erases

whatever information wherever you click and drag it. If you’re on a

Layer, it will erase the information transparent. If you are on the background layer, it

erases with whatever secondary color you have selected.

Gradient Tool (G)

You can use this to make a gradiation of colors. Gradiation doesn’t

appear to be a word, but it makes sense anyway. It creates a blending

of your foreground color and background color when you click and drag it. Like a

gradient.

Blur Tool (R)

The Blur tool is cool. It makes things blurry. Click and drag to make

things blurry. The more you click and drag, the blurrier things get.

Dodge Tool (O)

This tool isn’t as crappy as the car brand. It’s actually used to lighten

whatever area you use it on. As long as it is not absolute black.

Absolute black won’t lighten.

Path Selection Tool (A)

You use this tool when working with paths. Since this is all about

the basics, I won’t go into details. It’s related to the Pen Tool (see

below) though

Horizontal Type Tool (T)

It makes type. Or text. Or whatever you want to call it. You can

click a single point, and start typing right away. Or you can click

and drag to make a bounding box of where your text/type goes. There are a lot of

options for the Type Tool. Just play around, it’s fairly straight-forward.

Pen Tool (P)

I mentioned this tool above. It’s for creating paths, in which you

would use the Path Selection Tool to select the path. Paths can be

used in a few different ways, mostly to create clipping paths, or to

create selections. You use the tool by clicking to add a point. If you click and drag, it

will change the shape of your path, allowing you to bend and shape

the path for accurate selections and such.

Rectangle Tool (U)

By default it draws a Shape Layer in the form of a rectangle. It fills the rectangle with

whatever foreground color you have selected.

Hand Tool (T)

You can really make short work of your job with the Hand Tool. It’s

for moving your entire image within a window. So if you’re zoomed

in and your image area is larger than the window, you can use the Hand Tool to navigate

around your image. Just click and drag. You can get to this tool at any time when using

any other tool by pressing and holding the [Spacebar]

Zoom Tool (Z)

Pretty obvious what this tool does. It allows you to zoom into your image. Don’t be

dumb, it doesn’t actually change the size of your image. Hold the [Alt] key to zoom out.

Holding the [Shift] key will zoom all of the windows you have open at the same time.

Double-click on the Zoom Tool in the palette to go back to 100% view.

BONUS!!

These are your color boxes. Foreground (in the front) and Background (in the back).

Click on either one to bring up the color select dialog box.

FIRM-UP

Have learners compare an edited picture to a non-edited picture/image. (The teacher or

the student may supply the edited and non-edited picture/image)

Let leaners answer the following questions:

- What special features have been applied on the edited picture having a non-

edited picture as your reference?

- What concepts of photo editing are applied in the edited picture?

Guide learners in viewing video clips showing an actual process of editing a

picture/image. Lead them is answering the following questions:

Ask learners to surf video clips on photo editing using Adobe Photoshop from the net.

Process learners’ understanding on the observation made during the presentation.

Assist learners in manipulating basic procedures in photo editing software such as file

manipulations, tool box commands, miscellaneous, etc.

Have learners identify the different parts and functions of photo editing software

window.

Assist learners in identifying the tools used in editing pictures.

Administer a formative evaluation to determine learners’ level of understanding. If they

are close to the desired level of understanding, they may be encouraged to think of was

they could apply these to creative tasks.

DEEPEN

Encourage learner to ask question that will clarify certain issues that relate with photo

enhancement and alteration.

Ask learners to perform basic photo editing software operations leading to photo

enhancement.

Request volunteers to assist peers in the performance of tasks that require photo/image

enhancements.

Test a group of learners on how there would assist peers who are in still encountering

difficulty in invoking the appropriate commands and operations of editing tools to

enhance picture/images.

Have learners work independently on specific activity that would test their skills in

photo editing.

Have learners apply the concepts of editing images on any picture/view of their choice.

Require them to present their outputs before the class for critiquing and or for possible

refinements, if there are any.

Oblige learners to print the final output by reminding them of the procedural

requirements they should observe before printing the final output.

Encourage learners to critique the product/output of their classmates.

Assess learners’ understanding of photo editing using the six (6) Facets of

Understanding.

TRANSFER

Have learners produce/provide a high quality and marketable product or service

reflective of the skills in putting a picture over another picture.

Have learners put up a display/exhibition of various printouts derived from the results of

varied applications of commands and operations in Photo Editing.

Have learners market their products/services in the community.


Pasay City West High SchoolPasadeña St. F. B. Harrison, Pasay City

T.L.E – Practical Arts Dept.

UbD

Learning Plan

In ICT

Jose L. Palisoc Jr.Student Teacher

Mrs. Jocelyn C. ChinchillaICT Teacher, Cooperating Teacher

Pasay City West High SchoolPasadeña St. F. B. Harrison, Pasay City

T.L.E – Practical Arts Dept.

UbD

Learning Plan

In ICT

Jose L. Palisoc Jr.Student Teacher

Mrs. Jocelyn C. ChinchillaICT Teacher, Cooperating Teacher

ubd

Documents

practical

manipulating

magic wand

clone stamp

adobe photoshop

photo editing

adobe photoshop

healing brush