Lesson Plan. Course Title: Digital and Interactive Media. Session Title: Introduction to Publishing Layouts

Transcription

1 Lesson Plan Course Title: Digital and Interactive Media Lesson Duration: 24 Hours Session Title: Introduction to Publishing Layouts Performance Objective: Upon completion of this assignment, the student will be able to understand the basics of page layouts and create business cards and posters. Specific Objectives: Students will be able to Identify the steps needed to complete tasks Construct a product with the help of their teacher Demonstrate publishing layouts skills by creating products as individuals or in a team Preparation TEKS Correlations: (c) (1)(D) Employ effective verbal and nonverbal communication skills; (1)(F) Demonstrate leadership skills and function effectively as a team member; (1)(I) Demonstrate planning and time-management skills such as project management and storyboarding; (5)(B) Identify and use perspective such as backgrounds, light, shades, shadows, and scale to capture a focal point and create depth; (5)(C) Identify and use principles of proportion, balance, variety, emphasis, harmony, symmetry, unity, and repetition in type, color, size, line thickness, shape, and space; (5)(E) Identify and use typography; (5)(F) Identify and use color theory. Instructor/Trainer References: Content developer knowledge Instructional Aids: How Do I student notes How Do I teacher notes How Do I Product Practice Class Ad Activity Application Desktop Student Notes Application Desktop Quiz Application Desktop Quiz Answer Key Product Service Creation IT: D&I Media Publishing Layout Introduction Plan 1

2 Logo Planning Sheet and Rubric Business Card Planning Sheet and Rubric Poster Planning Sheet and Rubric Presentation Planning Sheet and Rubric TLCHS.jpg Squares.gif EndProduct.indd Materials Needed: Cardstock for business cards Paper for posters (posters can be set up as letter size or movie poster size) Equipment Needed: Computers with a professional publishing layout and graphic editor applications Color printer Learner The student will need to know How to use professional publishing layouts and graphic editors The basic design principles Introduction MI Introduction (LSI Quadrant I): Introduction to Publishing Layouts: Teacher will begin by leading a discussion with the students: Has anyone here ever looked at or purchased a magazine, a yearbook, business card, or poster? What software do you think they used to create these items? What would they use a text document for? (Answer: Typing the text) Why do you think they used a professional graphic editor? (Answer: Creating graphics) Why do you think they used a professional page layout application? (Answer: To create the layout for the publication) What do you think layout means? (Answer: A layout is a design plan that determines where the text and graphics will be placed on a page) Outline MI Outline (LSI Quadrant II): Instructor Notes: Teacher will begin by giving the students the Application Desktop Student Notes. Then go over the Application Desktop. There will be a quiz over the Application Desktop. How Do I notes _Student version and while giving the students the answers showing them how to do The Application Desktop Quiz Answer Key has the correct answers for the Application Desktop Quiz. Some answers may change depending on your version of your professional page layout IT: D&I Media Publishing Layout Introduction Plan 2

3 the steps. This should be counted as a daily grade. Teacher will give the Application Desktop Quiz. This should be counted as a quiz grade. Teacher will lead the class in the How Do I Product Practice. application. You can have the students follow along with you on their computers. Application Desktop Quiz Answer Key has the correct answers for the quiz. Count this as a daily grade. The end design is available in EndProduct.indd. Students will now complete the Class Ad Activity on their own. Count this as a quiz grade. Students will begin working on their product creation project under the Informal Assessment. Their products will be the Formal Assessment. The teacher will need to monitor students progress to ensure that they are staying on task with the various parts of the project that need to be completed. The products can be counted as major grades. Application 3 IT: D & I Media Business Card Planning Sheet

4 MI Guided Practice (LSI Quadrant III): The teacher will lead the class in the How Do I Product Practice. This should be counted as a daily grade. The end design is available in EndProduct.indd. MI Independent Practice (LSI Quadrant III): Students will now complete the Class Ad Activity on their own. This should be counted as a quiz grade. Summary MI Review (LSI Quadrants I and IV): The teacher will have the students complete a brief journal explaining the following: What is a professional publishing layout application used for? Name two situations where it would be appropriate to use a professional publishing layout application. List three skills the students have learned from this lesson. Evaluation MI Informal Assessment (LSI Quadrant III): Students will begin working on their product creation project. The teacher will need to monitor students progress to ensure that they are staying on task with the various parts of the project that need to be completed. The students can work individually or in groups to create an original product or service. The students will need to pitch their ideas to secure donations from investors for their product or service (community volunteers, principals, or other teachers can be the investors for their products). This is similar to 4 IT: D & I Media Business Card Planning Sheet

