Introduction to Flash Animation

(1)

Authors Derek Bishoff, Christopher Shadwell

Subject Business

Course None Selected

Grade(s) 10 , 11 , 12

Location

Curriculum Writing History Notes

(2)

Page: 2 of 14

September October November December January February March April May June

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 September/Week 1 - September/Week 2

[1] Getting Started With Adobe Flash

September/Week 1 - January/Week 20

Workplace Readiness Skills

September/Week 3 - October/Week 5

[2] Adobe Flash Tools

October/Week 6 - November/Week 10

[3] Symbols and Interactivity

November/Week 11 - January/Week 17

[4] Creating Animations

January/Week 18 - January/Week 20

(3)

Duration: September/Week 1 - September/Week 2 UNIT NAME: [1] Getting Started With Adobe Flash

Enduring Understandings Essential Questions Knowledge Skills Standards

Animation and interactivity are essential ways to help

individuals and businesses communicate, convey ideas, and deliver messages.

What are the fundamental components of the Adobe Flash Workspace and how are they used efficiently?

What is the "Stage" and how is it used?

How does understanding Layers, Frames, and the Timeline help to make Flash animations?

Define and recognize Adobe Flash Panels, Stage, Timeline, Playhead, Layers, and Frames.

Locate and define the Properties, Library, and Tools Panels.

Define and differentiate Keyframes and Blank Keyframes.

Define Frame Rate.

Manipulate the Flash

Workspace by moving, grouping and ungrouping, collapsing and expanding Panels.

Reset the Flash Workspace.

Manipulate the Playhead using the mouse and keyboard shortcuts.

Add a New Layer.

Delete a Layer.

Change the Layer order.

Create a Layer Folder.

Group Layers in a Folder.

Set Layer Properties.

Insert Blank Keyframes.

Insert Keyframes.

Set document properties (dimensions, Stage color, and frame rate) using the Properties Panel.

Open, create, preview, publish, and save a Flash Movie.

8.1.12.A-Technology Operations and Concepts (09-12)[State:New Jersey] 8.1.12.B-Creativity and Innovation (09-12)[State:New Jersey] 8.1.12.C-Communication and Collaboration (09-12)[State:New Jersey] 8.1.12.D-Digital Citizenship (09-12)[State:New Jersey] 8.1.12.F-Critical Thinking, Problem Solving, and Decision-Making (09-12)[State:New Jersey]

8.2.12.A-Nature of Technology: Creativity and Innovation (09-12) [State:New Jersey]

8.2.12.B-Design: Critical Thinking, Problem Solving, and Decision-Making (09-12) [State:New Jersey] 8.2.12.E-Communication and Collaboration (09-12)[State:New Jersey] 8.2.12.F-Resources for a Technological World (09-12) [State:New Jersey]

8.2.12.G-The Designed World (09-12)[State:New Jersey] 9.1.12.A-Critical Thinking and Problem Solving (09-12) [State:New Jersey] 9.1.12.B-Creativity and Innovation (09-12)[State:New Jersey] 9.1.12.C-Collaboration, Teamwork, and Leadership

(4)

Page: 4 of 14 (09-12)[State:New Jersey] 9.1.12.E-Communication and Media Fluency (09-12) [State:New Jersey] 9.1.12.F-Accountability, Productivity, and Ethics (09-12) [State:New Jersey]

(5)

Duration: September/Week 1 - January/Week 20 UNIT NAME: Workplace Readiness Skills

Developing one's personal, professional, and technology knowledge and skills will

prepare students to contribute in today's workforce.

Why is it important to maintain a positive work ethic and attitude at work and/or in the classroom?

When is it appropriate to use telecommunications devices at work and/or in school?

Understand the methods used to display effective and

appropriate workplace behavior.

Demonstrate positive work ethic by maintaining punctual and consistent attendance, taking directions willingly, and exhibiting motivation to accomplish the task at hand.

Demonstrate interpersonal, teamwork, and leadership skills necessary to function in a school and/or business setting.

Demonstrate maturity by working in a respectful and friendly manner.

Apply technology as it relates to personal and business decision making.

9.1.12.A-Critical Thinking and Problem Solving (09-12) [State:New Jersey] 9.1.12.C-Collaboration, Teamwork, and Leadership (09-12)[State:New Jersey] 9.1.12.D-Cross-Cultural Understanding and Interpersonal Communication (09-12)[State:New Jersey] 9.1.12.E-Communication and Media Fluency (09-12) [State:New Jersey] 9.1.12.F-Accountability, Productivity, and Ethics (09-12) [State:New Jersey]

9.3.12.C-Career Preparation (09-12)[State:New Jersey] 8.1.12.A-Technology Operations and Concepts (09-12)[State:New Jersey] 8.1.12.B-Creativity and Innovation (09-12)[State:New Jersey] 8.1.12.C-Communication and Collaboration (09-12)[State:New Jersey] 8.1.12.D-Digital Citizenship (09-12)[State:New Jersey] 8.1.12.E-Research and Information Literacy (09-12) [State:New Jersey] 8.1.12.F-Critical Thinking, Problem Solving, and Decision-Making (09-12)[State:New Jersey]

8.2.12.A-Nature of Technology: Creativity and Innovation (09-12)

(6)

Page: 6 of 14 [State:New Jersey]

(7)

