Part 1: Topic

Part 1a: Goal

! ! Photography 11/12 students will learn the basic tools of Photoshop Elements through manipulation of PSE tools within the context of creating a fictitious magazine cover.

Part 1b. Description of the audience The intended audience for this instructional design project are Photography 11/12 students at Mount Douglas Secondary School in Victoria, British Columbia, Canada.

Part 1c. Rationale The word photoshop has evolved into a universally recognized term for photo manipulation. For students of photography and graphic design skills in manipulating the application Photoshop is essential. The intent behind this instructional design project is to allow students to explore the tools within the application, at an introductory level, using the creation of a magazine cover to give context to the assignment. This project will challenge learners to interact with many of the tools required to create advanced graphic images, but within a context that allows leaners without any experience in the application to explore and understand how to achieve a desired result using a variety of methods.

Part 2. Analysis Report

Part 2a1: Needs Assessment Survey The data for the needs assessment was collected from students in three Photography classes through access to the following survey made available to students via our class home page: http://tinyurl.com/3mnwntd Forty-four students responded to the survey made available to them in the first fifteen minutes of class. The link to the survey was removed after the completion of all three classes to try and avoid repeated responses or responses that might invalidate the results. The document is a Google form consisting of sixteen rating response questions that were designed to assess leaners entry-level skills with regards to digital photography and the application Photoshop Elements. The seventeenth response was a written response questions to assess students current knowledge of magazine cover design. 2a.2 Needs Assessment Data Statistically, the average response to all rated questions was 3.04017857142857. The general conclusion is that many of the potential learners have a working knowledge of the
B. Janzen - Ed tech 503 - Instructional Design Project

required elements of the content in the unit of instruction. A closer look at the results reveal that many students feel comfortable with completing the tasks required early in the unit which revolve around capturing and uploading digital images. When learners where asked about their perceived level of competency with Photoshop related skills the results decreased. An increase is observed in responses related to the final few elements of the unit that involve saving and uploading pictures and images to their e-portfolio. These results can be attributed to previous instruction in these areas in the current course. Results from questions seventeen indicate that many students are able to readily identify the obvious commonalities across different magazine covers; however they also indicate a lack of understanding of the common design elements that publishers and designers use to attract consumers. A detailed breakdown of each question can be found in Appendix A. 2b1: Learning Context Description The resulting instruction of this ID project will be carried out by a photography teacher in a Mac Lab of twenty four computers with iPhoto and Photoshop Elements installed, and a Smartboard controlled by a MacBook Pro. Students will have individual access to internet connected iMac computers and digital cameras. Instruction in this unit will be lecture and demonstration based in the beginning followed by independent student work at individual computer stations. All instruction for each step of the process will be found on the class website on a separate page called Magazine Cover Assignment. Students will be encouraged to progress through the content independently; however, some partner work is required when capturing portraits to be included on the cover. Students will also have access to instructor feedback and assistance through out the unit. 2b2: Transfer Context Description Students involved in this unit will, in the end, be able to transfer skills and knowledge in digital image design and manipulation to other projects in Photography 11/12 or to any other situation that requires digital images. Students will be applying previous knowledge of design principles taught in Photography 11/12, their familiarity with online instruction, and their use of an e-portfolio. 2c: Description of Learners The target audience for instruction will be grade eleven and twelve students from Mount Douglas Secondary School enrolled in Photography 11 and 12. The school has an academic focus, with a large majority of students preparing for post secondary training. Most students come to the class with good to excellent computer skills and have had experience with digital photography. Target learners are young adults (16-18 years old) who have had experience in computer based instruction in many classes and are competent media consumers.

B. Janzen - Ed tech 503 - Instructional Design Project

2d. Task Analysis Flow Chart Overview

Photography 11/12 students will learn the basic tools of Photoshop Elements through manipulation of PSE tools within the context of creating a fictitious magazine cover.

Introduction

Learning Objective 1.0

Learning Objective 4.0

Learning Objective 2.0

Learning Objective 5.0

Learning Objective 3.0

