UBD
-
Upload
dolly-eye-shoppe-olshop -
Category
Documents
-
view
254 -
download
2
Transcript of 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.
Criteria:- Comprehensive- Clarity- Conciseness
Discuss the functions and use of the different parts of Adobe Photoshop window.
Criteria:- Validity- Significance- Objective
Design or perform navigation on the different parts of Adobe Photoshop window.
Criteria:- Appropriates- Efficiency/
effectiveness- Practicality
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
Criteria:- Comprehensive- Clarity- Conciseness
Discuss the functions and use of the different parts of Adobe Photoshop window.
Criteria:- Validity- Significance- Objective
Design a strategy on how to navigate in the different parts of Adobe Photoshop window
Criteria:- Appropriates- Efficiency/
effectiveness- Practicality
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.
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
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.
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
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.
Assess learners at the level of performance using the criteria in Stage 2.
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.
Orient learners on the following:
Assessment tools and criteria
- Six (6) Facets of Understanding
- 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.
Assess learners at the level of performance using the criteria in Stage 2.
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