5 what aspiring entrepreneurs try to accomplish on one of today s top reality television shows. The students will present their product or service to the investors with the help of posters advertising their product or service and business cards. MI Formal Assessment (LSI Quadrant III, IV): The final products of the product creation project will be business cards, a poster, and a presentation of the student s idea. 1. Go over project with students (Product Service Creation Handout) 2. Discuss the creation of logos (Logo Planning Sheet and Rubric). The logo planning sheet should be done individually. The work can be done together after each student has come up with his/her own idea for a logo. Extension MI Extension/Enrichment (LSI Quadrant IV): Students can create posters for theatre productions, organizations within the school, or upcoming events. 5 IT: D & I Media Business Card Planning Sheet

6 Icon MI Teaching Strategies Verbal/ Linguistic Logical/ Mathematical Visual/Spatial Musical/ Rhythmic Bodily/ Kinesthetic Intrapersonal Interpersonal Lecture, discussion, journal writing, cooperative learning, word origins Problem solving, number games, critical thinking, classifying and organizing, Socratic questioning Mind-mapping, reflective time, graphic organizers, color-coding systems, drawings, designs, video, DVD, charts, maps Use music, compose songs or raps, use musical language or metaphors Use manipulatives, hand signals, pantomime, real life situations, puzzles and board games, activities, roleplaying, action problems Reflective teaching, interviews, reflective listening, KWL charts Cooperative learning, roleplaying, group brainstorming, cross-cultural interactions Personal Development Strategies Reading, highlighting, outlining, teaching others, reciting information Organizing material logically, explaining things sequentially, finding patterns, developing systems, outlining, charting, graphing, analyzing information Developing graphic organizers, mindmapping, charting, graphing, organizing with color, mental imagery (drawing in the mind s eye) Creating rhythms out of words, creating rhythms with instruments, playing an instrument, putting words to existing songs Moving while learning, pacing while reciting, acting out scripts of material, designing games, moving fingers under words while reading Reflecting on personal meaning of information, studying in quiet settings, imagining experiments, visualizing information, journaling Studying in a group, discussing information, using flash cards with other, teaching others Naturalist Existentialist Natural objects as manipulatives and as background for learning Socratic questions, real life situations, global problems/questions Connecting with nature, forming study groups with like-minded people Considering personal relationship to larger context 6 IT: D & I Media Business Card Planning Sheet

7 Name: Business Card Planning Sheet and Rubric When creating a business card, you want to carry over the tone of your logo and product. Design elements, such as borders, should continue using the colors and fonts of the logo. You will also want to put your logo and contact information on your business card. Fill out the following information: Title of the Company: Address: Company Phone #: City, State, Zip: Company Address: Fax #: Company Web Site: 7 IT: D & I Media Business Card Planning Sheet

8 Tips for creating your business card: - When you insert an address, it either needs to be all on one line or the street address should be on one line and the city, state, and zip should be on the 2 nd line - Phone numbers and web sites should all be on one line - All hyphens should be removed except for phone numbers - Include the logo on your business card - Look at some examples of business cards for ideas Sketch out your business card design below: Objective Points Logo is included 15 Design elements of the logo are carried through 20 the rest of the design All text is easy to read 20 Publishing layout business card template is 6 used All information is included on the business card 14 (2 pts each) Business card is well designed 25 Spelling and grammar (-2 pts each) Total 100 8

9 Class Ad Activity Now it s your turn! Pick your favorite class and create a letter size ad for it. When creating the ad, make sure you follow the design principles discussed previously: proportion, balance, variety, emphasis, harmony, symmetry, unity, and repetition. You need to know the major units of the class. You need to have the following elements: - A heading of the class name - A frame you changed the shape of (it can be a text frame or object) - Two different colored fonts - Graphics - Your school logo - A list in a two-column text box of the units of the class Objective Points All the requirements have been followed 48 Design elements have been followed 20 Heading is class name 7 Poster is 8.5x11 5 Poster is well designed 20 Spelling and grammar -2 pts each Total 100 9