Learning Objective 6.0

Learning Objective 7.0

B. Janzen - Ed tech 503 - Instructional Design Project

Learning Objective 1.0 Given a computer with internet access, students will select two magazine covers that contain obvious application of design principles and unity of design and text.

Log into appropriate class profile Open Safari Navigate to class website Navigate to magazine cover assignment page Copy magazine cover questions Paste magazine cover questions

1.1 After conducting a Google Image search for Life Magazine Covers and Vogue Magazine Covers, learners will compare the design elements and textual unity of the two covers.

Open a new tab in Safari Navigate to: www.google.com Google search Life Magazine Covers Choose a cover for analysis Drag full size image to desktop Upload cover image to your wiki Repeat 1j to 1m using a search for Vogue Magazine Covers Using the two covers as source material answer the following questions on their wiki: 1. What design principles are evident in each cover? Explain 2. What do both of the covers have in common? 3. What is the main story in each issue and how does it relate to the image on the cover?

B. Janzen - Ed tech 503 - Instructional Design Project

1.2 After conducting a Google search for History of Magazine Covers" students will demonstrate knowledge of early magazine cover design, poster covers and cover lines, through written responses.

Log into appropriate class profile

Open Safari

Google search History of Magazine Covers

Provide a written response on their wiki to the following questions: 4. What were some characteristics of early magazine covers? 5. What are some characteristics of the poster cover?

B. Janzen - Ed tech 503 - Instructional Design Project

Learning Objective 2.0 Given a computer with Internet access students will understand the purpose and placement of Cover Lines on magazine covers in the form of written expression.

Log into appropriate class profile Open Safari Google search Magazine Cover Lines Provide a written response on their wiki to the following questions: 6. What is the purpose of cover lines? 7. What is an "integrated" cover? 8. How can the placement of cover lines effect the overall design of a cover?

2.1 Students will accurately describe six styles of cover lines after accessing this web site. Click Here

2e. Log into appropriate class profile 2f. Open Safari 2g. Navigate to the following web site: http://aejmcmagazine.bsu.edu/Testfolder/wherelines.html 2h. Provide a written description on their wiki of the following style of cover lines: Outside the box Inside the box Columns Zones Banners and Corners Unplanned and Planned Spaces

B. Janzen - Ed tech 503 - Instructional Design Project

Learning Objective 3.0 Using blank paper and a pencil students will demonstrate understanding of magazine cover layout principles by sketching a rough draft of ctitious magazine cover using all the required elements.

Decide on magazine genre such as fashion, science, sports, design, military, etc.

Choose title and design graphic

Design and sketch cover graphic featuring a digital photo of you.

Place the following required elements on your rough design: Month and Year Price Issue/Volume Number Fictitious web site address UPC Code

3.1 Using blank paper and a pencil students will demonstrate understanding of cover line application by writing 5 lines to be included on the rough draft of magazine cover.

Write a series of cover lines for stories that might appear in the magazine and place them on your sketch.

Consult with instructor for feedback and approval

B. Janzen - Ed tech 503 - Instructional Design Project

Learning Objective 4.0

Using a digital camera, students will demonstrate the ability to capture a digital image.

Find a partner Obtain a digital camera from the instructor

Determine the location for the photo based on requirements of the cover design

Determine the optimal setting for the camera based on lighting conditions and design requirements for the cover.

Repeat 4c to 4f for partner

Capture the image Review image for acceptability

4.1 Students will demonstrate the ability to upload a digital photo of themselves to the hard drive of a computer with the application iPhoto and Photoshop Elements already loaded into the applications

Connect camera to a computer via USB cable Turn camera power on and set on picture setting When iPhoto automatically opens click on the import photos tab

Select the thumbnail of the desired image and click on import

B. Janzen - Ed tech 503 - Instructional Design Project

Learning Objective 5.0 Using a computer with Photoshop Elements loaded into the applications folder of the hard drive, students will demonstrate an understanding of the use of several tools within the application to create a digital image of a fictitious magazine cover using all the required elements. 5.1 Students will make copies of all image files and edit their photo.

