Day+4

toc
 * Table of Contents **

**Day 4 **

 * Title of the Workshop: Editing Graphics: Viewing, Cropping and Resizing using ImageBlender **
 * Name of Presenter: Beena Raichura **
 * Subject: All subject areas **
 * Audience: Teachers teaching students in grades 4-8 **

**Prerequisite Knowledge **
Knowledge of Image Blender, Paint and [|Pics4learning]

**Content**
 As educators we are encouraged to use graphics to enhance our students’ learning experience. Clark and Mayer (2011) state “that graphics along with words encourage students to engage in active learning, and they are more likely to understand the material when they engage in active learning.” There are hundreds of software programs that allow us to manipulate graphics. If we have a basic understanding of how to view, crop, and resize the graphic, we will be able to use graphics for most of our basic needs when creating instructional materials for students.

We have ImageBlender on all MCPS (Montgomery County Public Schools) computers. ImageBlender, is a graphic-editing software from Tech4Learning. The concepts, Image Blender uses are the same for most graphic-editing programs. We recommend using Image Blender to crop, edit and resize graphics to use in the classroom.

**Objectives for this lesson **

 * 1) Participants will understand different files types and they will use that knowledge to use appropriate file types when creating classroom instructional materials.
 * 2) Participants will understand that if they try to reduce the picture file after inserting it in the program it will not reduce the file size just the size of the graphic.
 * 3) Participants will successfully decrease the file size of the graphic using ImageBlender
 * 4) <span style="font-family: 'Serif','serif'; font-size: 13.3333px;">Participants will successfully be able to crop and resize and Image using ImageBlender
 * 5) <span style="font-family: 'Serif','serif'; font-size: 13.3333px;">Participants will integrate e-learning principles with the images as they create instructional materials for the classroom ( e.g. websites, classroom newsletters etc)
 * 6) <span style="font-family: 'Serif','serif'; font-size: 13.3333px;">Participants will be able to create instructional materials using images and graphics to enhance learning for special needs students.
 * 7) <span style="font-family: 'Serif','serif'; font-size: 13.3333px;">Participants will be able to create instructional materials for ESOL students that need a picture for words to improve their vocabulary of basic words.
 * 8) <span style="font-family: 'Serif','serif'; font-size: 13.3333px;">Participants will learn to convert video files to a file compatible with the program they are using to enhance learning for all students by incorporating multimedia in the instruction.

<span style="font-family: 'Serif','serif'; font-size: 13.3333px;">**How would you teach the lesson?**
<span style="font-family: 'Serif','serif'; font-size: 13.3333px;">I would teach this lesson in a computer lab. Each participant would have access to their own computer. I will start with a demonstration on the Promethean board so that all participants can watch what I am doing at the same time. Then we would brainstorm ideas where Image cropping, editing and resizing can be used in the classroom. I will make a list of the ideas participants are coming up with using an Inspiration web on the Promethean board. Next I would explain graphic file types, viewing graphics on other programs and give a quick refresher to the students about cropping, re-sizing and viewing graphics providing them with information about safe websites to download music and images from for the classroom use using screen captures as follows. Finally I would have them test their knowledge about what they have learned using the skills I have taught them to create instructional materials for the classroom.

<span style="font-family: serif,serif; font-size: 10pt;">Graphic files are not Word files. They can stand alone as separate files. The advantage of having graphic files is that you can manipulate them for the needs of one project while keeping the original for future uses. Graphic files come in many file types. The file types will dictate which programs launch when you double click on the graphic file. The most common file types for general use are .jpg, .gif, and .png.
 * <span style="font-family: serif,serif; font-size: 10pt;">Understanding Graphic Files **

//<span style="font-family: serif,serif; font-size: 10pt;">Image Blender: View //<span style="font-family: serif,serif; font-size: 10pt;">→//Zoom To Actual Size// //<span style="font-family: serif,serif; font-size: 10pt;">Other Programs: View //<span style="font-family: serif,serif; font-size: 10pt;">→//Zoom//→//100% or look for zoom properties in the tool bar//
 * <span style="font-family: serif,serif; font-size: 10pt;">Viewing the Graphics **



<span style="font-family: serif,serif; font-size: 10pt;">When you open a graphic, you may not be viewing it in its actual size. The graphic may fit nicely on the screen, but when you insert it into a Word document; you find that it is huge. That is because the viewing or editing software that you are using makes the graphic fit to the screen.

<span style="font-family: serif,serif; font-size: 10pt;">Large graphics take up considerably more disk space than small graphics. If you embed large graphics in other programs such as Word or PowerPoint and resize them to fit after the fact, it will not decrease the resulting file size. Therefore, always view your graphic at 100% so you have a sense of its size. <span style="font-family: serif,serif; font-size: 10pt;">To do this in Image Blender, choose **<span style="font-family: serif,serif; font-size: 10pt;">Zoom to Actual ** **<span style="font-family: serif,serif; font-size: 10pt;">Size **<span style="font-family: serif,serif; font-size: 10pt;">from the **<span style="font-family: serif,serif; font-size: 10pt;">View menu **<span style="font-family: serif,serif; font-size: 10pt;">.

//<span style="font-family: serif,serif; font-size: 10pt;">Image Blender: Image //<span style="font-family: serif,serif; font-size: 10pt;">→//Crop// //<span style="font-family: serif,serif; font-size: 10pt;">Other Programs: Image //<span style="font-family: serif,serif; font-size: 10pt;">→//Crop or look for the Crop command in other menus or in the tool panel//
 * <span style="font-family: serif,serif; font-size: 10pt;">Cropping **

