1. LESSONS 11 & 12
Module 4: Working with Images
Banner Tutorial

2. In this lesson, we will:
Complete a tutorial using Microsoft Expression Design.
Explore graphic tools while creating a banner for a beach trip.
Lessons 11 and 12 Overview

3. Guiding Questions How does Expression Design work?
What tools will you need to create a beach banner?
Use the guiding questions as a class starter, allowing the students time to answer the questions in their journal. Discuss student answers to the questions.

4. Web sites Learn Expression: http://www.learnexpression.com/?ad=ms
Expression Design Fills Video:
Expression Design Text-on-Paths Video:
Use Web sites to give background information and show examples.

5. Banners Review Banners: What is the purpose of a banner on a Web site?
How do banners influence the audience? Can you recall a specific banner that influenced you? How?
Open Banner Tutorial
Open Expression Design. On the File menu, click Open.
As you are working, save your banner in your folder.
(Banners are a form of advertisement on the World Wide Web, and are intended to attract traffic to this specific Web site.)
(They are made to attract attention and influence the audience to look, interact, or buy.)
Add information on opening a file that is appropriate for your students.

6. Scenario
By the end of these exercises using Microsoft Expression Design, you will be able to:
Create and edit design files.
Export graphics.
Use Expression Design’s vector-based drawing tools.
Create graphical effects.
Change settings for optimization and export.
The following tutorial exercises introduce you to using Microsoft Expression Design. By the end of these exercises, you will be able to create and edit design files and export graphics. The tutorial explains how to use Expression Design’s vector-based drawing tools, graphical effects, and settings for optimization and export. 
The design that you will use in this lab is the “My Beach Trip” header design as shown next.  There is a full-size image of the completed design asset (beachHeader_final.png) in the Allfiles_Design folder. 

7. Banner Tutorial Common Toolbar File Tabs Toolbox Artboard
Properties Panel
Layers Panel
Action Bar

8. Review
Layer: A transparent virtual page on which an object or objects are placed in a drawing.
Grouping: Selecting and designating objects so that they will be treated as one object for the purposes of scaling, manipulating, and even changing attributes.
Path: A vector line or object (straight or curved) defined by a series of anchor points and segments.
Transform: Manipulate or change an object by rotating, reflecting, scaling, stretching, or skew it
Summary and Vocabulary 

9. Review Resolution: The pixel count (in dots per inch) of an image.
Distribute: Arrange the placement of three or more objects within a given space (vertically or horizontally) so that the distances between them are equal.
B-Spline: A tool that enables the designer to create Bezier paths (segments controlled by anchor points) by placing a series of anchor points in the direction the designer wants the path to follow.
Appearance Menu: A menu that contains tools such as color picker, quick swatches, fills, and effects.
Summary and Vocabulary 

10. Review
Clipping Mask: A function in which one shape can mask areas in another object. Path and shapes can be clipping masks.
Text: Editable typographical characters that are created to be read.
Canvas: The background area in which the image is set or created upon.
Exporting: Saving the image as a different graphic file type such as GIF or JPEG.
Summary and Vocabulary 

11. Exercises
EXERCISE 1 - Creating the Layers and Simple Background Elements for the Header Design
EXERCISE 2 - Adding the Text and Effects
EXERCISE 3 - Drawing the Sun Design
EXERCISE 4 - Drawing the Header Reflection
EXERCISE 5 - Exporting the Graphic
Ask students to answer the questions in their journal, with a partner, or as a whole class.

12. Assessment
In Expression Design, what is the importance of the Appearance Menu? How did you use it?
What did you do to get this banner ready for Web use?
Ask students to answer the questions in their journal, with a partner, or as a whole class.