Open Photoshop Elements

File

Open

Pictures Open the digital portrait iPhoto Library

Originals

Most recent roll

Locate the portrait in this folder

Select open

B. Janzen - Ed tech 503 - Instructional Design Project

Edit

5c

Create a new copy of the portrait with a transparent background

Select All

Edit Copy File New

Change to Transparent Background title with student name

Select OK

Select Edit

Paste

Save the new image file

B. Janzen - Ed tech 503 - Instructional Design Project

! 10

5d Eliminate the background from the digital portrait image using a combination of the following methods:

Rectangular Marquee

Select area to eliminate

Click Delete

Elliptical Marquee tool

Select area to eliminate

Click Delete

Lasso tool

Surround area to be eliminated

Click Delete

Magic Wand tool

Adjust Tolerance

Hold shift>Click area to eliminate

Click Delete

Eraser Tool

Select eraser size and style

Brush away area to delete

Magnifying Glass Tool

Command + to zoom in

Command - to zoom out

5e

Save Edited image

B. Janzen - Ed tech 503 - Instructional Design Project

! 11

5.2 Students will create a blank magazine sized document to act as the background.

Select File Open Photoshop Elements

New

Blank File

Change pixels to inches and enter a width of 8 and a height of 10

Select a background colour based on your design or select Transparent

Title the file with the students name followed by "magazine cover" and save.

5.3 Students will place and adjust their portrait image on the background.

Using the move tool click on the portrait layer and drag the image on top of the Using the move tool click on the bounding box, resize and move the image to the desired location based on the rough draft and click apply. Click on the Image tab and select Adjustments. Adjust lighting, contrast, and colour balance as required.

B. Janzen - Ed tech 503 - Instructional Design Project

! 12

5.4 Students will add all required text layers, including titles, cover lines, price, date, website.

Click on the Horizontal Type tool Click on the background layer and type desired text for the title Readjust the size and placement of the text layer using the move tool and the bounding box and click apply.

Adjust the font, style, and colour of the text according to the design Add desired effects to the text such as drop shadow, beveling, and glow

5.5 Students will edit add any further graphics as required by their original design. Open Safari

Use Google Images to locate and copy any other graphic images as outlined on the rough draft. Repeat steps 5c, d and e to make copies and edit selected images.

Repeat steps 5k, l, and m to move and adjust new graphic layers onto magazine background.
B. Janzen - Ed tech 503 - Instructional Design Project

! 13

5.6 Students will add a bar code. Navigate to the following web tutorial and follow the instructions to create a barcode: http://www.depiction.net/tutorials/photoshop/barcode.php

Using the Move tool and the bounding box drag the barcode layer onto the magazine background and adjust its size and location and click apply

Save magazine cover PSD file.

Learning Objective 6.0 Using a computer with an Internet connection and the saved Photoshop file of the magazine cover, students will demonstrate knowledge of file formats within Photoshop Elements by converting the image to a JPEG.

Select File>Save As...

Using the drop down box select JPEG

Select full quality and click save.

B. Janzen - Ed tech 503 - Instructional Design Project

! 14

Learning Objective 7.0

Students will display their final product for the class by uploading it to their personal Photography Class wiki.

Open Safari

Click sign in and enter student user name and password

Navigate to the Magazine Cover Assignment page and click on Edit.

Click on the green File icon. Click on Upload Files browse to the magazine cover JPEG file click open When the file is uploaded to the Wikispace server click on its icon to place the image on the

Use the image options to position the image and resize it on the page

Click save

B. Janzen - Ed tech 503 - Instructional Design Project

! 15

Part 3: Planning 3a: List of Instructional Objectives