<span style="font-family: serif,serif; font-size: 10pt;">If you only want part of the image, you can crop that part out. Another important skill to know when editing, cropping and resizing graphics is to do it using Image Blender before importing them to another program.



<span style="font-family: serif,serif; font-size: 10pt;">Using Image Blender 3 you can also add effects (colored pencil, mosaic etc) to the graphic. You can add layers to the image, you can also add shapes to the images and you can paint pictures on the images to enhance the image.

<span style="font-family: serif,serif; font-size: 10pt;">The image can also be exported to other programs. ImageBlender saves Images in the Image Blender format. However; you can select the type of image you want to use to export it into another program like PowerPoint or MS Word. ImageBlender also allows you to create a slide show using images saved on ImageBlender or elsewhere on your computer. You can also add music to it to make a good slide show.



<span style="font-family: serif,serif; font-size: 10pt;">As teachers use more graphics in the classroom to support learning they may want to enhance the graphics using audio and video. <span style="font-family: serif,serif; font-size: 10pt;">Teachers need to be mindful that a video or graphic file that they want to import into the program they are using may not support that file type. Hence teachers will need to know how to convert video files to a file compatible with the program they are using. They can do that using a program called [|Zamzar.com]. Zamzar.com is a free website that will allow teachers to convert files from one format to another.

<span style="font-family: serif,serif; font-size: 10pt;">Windows Paint <span style="font-family: serif,serif; font-size: 10pt;">Windows Movie Maker <span style="font-family: serif,serif; font-size: 10pt;">PowerPoint <span style="font-family: serif,serif; font-size: 10pt;">Podcasting
 * <span style="font-family: serif,serif; font-size: 10pt;">Programs for using Graphics, Video, or Sound in the classroom: **

**<span style="font-family: 'Serif','serif'; font-size: 13.3333px;">Additional Resources **
<span style="font-family: 'Serif','serif'; font-size: 13.3333px;">I will provide the participants with links to appropriate websites they can use to find video files and images they can use to create appropriate instructional materials.


 * <span style="font-family: serif,serif; font-size: 10pt;">Websites for graphics **

<span style="font-family: serif,serif; font-size: 10pt;">[|Internet picture dictionary]: a good website to use for pictures of simple everyday words especially useful for ELL students.

<span style="font-family: serif,serif; font-size: 10pt;">[| Jamendo]: is a great place to find free music to use in your presentations. All music is free and legally usable. To find music that suits your needs, search descriptors of the tracks. From the "Music" menu, choose "Tags."

<span style="font-family: serif,serif; font-size: 10pt;"> Four collections of photos are available and you can download them each as a set for free. They include birds, animals, farm stuff, and backgrounds.

<span style="font-family: serif,serif; font-size: 10pt;">[| Teacher’s Domain:] an extensive library of free digital resources from public television and other leading media producers, designed for classroom use and professional development. You can store and categorize materials that you find. //You must complete a free registration process to download materials.//

**<span style="font-family: serif,serif; font-size: 10pt;">Evaluation/Test Yourself: **

 * <span style="font-family: 'Serif','serif'; font-size: 13.3333px;">Complete these activities and then complete an evaluation survey on the evaluation page of this wiki. You can navigate to that page from the table of contents or the navigation menu on the right. **

<span style="font-family: serif,serif; font-size: 10pt;">Download Image Blender from [] for a 30 day free trial or you can use it on any of the computers at school.

<span style="font-family: serif,serif; font-size: 10pt;">Then design a rainforest postcard. <span style="font-family: serif,serif; font-size: 10pt;">Use at least 3 pictures. <span style="font-family: serif,serif; font-size: 10pt;">For the postcard, you can use pictures from [|Pics4learning] or another source. <span style="font-family: serif,serif; font-size: 10pt;"> Go to the site and search for rainforest in the search box. <span style="font-family: serif,serif; font-size: 10pt;"> Then crop the pictures to 3” X 3” or any size smaller than 4”X 6” (the size of the postcard canvas) and create your postcard.

<span style="font-family: serif,serif; font-size: 10pt;">Also create a slide show on a topic your choice using Image blender.( For example you can create a slide show of the class play, a field trip, the Halloween party, or the butterfly using you are studying in about) <span style="font-family: serif,serif; font-size: 10pt;">Use at least 6 images for the slide show. <span style="font-family: serif,serif; font-size: 10pt;">You can use more images if you like to. <span style="font-family: serif,serif; font-size: 10pt;">Three of the six images need to be selected from [|Pics4Learning] and the other three images need to be selected from your files. <span style="font-family: serif,serif; font-size: 10pt;"> You can use Teacher’s Domain or Learning Magic Goodies page to save pictures in your files. <span style="font-family: serif,serif; font-size: 10pt;"> Next add music to your slide show. <span style="font-family: serif,serif; font-size: 10pt;">Download music from[| Jamendo] and create a slide show on one topic of your choice with 6 images cropped and sized to 4” x 6” with appropriate music and captions.

<span style="font-family: serif,serif; font-size: 10pt;">I would like you to adhere to the contiguity principle that states “corresponding graphics and printed words be placed near each other on the screen” (Clark &Mayer, 2011)

**<span style="font-family: 'Serif','serif'; font-size: 13.3333px;">OR ** <span style="font-family: 'Serif','serif'; font-size: 13.3333px; text-align: justify;">Create classroom newsletter using at least 4 images. You can use a template for the newsletter from Publisher or use one of your own templates. You can find images from google docs or from your own files


 * <span style="font-family: serif,serif; font-size: 10pt;">Table of Contents **

<span style="font-family: serif,serif; font-size: 8pt;">Adapted from []