2D Animation with Flash Program: Year 9 Digital Media

(1)

2D Flash Animation Program

2D Animation with Flash Program: Year 9 Digital Media

In this course students learn the concepts, tools, and techniques they’ll need to create their own animations. Students learn how to build vector graphics and create symbols—

reusable artwork at the heart of animations. The course also explains the different types of symbols and tweens in Flash, and how to use them to build and animate content. The

lessons are about skill-building in using Adobe Flash CSS and allow students to apply their knowledge.

Overview

Target learner:

This course has been designed for year 9 group students.

Version/Length: Length: 8 lessons (could be spreads across more)

Outcomes:

See lesson plan grid

Equipment and Software:

Access to PC (students can work in pair on a workstation). Adobe Flash CSS, Microsoft Office Apps to record progress.

Tutorial ideas:

https://www.udemy.com/2d-digital-animation-with-flash-part-1/

Prerequisites

Learners may be familiar with some basic image manipulation tools. Students should be able to:



Manage folders and files



Use Word to edit and save files

o

Editing the ‘header’ of a Word document



Take screen prints and crop them.



Level 3 in reading and writing skills.

Parameters of the Learning Program

Reviewing the learning program

Teachers review the Learning Program after each session. Teaching resources are reviewed, improved and customised to suit learners’ needs. Learner achievements are analysed

to improve the delivery of the learning program and develop learning strategies. ICT teachers continually monitor, review and improve/adjust the materials as required.

Assessment

Learners are assessed based on the completion of tutorials, exercises and project diary file. Students update their project diary at the end of every lesson that shows evidence of

their work using screenshots of their work. Students explain the skills they have learned and what they could improve in their learning and skills.

LLN support

Learning: The tutorials are designed to be ‘visual’, however, help students with reading difficulties to work through them.

Reading: Video tutorials “Show Me” have been provided to cater literacy difficulties (reading comprehension) and learning.

Writing: Allow mainly use of screenshots and bullet points in the project diary.

(2)

ELEMENT

PERFORMANCE CRITERIA

Identify animation

requirements

1. Clarify 2D animation requirements, including design specifications and storyboard in consultation with relevant personnel

2. Clarify target users/audience and requirements with regard to output formats and delivery platforms

Generate and assess ideas

3. Review animations, artworks and other creative sources that may inspire design ideas

4. Obtain other relevant information that may influence design ideas

5. Generate a range of animation ideas that are technically feasible, respond to specifications and provide creative solutions to all design

issues

6. Present animation ideas to relevant personnel using appropriate design techniques

Plan approach

7. Assess the range of industry-current 2D animation software available to determine compatibility with design specifications

8. In consultation with relevant personnel, select the most appropriate 2D animation software for a given purpose

9. Evaluate initial design ideas and specifications against findings and discuss with relevant personnel to select final design concept

Produce animations

10. Apply basic screen principles , visual design principles , communication principles , animation techniques and animation principles to

produce animated sequences

11. Source and import, or generate sufficient quantity of key drawings to establish required actions

12. Combine animated objects to produce single sequences according to creative requirements and specifications

13. Integrate audio assets where necessary

14. Save and store animations using appropriate output file formats and standard naming conventions

Finalise animations

15. Review animations to assess creative solutions to design specifications, appropriateness to users/audience and technical feasibility

16. Discuss and confirm with relevant personnel additional requirements or modifications to overall designs or animations and undertake

necessary amendments

(3)

We

e

k

Learning Objectives _{Activities and}Teaching Resources

Differentiation (SEN & G&T)

Learning Outcomes/ Final Project

Assessment Opportunities (!) &

Resources () Criteria being assessed Key vocabulary

1 LESSON 1 Intro to Flash  Understand the Interface  Organizing Panels  Working with a Document  Working with

Rulers, Grid and Guides  Viewing Documents  Setting Preferences  Managing Multiple Document Files  What is Symbol?  How to create Symbol

 What is the use of

Symbol

Refer to PowerPoint, notes and lesson plan

SEN – Might need support to create

folders and initially locate the required documents.

The tutorials are designed to be ‘visual’, however, help students with reading difficulties to work through them.

Video tutorials and Teacher live demo to cater literacy difficulties (reading comprehension) and learning.

Allow mainly use of screenshots and bullet points in the project diary.

G&T – encourage to complete challenge exercises

These lessons are primarily differentiated by outcome. Less able learners should still be able to access all lessons although the rate of progress may be slower than that of other learners. Teachers may exceed the projected duration if they feel this would be more suitable for the classes they are teaching.

Extension activities have been embedded, where appropriate, to

enable more able learners to be

pushed within their skills and knowledge. Many of the activities require practice to achieve adequate results so in this case learners should be given additional activities to complete, perhaps following online tutorials.

Expected Pupils’ Outcomes:

By the end of the lesson pupils should have learnt to:



Know how to use the many

tools available in Flash's Toolbox.



Explore the Interface of

Adobe Flash and demonstrate how to interact with it



Learn the different types of

symbols used in Flash, and the techniques to use them.



Get to know the advantages

of symbols in 2D Flash Animation.



Learn how to assign special