10 Name: In My Professional Layout Application How Do I? 1. Create a new file? 2. Change page size? 3. Create columns for pages? 4. Create columns in text boxes? 5. Change the margins? 6. Define picas? 7. Create a textbox? 10

11 8. Link textboxes? 9. Fix overset text? 10. Insert text from document files? 11. Insert pictures? 12. Spell check? 13. Turn off hyphens? 14. Wrap text around a picture? 15. Change the shape of a textbox? 11

12 16. Create layers for my layout? 17. Put an object on a layer? 18. Move objects between layers? 19. Create more pages for my publication? 20. Zoom out to see the entire page using my keyboard? 21. Use templates? 22. Hide and lock layers? 23. Add strokes to objects? 12

13 24. Change font and font size? 25. Change font color for stroke and fill? 26. Move an object in the frame? 27. Create and remove guides? 28. Duplicate objects? 29. Resize an object using the frame? 13

14 In My Professional Layout Application How Do I? 1. Create a new file? a. File > New b. In the Welcome menu, click Document under Create New 2. Change page size? a. Choose a Page Size from the drop down menu b. Type in a specific page size into Width and Height 3. Create columns for pages? a. Change the number of columns on the New Document dialogue box 4. Create columns in text boxes? a. Object > Text Frame Options > Change the number of columns 5. Change the margins? a. Type in the Top margin and the rest will update automatically. You can type in inches by putting in the number and following it with either in or 6. Define picas? a. Picas are units of measurement. One pica equals 12 points. There are 6 picas per one inch. 7. Create a textbox? a. Click on the Text tool and draw your textbox where you want it. 8. Link textboxes? a. Linking textboxes means connecting textboxes, so when you run out of room in one textbox, it will automatically go into the next textbox. To link textboxes, create both textboxes, then click on the outside portion of the textbox, then click inside the textbox you want it to go into. 9. Fix overset text? a. Overset text is text that cannot fit inside the current text frame; it is indicated by a red plus sign. To fix this, you can either make the textbox bigger or thread the overset text into another textbox. To do this, click on the red plus sign, then click inside the text box you want it to go into. 10. Insert text from document files? a. File > Place > Browse for the file > Your mouse is now a loaded icon, and you click where you want the text to go 11. Insert pictures? a. File > Place > Browse for the file > Click where you want the picture to go 12. Spell check? a. Edit > Spelling > Check Spelling 13. Turn off hyphens? a. Select the textbox > Window > Types and Tools > Paragraph > Uncheck the Hyphenate box 14

15 14. Wrap text around a picture? a. Window > Text Wrap > Select the object you want to wrap text around > Choose Wrap around bounding box or Wrap around object shape 15. Change the shape of a textbox? a. Choose the Direct Selection tool > Select the text box > Select a corner > Move the corner into the shape you want 16. Create layers for my layout? a. Windows > Layers > Select the New Layer button 17. Put an object on a layer? a. Select the layer then insert the object 18. Move objects between layers? a. Open the layers palette > on the far right side of the layer is a square; when you select the square, you can see what layer it is on because a filled-in square appears on the layer. To switch the layer the object is on, click on the square and move it to the layer you want it on. 19. Create more pages for my publication? a. Open the Pages palette (Window > Pages) > Click on the new pages button 20. Zoom out to see the entire page using my keyboard? a. Click Ctrl + zero 21. Use templates? a. File New > Document from Template> Choose your template b. In the Welcome Dialogue box > Click From Template under Create New 22. Hide and lock layers? a. To Hide a layer: Open the Layers palette > Choose the layer you want to hide > Click on the eye b. To Lock a Layer: Open the Layers palette > Choose the layer you want to lock > Click on the second box and a lock will appear. 23. Add strokes to objects? a. Select the object you want to add a stroke to > choose the Stroke panel > Change the size of the stroke > On the toolbar, change the color of the stroke by double clicking on the stroke color box and choosing a color 24. Change font and font size? a. Select the text > Go to the Application Bar > Click the font drop down box and change the font and font size b. Window > Type and Tables > Character > you can change the font, font size, font style, and more in this panel 25. Change font color for stroke and fill? a. To select the fill color: Select the text you want to change the color > double click the Font color > Choose the color you want 15