1.0 Given a computer with internet access, students will select two magazine covers that contain obvious application of design principles and unity of design and text. The student will: 1a. Log into appropriate class profile 1b. Open Safari 1c. Navigate to class website 1d. Navigate to magazine cover assignment page 1e. Copy magazine cover questions 1f. Create new page titled Magazine Cover Assignment 1g. Paste magazine cover questions 1.1 After conducting a Google Image search for Life Magazine Covers and Vogue Magazine Covers, learners will compare the design elements and textual unity of the two covers. The student will: 1h. Open a new tab in Safari 1i. Navigate to: www.google.com 1j. Google search Life Magazine Covers 1k. Choose a cover for analysis 1l. Drag full size image to desktop 1m. Upload cover image to your wiki 1n. Repeat 1j to 1m using a search for Vogue Magazine Covers 1o. Using the two covers as source material answer the following questions on their wiki: 1. What design principles are evident in each cover? Explain 2. What do both of the covers have in common? 3. What is the main story in each issue and how does it relate to the image on the cover? 1.2 After conducting a Google search for History of Magazine Covers" students will demonstrate knowledge of early magazine cover design, poster covers and cover lines, through written responses. The student will:
1p. Log into appropriate class profile
B. Janzen - Ed tech 503 - Instructional Design Project

! 16

1q. Open Safari 1r. Google search History of Magazine Covers 1s. Provide a written response on their wiki to the following questions: 4. What were some characteristics of early magazine covers? 5. What are some characteristics of the poster cover? 2.0 Given a computer with Internet access students will understand the purpose and placement of Cover Lines on magazine covers in the form of written expression. The student will: 2a. Log into appropriate class profile 2b. Open Safari 2c. Google search Magazine Cover Lines 2d. Provide a written response on their wiki to the following questions: 6. What is the purpose of cover lines? 7. What is an "integrated" cover? 8. How can the placement of cover lines effect the overall design of a cover? 2.1 Students will accurately describe six styles of cover lines after accessing this web site. Click Here The student will: 2e. Log into appropriate class profile 2f. Open Safari 2g. Navigate to the following web site: http://aejmcmagazine.bsu.edu/Testfolder/wherelines.html 2h. Provide a written description on their wiki of the following style of cover lines: Outside the box Inside the box Columns Zones Banners and Corners Unplanned and Planned Spaces 3.0 Using blank paper and a pencil students will demonstrate their understanding of magazine cover layout principles by sketching a rough draft of their ctitious magazine cover using all the required elements. The student will: 3a. Decide on magazine genre such as fashion, science, sports, design, military, etc. 3b. Choose title and design graphic 3c. Design and sketch cover graphic featuring a digital photo of you.
B. Janzen - Ed tech 503 - Instructional Design Project

! 17

3d. Place the following required elements on your rough design: Month and Year Price Issue/Volume Number Fictitious web site address UPC Code 3.1 Using blank paper and a pencil students will demonstrate understanding of cover line application by writing 5 lines to be included on the rough draft of their magazine cover. Students will: 3e. Write a series of cover lines for stories that might appear in the magazine and place them on your sketch. 3f. Consult with instructor for feedback and approval

4.0 Using a digital camera, students will demonstrate the ability to capture a digital image. Students will: 4a. Find a partner 4b. Obtain a digital camera from the instructor 4c. Determine the location for the photo based on requirements of the cover design 4d. Determine the optimal setting for the camera based on lighting conditions and design requirements for the cover. 4e. Capture the image 4f. review image for acceptability 4g. Repeat 4c to 4f for partner 4.1 Students will demonstrate the ability to upload a digital photo of themselves to the hard drive of a computer with the application iPhoto and Photoshop Elements already loaded into the applications folder. Students will: 4h. Connect camera to a computer via USB cable 4i. Turn camera power on and set on picture setting 4j. When iPhoto automatically opens click on the import photos tab 4k Select the thumbnail of the desired image and click on import

B. Janzen - Ed tech 503 - Instructional Design Project

! 18