Filter Effects to symbols and animate them.



How to use symbols in

Animations.

!

_{Student electronic}

worksheets



Worksheet completed



Students maintain project

diary



Thumbs up/down to gauge

how well students took to lesson.



Interactive activities allow

self-assessment

 Collects, organises and

presents data and information in digital content.

 Creates digital content

to achieve a given goal through combining software packages.  Makes appropriate improvements to solutions based on feedback received.

 Can comment on the

success of the solution.

 Makes judgements

about digital content when evaluating and repurposing it for a given audience.

 Recognises the

audience when designing and creating digital content.

 Uses criteria to

evaluate the quality of solutions.

 Can identify

improvements making some refinements to the solution and future solutions. Anchor point Bézier handle Bitmap graphics Export for ActionScript External library Eyedropper tool Frame label Frame rate Free Transform tool Gradient Gradient color pointers Gradient Transform tool Graphic symbol Hand tool Keyframe Layers Library Line tool Masks Merge Drawing mode Motion tween Movie clip symbol Oval tool Paint Bucket tool Playhead Property inspector Property keyframe tool Rectangle tool Scale Selection tool Shape tween Stage Symbol Timeline Transform Transparency Tween Vector graphics Zoom tool

(4)

2D Flash Animation Program 2 3 4 LESSON 2 , 3, 4 Background Dissection  How to trace bitmap files manually

 How to fill colours

 How to convert

them into vector symbol

 Use tracing

technique with simple drawing tools and the concept of “Groups” Refer to PowerPoint, notes and lesson plan

Less able learners should still be able to access all lessons although the rate of progress may be slower than that of other learners. Teachers may exceed the projected duration if they feel this would be more suitable for the classes they are teaching.

 understand step in

animation that comprises transformation of heavy bitmap images into simple-to-animate vector objects that can be edited as and when needed.

 recreate the bitmap

background image and its elements one by one,

 use the Background Tracing

technique with simple tools and the concept of “Group”. Also get a bird's eye view of the role of Background Dissection in Animation Process.

!

worksheets



Worksheet completed



diary



self-assessment

 Recognises the

 Can identify

improvements making some refinements to the solution and future solutions. Anchor point Bézier handle Bitmap graphics Export for ActionScript External library Eyedropper tool Frame label Frame rate Free Transform tool Gradient Gradient color pointers Gradient Transform tool Graphic symbol Guide layers Hand tool Keyframe Layers Library Line tool Masks Merge Drawing mode Motion tween Movie clip symbol Oval tool Paint Bucket tool Playhead Property inspector Property keyframe Rectangle Primitive tool Rectangle tool Scale Selection tool Shape tween Stage Symbol Timeline Transform Transparency Tween Vector graphics

(5)

We

e

k

Learning Objectives _{Activities and}Teaching Resources

Differentiation (SEN & G&T)

Learning Outcomes/ Final Project

Assessment Opportunities (!) &

Resources () Criteria being assessed Key vocabulary

5

LESSON 5

Camera Movement

 How to create

camera-tracking (zoom in, zoom out)

 How to create camera-pan Refer to PowerPoint, notes and lesson plan

 give the Camera feel to your

animation.

 use simple techniques like

Panning, Scale Up and Scale Down to make the viewer feel as if your animation is being shot through a real camera

!

worksheets



Worksheet completed



diary



self-assessment

 Recognises the

 Can identify

improvements making some refinements to the solution and future solutions. Anchor point Bézier handle Bitmap graphics Export for ActionScript External library Eyedropper tool Frame label Frame rate Free Transform tool Gradient Gradient color pointers Gradient Transform tool Graphic symbol Guide layers Hand tool Keyframe Layers Library Line tool Masks Merge Drawing mode Motion tween Movie clip symbol Oval tool Paint Bucket tool Playhead Property inspector Property keyframe tool Rectangle tool Scale Selection tool Shape tween Stage Symbol Timeline Transform Transparency Tween Vector graphics Zoom tool

(6)

2D Flash Animation Program 6 7 8 LESSON 6, 7, 8 Assessment  learn to create an animated Greeting card

 using the previously

learned tricks, techniques and different tools to create a greeting card in Flash. Refer to PowerPoint, notes and lesson plan

 create vector based

elements from the reference images

 use simple Motion-Tween

technique for the animation with the help of this tutorial, similarly you can create your own digital greeting cards.

!

worksheets



Worksheet completed



diary



self-assessment

Create an animated Greeting Cards:

 Birthday Card

 Happy Easter Card

 Halloween Card

 Christmas Card

 Recognises the

 Can identify

improvements making some refinements to the solution and future solutions. Anchor point Bézier handle Bitmap graphics Export for ActionScript External library Eyedropper tool Frame label Frame rate Free Transform tool Gradient Gradient color pointers Gradient Transform tool Graphic symbol Hand tool Keyframe Layers Library Line tool Masks Merge Drawing mode Motion tween Movie clip symbol Oval tool Paint Bucket tool Playhead Property inspector Property keyframe tool Rectangle tool Scale Selection tool Shape tween Stage Symbol Timeline Transform Transparency Tween Vector graphics Zoom tool

(7)