Download presentation
Presentation is loading. Please wait.
Published byDulcie Jade Leonard Modified over 8 years ago
1
Banner Tutorial Module 4: Working with Images LESSONS 11 & 12
2
Module 4: Working with Images LESSONS 11 & 12 In this lesson, we will: Complete a tutorial using Microsoft Expression Design. Explore graphic tools while creating a banner for a beach trip.
3
Module 4: Working with Images LESSONS 11 & 12 Guiding Questions How does Expression Design work? What tools will you need to create a beach banner?
4
Module 4: Working with Images LESSONS 11 & 12 Web sites Learn Expression: http://www.learnexpression.com/?ad=mshttp://www.learnexpression.com/?ad=ms Expression Design Fills Video: http://preview.microsoft.com/video/videoDetails.aspx?video=f513aa65- 843f-418b-8bf5- df80a8688535&vp_evt=eref&vp_video=Image+Fills+in+Expression+ Design http://preview.microsoft.com/video/videoDetails.aspx?video=f513aa65- 843f-418b-8bf5- df80a8688535&vp_evt=eref&vp_video=Image+Fills+in+Expression+ Design Expression Design Text-on-Paths Video: http://preview.microsoft.com/video/videoDetails.aspx?video=c296d988 -ba82-492f-9028- 85dc29cac0a8&vp_evt=eref&vp_video=Expression+Design%3a+Text- on-Path http://preview.microsoft.com/video/videoDetails.aspx?video=c296d988 -ba82-492f-9028- 85dc29cac0a8&vp_evt=eref&vp_video=Expression+Design%3a+Text- on-Path
5
Module 4: Working with Images LESSONS 11 & 12 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.
6
Module 4: Working with Images LESSONS 11 & 12 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.
7
Module 4: Working with Images LESSONS 11 & 12 Banner Tutorial 1.Common Toolbar 2.File Tabs 3.Toolbox 4.Artboard 5.Properties Panel 6.Layers Panel 7.Action Bar
8
Module 4: Working with Images LESSONS 11 & 12 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
9
Module 4: Working with Images LESSONS 11 & 12 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.
10
Module 4: Working with Images LESSONS 11 & 12 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.
11
Module 4: Working with Images LESSONS 11 & 12 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
12
Module 4: Working with Images LESSONS 11 & 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?
Similar presentations
© 2024 SlidePlayer.com. Inc.
All rights reserved.