16 b. To select the stroke color around the font: Select the text you want to change > double click the stroke color > Choose the color you want 26. Move an object in the frame? a. Select the Direct Selection tool > Click the object you want to move > Drag the object to where you want to move it 27. Create and remove guides? a. Show the rulers (Ctrl+R) > Use the Selection tool > Click and hold on the ruler > Drag a guide where you want it b. To remove guides > Right click on the ruler > Delete all Guides 28. Duplicate objects? a. Select the object you want > hold down Alt + Click and drag the object to create a new one b. Edit > Duplicate 29. Resize an object using the frame? a. Using the Selection tool, change the size of the frame > Right click on the frame > Select Fitting > Fit Content to Frame. 16

17 How Do I? Product Practice 1. Create a new file. (File > New) 2. Change the margins to ¼ in. 3. Insert two layers > one named Graphics and one named Text. To name the layers, double-click on the layer and re-name it in the Layers Options dialog box. 4. Click on the Graphics layer > Insert the TLCHS logo in the bottom right corner. Resize the logo by using the Selection tool > Right-clicking > Fitting > Fit Content to Frame. Make it smaller to make it fit better on the page. 5. Make sure the Graphics layer is selected > Insert a rectangle on the left side of the page 66p x 12p. Change the filler color (C: 87; M: 39; Y: 100; K: 40). 6. Use the Add Anchor Point tool to add a point on the right side midway down the page at X: 12p Y: 33p. 7. Using the Direct Selection tool > click one time on the point > move the point to X:18p 8. Click on the Convert Anchor Point tool > click on the anchor point you just created > Drag up toward the top of the document until the right side is curved out. 9. Make sure the Graphics layer is selected > Insert the Squares.gif file. Using the Control Bar in the Width box, change the size to 15p, and Height 15p. Change the location to X: 7p6.5, and Y: 9p > Right-click > Fitting > Fit Content to Frame 17

18 10. Select the Text layer > Create a text box in the upper right corner of the document > Type in letters DIM > Change the font size to 150 pt > Change the font to Garamond > Change the Tracking to 200 > Right align the text > Right-click on the text > Fitting > Fit Frame to Content. 11. Make sure the text layer is selected > Create a text box and type Join Digital and Interactive Media > Change the size to 40pt > change the font to Garamond > change the color to white > using the control panel, X: 9p8.4; Y: 46p; W: 16p4.8; H: 14p5 12. With the Text layer selected > create a textbox > type in You will learn: > change the font to Adobe Garamond > Change the font size to 49pt > change the position to X: 29p5; Y: 18p; > Right-click > Fitting > Fit Frame to Content 13. With the Text layer selected > create a textbox > with the textbox selected, click Object > Text Frame Options > Change the number of columns to two > change the font to Garamond > Change the font size to 35pt > change the position to X: 34p; Y: 26p; > change the size to W: 31p5.6; H: 10p; 14. With the Text layer selected > Create a textbox > Type Talk to your Counselor today! > change the font to Garamond > Change the size to 60pt > Change the position to X: 35p; Y: 43p; > change the size to W: 28p; H: 16p; > Change the rotation angle to 26º. 18

19 19

20 20

21 Name: Logo Planning Sheet and Rubric 1. Name 3 logos without looking them up on the computer. 2. What are some things these logos have in common (e.g., they are simple in design and multicolored, etc.)? 3. Write a 1-2 sentence description of your product or service. 4. Write down 3-5 keywords from your description that describe your product or service (stay away from word like awesome and amazing). 5. Think of who you think will buy your product or service. How old are they? What other things might these people purchase? Why? 6. Now thinking of the people you believe would buy your product, what tone would be appropriate for your product or service? Fun, serious, professional, or something else? 7. What colors would help convey the tone you believe your product should have? 8. From the colors listed above, pick a couple that you would like to use in your logo. These colors will be used for your text and graphics of your logo, so make sure they are contrasting but pleasing together. 9. Thinking of the tone you want to convey, what kind of font would work on your logo? 21