5.0 Using a computer with Photoshop Elements loaded into the applications folder of the hard drive, students will demonstrate an understanding of the use of several tools within the application to create a digital image of their fictitious magazine cover using all the required elements. 5.1 Students will make copies of all image files and edit their photo. Students will: 5a. Open Photoshop Elements 5b. Open the digital portraits: File>Open>Pictures>iPhoto Library>Originals> most recent roll, locate the portrait in this folder and select open. 5c. Create a new copy of the portrait with a transparent background: Select: Edit>Select All>Edit>Copy>File>New. Change to Transparent Background, title with student name. Select OK. Select Edit>Paste. Save the new image file. 5d. Eliminate the background from the digital portrait image using the following tools: Rectangular Marquee tool Elliptical Marquee tool Lasso tool Magic Wand tool Eraser Tool Magnifying Glass Tool 5e. Save edited image. 5.2 Students will create a blank magazine sized document to act as the background. Students will: 5f. Open Photoshop Elements 5g. Select File>New>Blank File 5h. Change pixels to inches and enter a width of 8 and a height of 10 5i. Select a background colour based on your design or select Transparent background 5j. Title the file with the students name followed by "magazine cover" and save. 5.3 Students will place and adjust their portrait image on the background. Students will: 5k. Using the move tool click on the portrait layer and drag the image on top of the background layer 5l Using the move tool click on the bounding box, resize and move the image to the desired location based on the rough draft and click apply. 5m. Click on the Image tab and select Adjustments. Adjust lighting, contrast, and colour balance as required.

B. Janzen - Ed tech 503 - Instructional Design Project

! 19

5.4 Students will add all required text layers, including titles, cover lines, price, date, website. Students will: 5n. Click on the Horizontal Type tool 5o. Click on the background layer and type desired text for the title 5p. Readjust the size and placement of the text layer using the move tool and the bounding box and click apply 5q. Adjust the font, style, and colour of the text according to the design 5r Add desired effects to the text such as drop shadow, beveling, and glow 5s. Repeat 5m to 5q for all required text layers. 5.5 Students will edit add any further graphics as required by their original design. Students will: 5t. Open Safari 5u. Use Google Images to locate and copy any other graphic images as outlined on the rough draft. 5v. Repeat steps 5c, d and e to make copies and edit selected images. 5w. Repeat steps 5k, l, and m to move and adjust new graphic layers onto magazine background. 5.6 Students will add a bar code. Students will: 5x. Navigate to the following web tutorial and follow the instructions to create a barcode: http://www.depiction.net/tutorials/photoshop/barcode.php 5y. Using the Move tool and the bounding box drag the barcode layer onto the magazine background and adjust its size and location and click apply. 5z. Save magazine cover PSD file.

6.0 Using a computer with an Internet connection and the saved Photoshop file of their magazine cover, students will demonstrate their knowledge of file formats within Photoshop Elements by converting their image to a JPEG. Students will: 6a. Select File>Save As... 6b. Using the drop down box select JPEG 6c. Select full quality and click save. 7.0 Students will display their final product for the class by uploading it to their personal Photography Class wiki.
B. Janzen - Ed tech 503 - Instructional Design Project

! 20

Students will: 7a. Open Safari 7b. Navigate to student e-portfolio wikispace 7c. Click sign in and enter student user name and password 7d. Navigate to the Magazine Cover Assignment page and click on Edit. 7e. Click on the green File icon. 7f. Click on Upload Files, browse to the magazine cover JPEG file and click open. 7g. When the file is uploaded to the Wikispace server click on its icon to place the image on the wiki. 7h. Use the image options to position the image and resize it on the page. 7i. Click save.

3b: Objectives Matrix Table

Learning Objective 1.0 Bloom's Taxonomy Classification Analysis Format of Assessment Performance Description of test form Completion of Task Sample Items

1. Choose two magazine covers and embed those image files on student wiki 1. What design principles are evident in each cover? Explain 2. What do both of the covers have in common? 3. What is the main story in each issue and how does it relate to the image on the cover?

1.1

Comprehension

Pencil and Paper

Written response to questions

B. Janzen - Ed tech 503 - Instructional Design Project

! 21

Learning Objective 1.2

Bloom's Taxonomy Classification Comprehension

Format of Assessment Pencil and Paper

Description of test form Written response to questions

Sample Items

