This action might not be possible to undo. Are you sure you want to continue?
A Department (ICT Education) SY 2011-2012
Topics: Adobe Photoshop STAGE 1
Time frame : 16 days
Content Standard: The learner demonstrates understanding of skills and the underlying concepts and principles photo editing. 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. 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
Performance Standard: The learner performs the operations/commands that use a photo editing software.
Essential Question(s): How does one produce high quality and marketable products/services by using a photo editing software?
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
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
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.
Export file from 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 Evidence of the level of Product or Performance task: Identifying and familiarize the basic concepts and classifying different parts of Adobe Photoshop window and process the step of editing photos/images. Understanding Evidence at the level of Understanding: The learners should be able to demonstrate understanding by covering the six (6) facets of understanding. Performance Assessment of the basic knowledge and concepts about Photo Editing based on the following criteria: Comprehensiveness in different parts of Adobe Photoshop
Accuracy in classifying different parts of Adobe Photoshop window . Criteria: . Criteria: .Validity .Significance . Criteria: .Appropriates .Practicality Express the importance of the different parts of the Adobe Photoshop window. Criteria: .Conciseness Discuss the functions and use of the different parts of Adobe Photoshop window.Relevance . Criteria: .Critical Describe your initial reaction when your first use the photo editing software.Explain the importance of Photo editing software like Adobe Photoshop.Comprehensive .Efficiency/effectiv eness .Persuasiveness window.Objective Design a navigation of the different parts of the Adobe Photoshop window.Validity .Objectiveness .Responsiveness .Clarity .
Criteria: . Criteria: . close.Efficiency/effectiv eness . Distinguish.Clarity . Criteria: . save. Criteria: .Objective Design or perform navigation on the different parts of Adobe Photoshop window.Practicality Express the importance of the difference parts of the Adobe Photoshop window.Insightfulness .Significance . differentiate and be familiarized the step on how to create.Validity .Relevance .Comprehensive . Criteria: .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/compre hensiveness of the output . open. 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.Validity .Appropriates .Conciseness Discuss the functions and use of the different parts of Adobe Photoshop window.Objectiveness .Comprehensive Describe your reaction when you use photo editing software the first time.
Persuasiveness .Relevance . Execute the different Photoshop toolbox in work space or navigation area.Practicality Express the importance of the difference parts of the Adobe Photoshop window in editing a simple photo/picture. 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.Objective Design a strategy on how to navigate in the different parts of Adobe Photoshop window Criteria: .Validity . Criteria: . . Adhere to the correct concepts and principles of photo editing. Criteria: .Conciseness Discuss the functions and use of the different parts of Adobe Photoshop window. Explain the content and coverage of Photo Editing software like Adobe Photoshop Criteria: .Appropriateness Assessment of the production plan that applies skills.Exhaustive Self-assess your notion when using the Photo Editing software the first time.Appropriates .Efficiency/effectiv eness .Validity .Objectiveness . Completeness/compre hensiveness of the output. Criteria: .Significance .Clarity .Comprehensive .
STAGE 3 Teaching/ Learning Sequence: Photo Editing using Adobe Photoshop Adobe Photoshop is a powerful photo editing software program. without altering the original 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. Images can be created and altered using the functions offered in Adobe Photoshop. 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 . Aspiring photo editors can edit an image by adding new layers. Layers can be added and/or subtracted as you work on an image. It allows you to work in layers.
This means that there are addition Navigator. which is located at . drawing tools and others. or to specific layers or parts of your document. It includes commands found within other parts of the workspace. Color. 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. You will notice that many of the tools in the panel appear with a small black triangle in their bottom righthand corner. Menu Bar – Provides different sub-menus/commands for photo manipulation. History and Layers Palette: The palettes in Photoshop are located to the right of the canvass work area by default. Each palette also includes a palette options fly-out menu. Toolbox – toolbox or the tools panel is likely the part of the Photoshop workspace you will find yourself working the most. as well as additional valuable commands for image adjustment options. This bar changes base on which tool is selected from tools pane. Color. it is where the tools you will apply directly to the canvass are found. The palettes include: Navigator. History and Layers and tools that can be applied to the existing art/image opened in the canvass. As the name would imply. including selection tools. The panel can be broken down into a few subgroups. THE PARTS OF ADOBE PHOTOSHOP WINDOW Title Bar – Displays the name/title of your recent image or picture. Option Bar – Provides different option setting/commands for the selected tools. Draw students understanding by asking essential questions: a.
The canvass is where your work is done and displayed.) . type the following text “How to learn Adobe Photoshop”) Process learners’ understanding of the observation made during the presentation. There are many more palettes available in Photoshop that can be displayed on most screens at one time. It is the largest element of the workspace and is located in the middle of the application. Assist learner in manipulating basic commands in photo editing software (navigation. It also displays the different settings you have done to your work as well as file properties and tools used. commands. Status Bar. FIRM-UP Have learners compare and edited to a non-edited picture/image. All of the content resulting from your application of the tools and palette options are found in the canvass.Displays the status of your created document/file. It can be adjusted to be smaller or larger than your actual document by selecting “Image Canvass size” from the Menu bar. etc.the upper right –hand corner of each palette. and palettes available that are not visible by default can be accessed from the “Window” option on the Menu Bar. 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. This fly-out includes additional options for actions for the created palette. Working Area/Canvass.metacafe. shortcuts.com – (under the metacafe search text.(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.
Assist learners in understanding the following concepts and principles of Photo editing: Working with Adobe Photoshop window . Assist learners in manipulating basic operations in photo editing software. Assess learners’ understanding of Photo Editing using six (6) Facets of understanding. Guide learners in identifying the different parts of the software Lead learners to utilize the appropriate commands/procedure in using Adobe Photoshop window. Have learner identify the different parts and functions of photo editing software window. 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. DEEPEN Encourage learner to ask questions that will clarify certain issues. Assess learners at the level of performance using the criteria in Stage 2. 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. TRANSFER Have learners discuss the advantages and benefits of acquiring the skills in photo editing.
created. Select (Alt+S) The “Select” menu helps you select portion or the entire image to work on. fill or make other changes to the layers you are working on. saturation and color levels. You can change the size. Layers (Alt+L) The “Layer” menu controls how you use layers within your program.- 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. adjust hues. imported or exported. You can undo a previous edit. Edit (Alt+E) The “Edit” menu allows you to make specific to the image you have opened in the program. as well as perform cut. printed. color mode. From this menu. arrange. paste and copy functions. saved. duplicate. image files can be opened. You can add. Filter (Alt+T) . contrast. This menu also allows you to deselect or inverse a selection. Image (Alt+I) The “Image” menu allows you to make adjustments to your program.
the Save commands will let you save your photo editing work. imported or exported. View (Alt+V) / Window (Alt+V) The “View” allow you to zoom in or out. the Open command enables to open picture/photo/images of different types and your previous saved Adobe Photoshop files. Save (Ctrl+S) From the File menu. the Save as command will let you save your photo editing work . Images can be instantly transformed to resemble chalk drawing or color. From the Menu Bar under File options. Open (Ctrl+O) From the File menu. saved. 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. workspace and create animation. the Open As command will let you select a picture/photo file to open (same as Open Command) Open Recent From the File menu. Browse (Shift+Ctrl+O) From the File menu. created. and arrange your toolbars. Have learners explore insightful file menu options of the Adobe Photoshop. printed. the Save commands will let you close your photo editing task. add textures. the Open Recent command will let you select/open your ten (10) most recent saved picture/photo Close (Ctrl+W) From the File menu. image files can be opened. Open As (Alt+Ctrl+O) From the File menu. the Browse command will let you select picture/photo/images of different types of Adobe Photoshop files.The “Filter” menu allows you to make a number of filter adjustments to your overall image. Save As (Alt+Ctrl+S) Form the File menu. sharpen or blur and adjust the noise levels. There you can make artistic changes. The “Window” menu allows you to open palettes and menus on your screen.
the Print Preview command will let you set preview properties for layout positions. paper. 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. Print Preview (Ctrl+P) From the File menu. . etc. ask learners to come up with acceptable answer to the above questions.with other given filenames. the Import File command will let you import plug-ins of other related Adobe Photoshop features. the Print command directly sends print data on the selected default printer. the Page Setup command will let you set page properties for margins.) Have learners identify the different parts and functions of Photo Editing software window. Import File Form the file menu. FIRM-UP Have learners compare an edited to a non-edited picture/image. miscellaneous. and orientation and printer type. the Import File command will let you import plug-ins of other related Adobe Photoshop features. Lead them in answering the following questions: In groups. Page Setup (Shft+Ctrl+P) From the File menu. Assist learners in manipulating basic procedures in Photo Editing software (file manipulations. (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. scale print size. printer type and print options. Process learners’ understanding on the observation made during the presentation. Export File From the File menu. Print (Alt+Ctrl+P) From the File menu. tool box commands. They may use available video presentations from the Net.
Lead learners in utilizing the appropriate editing tools in enhancing pictures/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. Have learner market their products/services in the community. Assess learners’ understanding on Photo Editing by covering any of the six (6) Facets of understanding. Administer a formative evaluation to assess learners’ understandings. Assess learners at the level of performance using the criteria in Stage 2. Have learners reflect on their learning by leading them to apply its use on tasks that may relate with editing of pictures or images. TRANSFER Have learners produce/provide quality and marketable product using the skills on putting a picture over another picture. . Have learners apply the concepts of editing images based on their preselected theme or concept. Assist learner in manipulating basic operations in Photo Editing software. Assist learner in printing the final output. Have learners work on a specific task relevant to photo editing to hone photo editing skills. Encourage learner to critique the product of their classmates. Spot check learners’ skills in identifying the different parts of the software showing the shortcut keys. Assist learners in identifying the tools used in editing pictures. 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.
The Adobe Photoshop Toolbox EXPLORE In this phase. 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. 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. 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 .
you’ll see the cursor change. you can change the Tolerance to make your selections more/less precise. Move Tool (V) Use this tool to. 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. In the Options Bar at the top. in a rectangular shape. it will close your selection. Polygon Lasso Tool (L) Use this to draw selections in whatever shape you would like. Usually you use it to move a Layer around after it has been placed. well. Magic Wand Tool (W) Use this to select a color range. either click on the beginning point (you’ll see the cursor change when you’re on it). This changes the area of your image that is affected by other tools or actions to be within the defined shape. and the next time you click. Hold the [Shift] key to limit the movements to vertical/horizontal.- Screen Mode tool Draw out learners’ understanding by the asking essential questions. 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. move things. or just double-click. or transparency. Holding the [Alt] key while dragging sets the center of the rectangle to where your cursor started. To close the selection. When holding the [Ctrl] key. Ask learners to explore on the topics below by letting them work in small groups. based on wherever you click. restricts the shape to a perfect square. Holding the [Shift] key while dragging your selection. . It will select the block of color.
you select a nice/clean area of your image. . Mildly advanced. Brush Tool (B) This is one of the first basic tools of Photoshop. When you learn to use both of these tools together in perfect harmony. If you go Window>History.Crop Tool (C) The Crop Tool works similarly to the Rectangular Marquee tool (see above if you have no short-term memory). Not permanently. It basically copies the info from the first area to the second. You use it the exact same way. Clone Stamp Tool (S) This is very similar to the Healing Brush Tool (see above). in whatever color you have selected. It works like the Brush tool (see below). 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. The History Brush tool paints with the information from whatever History state is selected. you can still undo. you can see the History Palette. or splitting up one image into smaller ones when saving out. You choose your cursor size. so it blends. you will be a Photoshop master. Slice Tool (K) This is used mostly for building websites. You can use this tool to repair scratches and specs and stuff like that on images. It paints one your image. Healing Brush Tool (J) This is a really useful tool. Only. It’s kind of an advanced tool. Let go of the [Alt] key and paint over the bad area. at the end. and whatever size you have selected. in the form of the Brush tool. Any information that was on the outside of the box is now gone. it averages the information. it crops your image to the size of the box. It’s a direct copy of the information from the first selected area to the second. then holding the [Alt] key. except this tool doesn’t blend at the end. The difference is when you press the [Enter/Return] key.
Blur Tool (R) The Blur tool is cool. As long as it is not absolute black. Like a gradient. Or text.Eraser Tool (E) This is the anti-Brush tool. There are a lot of options for the Type Tool. Click and drag to make things blurry. It’s actually used to lighten whatever area you use it on. If you are on the background layer. It makes things blurry. It’s related to the Pen Tool (see below) though Horizontal Type Tool (T) It makes type. Gradient Tool (G) You can use this to make a gradiation of colors. but it makes sense anyway. Or whatever you want to call it. Gradiation doesn’t appear to be a word. Just play around. You can click a single point. Absolute black won’t lighten. Dodge Tool (O) This tool isn’t as crappy as the car brand. It works like an eraser and erases whatever information wherever you click and drag it. it’s fairly straight-forward. Or you can click and drag to make a bounding box of where your text/type goes. it will erase the information transparent. Path Selection Tool (A) You use this tool when working with paths. If you’re on a Layer. Pen Tool (P) . it erases with whatever secondary color you have selected. and start typing right away. It creates a blending of your foreground color and background color when you click and drag it. The more you click and drag. I won’t go into details. the blurrier things get. Since this is all about the basics.
So if you’re zoomed in and your image area is larger than the window. It’s for creating paths. It fills the rectangle with whatever foreground color you have selected. Paths can be used in a few different ways. Rectangle Tool (U) By default it draws a Shape Layer in the form of a rectangle. Hold the [Alt] key to zoom out. Click on either one to bring up the color select dialog box. Just click and drag. it will change the shape of your path. You use the tool by clicking to add a point. (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- . allowing you to bend and shape the path for accurate selections and such.I mentioned this tool above. in which you would use the Path Selection Tool to select the path. It allows you to zoom into your image. it doesn’t actually change the size of your image. If you 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. Hand Tool (T) You can really make short work of your job with the Hand Tool. FIRM-UP Have learners compare an edited picture to a non-edited picture/image. Don’t be dumb. you can use the Hand Tool to navigate around your image. Foreground (in the front) and Background (in the back). mostly to create clipping paths. Double-click on the Zoom Tool in the palette to go back to 100% view. It’s for moving your entire image within a window. or to create selections. Holding the [Shift] key will zoom all of the windows you have open at the same time. BONUS!! These are your color boxes.
Require them to present their outputs before the class for critiquing and or for possible refinements. if there are any. 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. Ask learners to perform basic photo editing software operations leading to photo enhancement. tool box commands. Have learners apply the concepts of editing images on any picture/view of their choice. Oblige learners to print the final output by reminding them of the procedural requirements they should observe before printing the final output.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. they may be encouraged to think of was they could apply these to creative tasks. If they are close to the desired level of understanding. Request volunteers to assist peers in the performance of tasks that require photo/image enhancements. Encourage learners to critique the product/output of their classmates. Assist learners in manipulating basic procedures in photo editing software such as file manipulations. DEEPEN Encourage learner to ask question that will clarify certain issues that relate with photo enhancement and alteration. etc. Have learners identify the different parts and functions of photo editing software window. Process learners’ understanding on the observation made during the presentation. Assist learners in identifying the tools used in editing pictures. . Administer a formative evaluation to determine learners’ level of understanding. miscellaneous.
F. Assess learners at the level of performance using the criteria in Stage 2. Pasay City West High School Pasadeña St. Pasay City . 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’ 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. B. Harrison.
UbD Learning Plan In ICT Jose L. Harrison. Student Teacher Mrs. B.E – Practical Arts Dept.T. Palisoc Jr. Chinchilla ICT Teacher. F.L. Jocelyn C. Cooperating Teacher Pasay City West High School Pasadeña St. Pasay City .
Cooperating Teacher .E – Practical Arts Dept.L.T. Student Teacher Mrs. UbD Learning Plan In ICT Jose L. Palisoc Jr. Jocelyn C. Chinchilla ICT Teacher.
This action might not be possible to undo. Are you sure you want to continue?
We've moved you to where you read on your other device.
Get the full title to continue listening from where you left off, or restart the preview.