Duration: September/Week 3 - October/Week 5 UNIT NAME: [2] Adobe Flash Tools

Flash provides a variety of drawing tools, and options, that allow individuals and businesses to convey their intended

message.

Flash is a vector-based application, which provides many benefits. This allows users to get the most out of the

program’s drawing tools and the tool options.

What tools does Adobe Flash offer for creating and editing animations?

What is the difference between vector and bitmap graphics? Which does Flash offer?

Are there different ways to create the same visual effect?

Identify and understand the use for the tools in the Tool Panel

Understand the different tools, methods, and outcomes for various selection tools

Understand the different tools, methods, and outcomes for various drawing tools

Differentiate between the Merge Drawing Mode and the Object Drawing Mode

Recognize the options available in both the Options Area of the Tool Panel and the Properties Panel

Work with grouped tools

Show gridlines and check settings

Work with Merge and Object Drawing Modes

Use the Rectangle, Oval, Line, Primitive Rectangle, and Primitive Oval tools

Use the Pen, Pencil, and Brush tools

Modify an object using tool options

Modify an object using the Properties Panel

Use the Spray tool with a symbol

Select a drawing using the Selection, Subselection, and Lasso tools

Change fill and stroke colors of a selected object

Use the Paint Bucket and Ink Dropper tools

Create a gradient and make changes to the gradient

Use the Zoom and Hand tools

(8)

Page: 8 of 14

Use the Text Tool to enter and change text attributes

Add a Filter effect to text

Create a guide for a guide layer

Add objects to a Guide layer

Copy and move an object

Resize and reshape an object

Rotate, skew, and flip an object (09-12)[State:New Jersey] 9.1.12.E-Communication and Media Fluency (09-12) [State:New Jersey] 9.1.12.F-Accountability, Productivity, and Ethics (09-12) [State:New Jersey]

(9)

Duration: October/Week 6 - November/Week 10 UNIT NAME: [3] Symbols and Interactivity

Using symbols and instances creates a more flexible production environment, and smaller, faster loading output. This results in a better experience for the end user.

How many types of symbols are their? How do they differ?

What are the uses for each type of symbol?

How do you create and edit symbols?

Understand the significance of the Library

Understand the four Button States (Up, Over, Down, Hit)

Differentiate the various types of Graphic Symbols and their uses

Define the use for Graphic Instances

Understand ActionScript

Create a Graphic Symbol.

Create and edit an instance

Edit a symbol in the edit window.

Break apart an instance.

Create fodlers in the Library panel.

Organize items within Library panel folders.

Display the properties of symbols, rename symbols, and delete symbols

Use multiple Library panels

Create a Button

Edit a button and specify a Hit-area

Test a button

Assign a stop action to frames

Assign a play action to a button

Assign a goto frame action to a button

Assign a second event to a button

(10)

Page: 10 of 14 Import graphics

Turn a text block into a button

Create a Movie Clip

(09-12)[State:New Jersey] 9.1.12.E-Communication and Media Fluency (09-12) [State:New Jersey] 9.1.12.F-Accountability, Productivity, and Ethics (09-12) [State:New Jersey]

(11)

Duration: November/Week 11 - January/Week 17 UNIT NAME: [4] Creating Animations

Animation can serve as a powerful part of any communication medium, regardless of whether the medium is e-commerce, education, or entertainment.

How can I create Flash Animations?

What are the different types of Flash Animations?

Understand motion tween animations

Understand shape tween animations

Understand frame-by-frame animations

Understand movie clip symbols

Recognize the pros and cons for each type of animation

Create and edit motion tween animations

Edit a motion path

Change the ease value of an animation

Resize, reshape, and rotate an object

Create a color effect

Orient an object to a path

Copy a motion path

Remove a motion tween

Work with multiple motion tweens

Create a classic tween animation

Add a motion guide and orient the object to the guide

Create an in-place frame-by-frame animation

Create a frame-by-frame animation of a moving object

Use the onion skin, onion skin outline, and edit multiple frames icons

(12)

Page: 12 of 14 Create a shape tween

animation

Adjust the rate of change in a shape tween animation

Use shape hints

Break apart graphic symbols

Create and edit a movie clip

Animate a movie clip

Select, copy and paste frames

Create animated text

Create rotating text

Add an action to a frame (09-12)[State:New Jersey] 9.1.12.E-Communication and Media Fluency (09-12) [State:New Jersey] 9.1.12.F-Accountability, Productivity, and Ethics (09-12) [State:New Jersey]

(13)

Duration: January/Week 18 - January/Week 20 UNIT NAME: [5] Adding Sound

Sounds are often the only effective way to convey an idea, elicit an emotion, dramatize a point, and provide feedback to a user's action, such as clicking a button.

How can you add sound into a Flash animation?

What types of sound files are compatible with Adobe Flash?

Recognize the significance sound can add to an animation

Understand the process of adding sound files to Adobe Flash animations

Add sound to the Library

Add a sound to the Stage

Label and edit a sound

Add sound to a Button action

Add sound to an animation

Sync sound(s) with an animation

Create an animation to accompany chosen sound effects

(14)

Page: 14 of 14 (09-12)[State:New Jersey] 9.1.12.E-Communication and Media Fluency (09-12) [State:New Jersey] 9.1.12.F-Accountability, Productivity, and Ethics (09-12) [State:New Jersey]