4. What were some characteristics of early magazine covers? 5. What are some characteristics of the poster cover?

2.0

Comprehension

Pencil and Paper

Written response to questions

6. What is the purpose of cover lines? 7. What is an "integrated" cover? 8. How can the placement of cover lines effect the overall design of a cover? Provide a written description on their wiki of the following style of cover lines: - Outside the box - Inside the box - Columns - Zones - Banners and Corners - Unplanned and Planned Spaces

2.1

Comprehension

Pencil and Paper

Written response to questions

B. Janzen - Ed tech 503 - Instructional Design Project

! 22

Learning Objective 3.0

Bloom's Taxonomy Classification Synthesis

Format of Assessment Performance

Description of test form Rubric including standards for each of the required elements Rubric including standards for each of the required elements Completion of task

Sample Items

Sketch of design with all required elements

3.1

Synthesis

Performance

Sketch of design with all required elements

4.0

Application

Performance

Using a digital camera students will capture an image of a partner. Students will upload a digital photo of themselves to the hard drive of a computer Create a digital image of fictitious magazine cover using all the required elements make copies of all image files and edit photo

4.1

Application

Performance

Completion of task

5.0

Application

Performance

Rubric including standards for each of the required elements

5.1

Application

Performance

Completion of task

B. Janzen - Ed tech 503 - Instructional Design Project

! 23

Learning Objective 5.2

Bloom's Taxonomy Classification Application

Format of Assessment Performance

Description of test form Completion of task

Sample Items

create a blank magazine sized document to act as the background place image on the background add all required text layers, including titles, cover lines, price, date, website. edit and add any further graphics as required by their original design add a bar code convert image to a JPEG upload image to personal Photography Class wiki.

5.3 5.4

Application Application

Performance Performance

Completion of task Rubric including standards for each of the required elements Rubric including standards for each of the required elements Completion of task Completion of task Completion of task

5.5

Application

Performance

5.6 6.0 7.0

Application Application Application

Performance Performance Performance

B. Janzen - Ed tech 503 - Instructional Design Project

! 24

3c. ARCS Motivational Strategies Plan Project Goal Statement: Photography 11/12 students will learn the basic tools of Photoshop Elements through manipulation of PSE tools within the context of creating a fictitious magazine cover.

ATTENTION
A.1 Perceptual Arousal >Show examples of photo shopped images A2. Inquiry Arousal > ask students to try and identify in their mind where the changes to the image have been made. A3. Variability > show examples of iconic magazine covers throughout history and tie in the use of Photoshop with graphic design and the production of magazines

RELEVANCE
R1. Goal orientation > The use of Photoshop in graphic design and photography is an industry necessity. Through this introductory unit students will work toward gaining the knowledge and skill necessary to manipulate images within the application R2. Motive matching >The impetus of this unit is to tie in principles of design previously studies with image editing skills in order to enable students to dig deep into photographic enhancement and image manipulation. Students will apply the knowledge and skills in this unit to future projects in this course. R3. Familiarity >The vast majority of target students for this unit will have at least a familiarity with the potential capabilities of the application. All students will have had exposure to magazines.

CONFIDENCE
C1. Learning requirements >Students will utilize an online environment to explore magazine cover history and design. This knowledge will then be applied in the design of magazine cover. Students will learn the application of several Photoshop tools in the digital creation of a magazine cover. C2. Success opportunities

B. Janzen - Ed tech 503 - Instructional Design Project

! 25

> Waypoint for students success are built into the unit as they progress from Internet investigation to design and creation. The instructor has the opportunity to provide feedback after the Internet inquiry and as students create the rough design. Students are required to consult the instructor on the rough copy of the magazine cover design before proceeding to the digital creation. C3. Personal control > Once students begin the digital design of the cover students may follow the online instructions sequentially or choose to reorder the sequence of steps. The entire digital process must be followed, however students may customize the order.