22 10. Use the area below to sketch out a rough draft of your logo. 11. Get together with your team and look at all the logos. As a group, pick out your favorite logo or combine several logos together. 12. Use a graphic editor to create your logo. Tips for creating your logo: - Keep it simple - Make sure the font you use can be read big or small - If using a graphic editor, make sure the resolution is set to at least 300 ppi. - You can make your logo smaller, but when you make a bitmapped logo bigger, it becomes pixelated and blurry. - Don t use more than three colors, and make sure they are contrasting colors. Objective Points Logo is 10 x 10 at 300ppi 15 No more than 3 colors are being used 15 Colors are contrasting 20 Logo conveys the tone of the product 10 Font is well chosen 15 Logo is well designed 25 Spelling and grammar (-2 pts each) Total

23 Name: Poster Planning Sheet and Rubric When creating a poster, you want to give customers information quickly because most people do not stop to read posters. They see them while passing by in cars or on foot. 1. What is the one thing you want people to know about your product or service? 2. Brainstorm within your groups and find ways to make the one item stand out. Some examples would be to make the picture/text the largest item on the poster, make the text bold, or create contrasting color. 3. Now think of two or three other items you want your potential investors to know about your product or service (i.e. where to buy your product or service). Brainstorm how to put these items on the poster without detracting from the focal point above. Tips for creating your poster: - Be sure to include your logo on the poster - Use the colors from the logo in the other design elements of your poster - Make sure you continue to convey the tone of your product on your poster 23

24 Sketch out your poster design below: Objective Points Logo is included 10 Design elements of the logo are carried through 15 the rest of the design All text is easy to read 15 Pertinent information is included 15 Poster is 2 x3 10 Focal point is well defined 15 Poster is well designed 20 Spelling and grammar (-2 pts each) Total

25 Presentation Planning Sheet and Rubric Introduction Why our products are great Why is our work the best possible product? What makes it great? Why should the judges pick our work over others? Discuss the target audience Who are our target audiences? What makes them our target audiences? Why we chose our design Give a basic description of the product: What does it do? Who does it help? Why should the investors choose our product / company to help? What makes it special? How does the product fit the personality of the target audience? Or help the target audience? Conclusion Conclude with a statement about why your team feels this product is best. Take questions from the audience 25

26 Preparation Divide the speaking parts evenly. For each part, choose the person who is the most knowledgeable about the topic or the person whose speaking ability best suits the part. For example, the graphic designer or the lead technologist may be the most knowledgeable about the graphics or layout. For the introduction and conclusion, choose the person who has the best persuasive or sales abilities and a person who is most likeable. Sometimes the client will buy from the person they can most relate to, so everyone in the group should put on his/her best personality. You want the client to like you and to like your product. Clients will often not buy a product from someone they do not like or cannot relate to. Have a master sheet that lists 1) order of topics and 2) who is speaking about each topic. Make notecards for each speaker to use during the presentation. Practice your presentation. Work on your timing, and be sure your transitions between speakers are smooth. Objective Points Everyone participates in the presentation 25 Information is accurate 15 Each member dresses professionally 20 Presentation is well thought out and thorough 25 Q&A answered correctly 15 Total 100 professionally for the presentation. Dress Be prepared for questions at the end of your presentation. 26

27 Service / Product Creation Your mission is to get in a team and create an original product or service. It can be a futuristic device or a hair dressing/babysitting service. (You ll fix Mom s hair for her big night out and then stay and watch the kids while she s gone). Now to get your business off the ground, you need to find investors to give you money for your business. Investors are people who give money to businesses in exchange for part ownership of the business. To convince the investors to give you money, you will need to present your product or service to them. You will create a logo for the product, a poster to showcase it, and business cards for your group. Objective Service / Product Description Due Date Logo Planning Sheet Logo Business Card Planning Sheet Business Cards for your group Poster Planning Sheet Poster Presentation Planning Sheet Presentation 27

28 28