SATISFACTION
S1. Natural consequences > Students will apply their new skill and knowledge in the development of images in further photography assignments and transfer that knowledge to uses in other classes. S2. Positive consequences > Students will find, through the creation of the cover, that they will be able to produce surprisingly professional results. Students will gain confidence in image manipulation that will enable them to experiment with the technology in future projects. Students may also have an improved ability to identify images that have been touched up and perhaps recognize the techniques used. S3. Equity > Students will begin to see themselves as graphic designers in training. They will develop a sense of pride in their ability to produce professional looking images on their own.

Keller, J. M. (1987). The systematic process of motivational design. Performance & Instruction, 26 (9/10), 1-8.

Instructor Guide for an Introductory Unit on Photoshop Elements

Preparation of the learning environment: The learning environment will consist of an Internet connected computer lab with iPhoto, Photoshop Elements, and Safari installed. The instructor will connect a computer and projector to a Smart board for demonstration and the display of images.

Introduction
A. Focus the attention of the class to the Smart board with the use of striking photo shopped images and ask them to describe what is real.

B. Janzen - Ed tech 503 - Instructional Design Project

! 26

B. After a series of images and discussion introduce iconic magazine cover images and discuss why they are recognizable and what design principles are employed. C. Direct student attention to the class website that has a break down of the entire unit. D. Review each element of the unit including: Part 1: Research and Response Part 2: Magazine Cover Design Part 3: Digital Cover Creation E. Discuss the procedure for completion of the unit and the expectations for evaluation. F. Show students some examples of covers created by students in previous classes.

Body
1. Research the history and design of magazine covers. 2. Design and create a magazine cover for a fictitious magazine featuring a digital photos of yourself,

Elements of Magazine Covers

Banner (sometimes called "nameplate") Tagline Image Cover blurbs UPC code Price Date/Volume number website

Step 1. Research and Questions

Students should procede to assigned computers and navigate to the assignment website found at: http://mdphoto-magazine.wikispaces.com/ Students will follow the instructions found on the website.
B. Janzen - Ed tech 503 - Instructional Design Project

! 27

Vogue/Life Magazine Cover Analysis

Choose a cover from Vogue and Life magazines and copy the images onto your wiki. Students will answer the following questions on a new page on their personal wiki titled Magazine Cover Assignment: 1. What do both of the covers have in common? 2. What is the main story in that issue and how does it relate to the image on the cover? 3. What design principles are evident in the cover image? Explain

The Evolution of the Magazine Cover

4. What were some characteristics of early magazine covers? 5. What are some characteristics of the poster cover? 6. What is the purpose of cover lines? 7. What is an "integrated" cover? 8. How can the placement of cover lines effect the overall design of a cover?

Cover Lines
9. Describe the following styles of cover lines: Outside the box Inside the box Columns Zones Banners and Corners Unplanned and Planned Spaces

Step 2. Rough Design of Cover

Based on your understanding of cover design and of design principles in general, design a rough draft on paper of a fictitious magazine cover. Students must sketch the cover and include all the required elements as listed on the class website. Students will bring their design to the instructor for consultation and approval before beginning the digital design.
B. Janzen - Ed tech 503 - Instructional Design Project

! 28

The Instructor will demonstrate the following tools and techniques using the Smart board: 1. Create a new copy of the portrait with a transparent background 2. Change to Transparent Background 3. Eliminate the background from the digital portrait image using a combination of the following methods: Rectangular Marquee tool Elliptical Marquee tool Lasso tool Magic Wand tool Eraser Tool Magnifying Glass Tool 4. Students will place and adjust their portrait image on the background. Using the move tool click on the portrait layer and drag the image on top of the background layer Using the move tool click on the bounding box, resize and move the image to the desired location based on the rough draft and click apply. 5. Click on the Image tab and select Adjustments. Adjust lighting, contrast, and colour balance as required. 6. Students will add all required text layers titles cover lines price date website 7. Saving the Photoshop file as a JPEG and uploading the image to the students wikispace.

Step 3. Digital Cover Creation

Students are then free to begin the digital creation of the cover. I encourage the instructor to circulate and suggest to the students that they explore the application as they follow the detailed instructions on the class web site.

B. Janzen - Ed tech 503 - Instructional Design Project

! 29

Conclusion
1. The instructor will provide feedback to the research and response questions directly on the student websites. 2. The Instructor will display students work and the class will engage in constructive discussion and critique of student work. 3. The instructor will provide feedback to the students in the form of a rubric that is highlighted and commented on that will be uploaded to the students website. 4. The instructor may incorporate skills and knowledge from this unit as a spring-board into further exploration of graphic design and digital image editing in subsequent lessons.

B. Janzen - Ed tech 503 - Instructional Design Project

! 30

Part 5. Learner Content Part 5a. Learning materials All resources for this project may be found at the following website: h>p://mdphoto-magazine.wikispaces.com/ Part 5b. FormaDve and/or SummaDve Assessment Part 5c. Technology Tool JusDcaDon Part 6. FormaDve EvaluaDon Plan a. Design Reviews b. Expert Reviews c. Learner ValidaDon d. Ongoing EvaluaDon

B. Janzen - Ed tech 503 - Instructional Design Project

! 31

Appendix A Needs Assessment Data Overall Statistical Average Result:3.04017857142857

Rate the following by choosing a number from 1 to 5 based on your perceived ability to complete each task. a. Sketching objects to scale - Average Response: 3.16666666666667

B. Janzen - Ed tech 503 - Instructional Design Project

! 32

2. Taking portraits using a digital camera - Average Response: 3.95238095238095

3. Importing digital photos from the camera to iPhoto - Average Response: 4.14285714285714

B. Janzen - Ed tech 503 - Instructional Design Project

! 33

4. Manipulating images in the digital dark room using iPhoto. - Average Response: 3.07142857142857

5. Importing saved photo les into Photoshop Elements - Average Response: 2.92857142857143

B. Janzen - Ed tech 503 - Instructional Design Project

! 34

6. Creating copies of images on transparent backgrounds in Photoshop Elements - Average Response: 2.0952380952381

7. Eliminating unwanted areas of an image using various tools in Photoshop elements. - Average Response: 2.83333333333333

B. Janzen - Ed tech 503 - Instructional Design Project

! 35

8. resizing and moving images in Photoshop Elements - Average Response: 2.88095238095238

9. Combining images using layers in Photoshop Elements - Average Response: 2.54761904761905

B. Janzen - Ed tech 503 - Instructional Design Project

! 36

10. manipulating colour using paint brushes and bucket tools in Photoshop Elements - Average Response: 2.85714285714286

11.adding text to a Photoshop Elements image - Average Response: 3.5

B. Janzen - Ed tech 503 - Instructional Design Project

! 37

12. resizing and moving text in Photoshop Elements - Average Response: 3.26190476190476

13. adding lters and effects to images in Photoshop Elements - Average Response: 2.45238095238095

B. Janzen - Ed tech 503 - Instructional Design Project

! 38

14. adding lters, effects and textures to text in Photoshop Elements - Average Response: 2.33333333333333

15. saving an image using various le formats using Photoshop Elements - Average Response: 3.14285714285714

B. Janzen - Ed tech 503 - Instructional Design Project

! 39

16. uploading a JPEG le to your wikispace - Average Response: 3.47619047619048

17. What kinds of things do all magazine covers have in common. The following is a sampling of responses. The entire for can be found at: http://tinyurl.com/6fweouo they all have: - text - images - titles - subtitles A direct focus, with simple, geometric graphic design. Barcodes, Titles, bright/attractive colouring, cover photos, prices, story headlines, title, date, price, homepage, subject, barcodes, Titles, Bright/attractive colouring, Cover Photos, Pricing, Headlines for stories, Issue dates, Bar code, website, background, title, price; Big tittle, price, background, barcode, impactive words title, picture, coverlines -Barcodes, prices -Some kind of message, conveyed through an image or text -There aren't very many rules, because magazine covers can be very artistic
B. Janzen - Ed tech 503 - Instructional Design Project

! 40

B. Janzen - Ed tech 503 - Instructional Design Project

! 41