Академический Документы
Профессиональный Документы
Культура Документы
Previous TM Certificates
experience with a. TQ certified
the topic b. TM graduate
c. TM trainer
d. TM lead trainer
Number of years as a competency trainer
______
environment.
b. Kinesthetic - described as the students in
the classroom, who have problems sitting
still and who often bounce their legs while
tapping their fingers on the desks. They are
often referred to as hyperactive students
with concentration issues.
c. Auditory- a learner who has the ability to
remember speeches and lectures in detail
but has a hard time with written text.
Having to read long texts is pointless and
will not be retained by the auditory learner
unless it is read aloud.
d. Activist - Learns by having a go
e. Reflector - Learns most from activities
where they can watch, listen and then
review what has happened.
f. Theorist - Learns most when ideas are
linked to existing theories and concepts.
g. Pragmatist - Learns most from learning
activities that are directly relevant to their
situation.
Other needs a. Financially challenged
b. Working student
c. Solo parent
d. Others(please specify)
___________________________
LO 4. Evaluate animation
4. USE AN AUTHORING TOOL TO CREATE AN INTERACTIVE
SEQUENCE
LO 1. Plan use of authoring tool
LO 2. Use authoring tool
LO 3. Check functionality of multimedia sequence
Note: In making the Self-Check for your Qualification, all required competencies should be
specified. It is therefore required of a Trainer to be well-versed of the CBC or TR of the program
qualification he is teaching. Date Developed: Document No.
Trainers February 2019 Issued by:
Methodology Level I Date Revised:
April 2019
Page 5 of 101
2D Digital Developed by:
Haidhar S. Husin
Animation NC III Revision # 01
Evidences/Proof of Current Competencies
Form 1.2: Evidence of Current Competencies acquired related to
Job/Occupation
Current
competencies Proof/Evidence Means of validating
CORE
1. Create 2d Certificate from Consider for
Digital Training of workshops authenticity of the
Animation document, date
Actual Work Folder
acquired and standing
(Portfolio)
of the
company/employer
who issued the
certificate.
Submitted Certificate
of Employment and
actual Work Folder
(Portfolio)
LO 4. Evaluate animation
4. USE AN AUTHORING TOOL TO CREATE AN INTERACTIVE
SEQUENCE
LO 1. Plan use of Plan use of authoring
authoring tool tool
LO 2. Use authoring tool Use authoring tool
LO 3. Check functionality Check functionality of
of multimedia sequence multimedia sequence
A. INTRODUCTION
This module covers the knowledge, skills and attitudes required in creating 2D digital animation. The trainee should be able to
identify requirements and select 2D animation software, Build character and environment and Produce 2D digital animation.
Modular Self- Read Answer Self Compare answers with the Module of
paced Information Check 3.1 – 2 on Answer key 3.1-2 on Instruction on
Lecture / Sheet 3.1 – 2 on Introduction to Introduction to Adobe Animation
Discussion Introduction to Adobe Flash Flash Professional CS6 Workflow
Introduction to Adobe Flash Professional CS6
2D software Professional Book/E-book
application CS6
Internet
Trainees were able to understand the functions and application of all the tools needed to create a 2D digital animation as for the learning
outcome. With the use of CBLM the information and skills that they need for 2D digital animation are made available. Through written test,
oral interview and demonstration performance test and self-checks, students were able to prove that they learn from the lesson.
References/Further Reading
Self Check
Information Sheet
Learning Experiences
Module
Module Content
Content
Module
List of Competencies
Content
Module Content
Module Content
Front Page
In our efforts to standardize CBLM,
the above parts are recommended for
use in Competency Based Training
(CBT) in Technical Education and
Skills Development Authority (TESDA)
Technology Institutions. The next
sections will show you the
components and features of each part.
List of Competencies
LEARNING OUTCOMES:
At the end of this module you MUST be able to:
3. Interface familiarization
Assessment Criteria
Conditions
Assessment Method:
1. Practical test
2. Direct observation
Assessment Criteria
Conditions
Assessment Method:
1. Practical test
2. Direct observation
2. BG model is produced.
Conditions
Assessment Method:
1. Practical test
2. Direct observation
1. Character design
2. Components of a character
3. Components of props
Assessment Criteria
Conditions
Assessment Method:
1. Practical test
2. Direct observation
1. Building a Character
Assessment Criteria
Conditions
Assessment Method:
1. Practical test
2. Direct observation
1. Modelling of objects
2. Components of objects
Assessment Criteria
Conditions
Assessment Method:
1. Practical test
2. Direct observation
1. Scene assembly
Assessment Criteria
Conditions
Assessment Method:
1. Practical test
2. Direct observation
2. Tweened animation
Assessment Criteria
Conditions
Assessment Method:
1. Practical test
2. Direct observation
1. Test movie
Assessment Criteria
Conditions
Assessment Method:
4. Practical test
5. Direct observation
Learning Experiences
Learning Outcome 1
RELATE TRADITIONAL ANIMATION TO 2D DIGITAL
ANIMATION
Learning Activities Special Instructions
1. Watch the Film on – “Hand After watching the Film proceed to
Drawn Animation vs CGI - A learning activities no. 2.
Documentary”
It is important to take note before
proceeding to the next activity given.
2. Read Information Sheet 3.1 Read and Understand Information
– 1 on Animation Process Sheet 3.1 – 1 and check yourself by
answering the Self-Check 3.1 – 1. It
is important to answer all the
questions correctly before proceeding
to the next activity given.
Answer Self-Check 3.1 – 1 Check your answers by comparing to
the answer key provided.
3. Read Information Sheet 3.1 Read and Understand Information
– 2 on Introduction to Adobe Sheet 3.1 – 2 and check yourself by
Flash Professional CS6 answering the Self-Check 3.1 – 2. It
is important to answer all the
questions correctly before proceeding
to the next activity given.
Learning Objectives:
After reading this INFORMATION SHEET, YOU MUST be able to:
1. Define the Traditional and 2D digital Animation
2. Explain the relation of Traditional and 2D digital Animation.
3. Explain the 2D Animation Process.
2D ANIMATION PROCESS
Types of Animation
1. Full Animation
o Walt Disney studio (Beauty and the Beast, Aladdin, Lion King,
and many more).
Involves the use of less detailed and/or more stylized drawings and
methods of movement.
3. Live-action Animation
5. Model Animation
6. Puppet Animation
7. Cutout Animation
2D Digital animation
I. Multiple Choice: Choose the best answer. Encircle only the LETTER
of your choice.
1.) Which of the following refers to the type of animation techniques where it
combines hand-drawn characters into a live-action shot?
A. Cutout Animation C. Puppet Animation
B. Live- action Animation D. Cel Animation
2.) Which stop-motion animation typically involves puppet figures interacting which
other in a constructed environment?
A. Clay Animation C. Puppet Animation
B. Cel Animation D. Cutout Animation
7.) Which of the following refers to a variant of cutout animation in which character
are backlit and only visible as silhouettes?
A. Silhouette Animation C. 2D Animation
B. Puppet Animation D. Limited Animation
1. B
2. C
3. A
4. D
5. A
6. C
7. A
8. D
9. A
10. B
Here are just some of the things you can do with Flash:
Animate. You can create original artwork using Flash’s tools, or you
can add images from your other favorite programs. Flash recognizes
the most common image, video, and sound file formats. Once your
artwork is in Flash, you can add motion, sound, and dazzling effects.
Surely you’ve spent some quality time watching JibJab cartoons.
Customer service kiosks. Many of the kiosks you see in stores and
building lobbies use Flash to help customers find what they need. For
example, photo kiosks walk customers through the process of
transferring images from their digital cameras and ordering prints;
kiosks in banks let customers withdraw funds, check interest rates,
and make deposits.
Television and film effects. The Hollywood set has been known to
use Flash to create visual effects for TV shows and even small feature
films. But where the TV and film industry is seriously adopting Flash
is on promotional websites, where designers can wed Flash graphics
to scenes taken from their movies and shows to present powerful
trailers, interactive tours of movie and show sets, and teasers.
Mobile apps. With Flash CS6, the biggest change is the ease with
which you can develop apps for mobile devices, from iPads to
Androids.
Self- Check 3.1 - 2
I. Multiple Choice: Choose the best answer. Encircle only the LETTER
of your choice.
A. 1995 C. 1997
B. 1996 D. 1998
3.) Flash’s was released under the name __________, it was a tool for creating web-
based animations.?
A. FutureSplash C. Clay Animation
B. Cel Animation D. Silhouette Animation
5.) Flash has grown up with the ________ and managed to carve out an important
niche.?
A. PHP C. HTTP
B. HTML D. WWW
1.
2.
3.
4.
5.
6.
7.
8.
Answer Key 3.1 - 2
1. Animate
2. Multimedia websites
3. Tutorials
4. Presentations
5. Customer service kiosks
6. Television and film effects
7. Games and other programs
8. Mobile apps
Learning Objectives:
After reading this INFORMATION SHEET, YOU MUST be able to:
In this information sheet you will be familiarize with the interface and its
tool of Adobe Flash Professional CS6.
Workspace
Stage
Stage is an area where all activities are performed that the viewers see
when a movie is being played. The gray area surrounding the Stage is called
Pasteboard. Anything in the Pasteboard is not visible in the final output.
You can change the color and size of the Stage by using the options in the
New Document dialog box and the Properties panel.
The Paint Bucket Tool is used to apply the fill (solid, gradient, or
bitmap) to a closed path or area.
Timeline Panel
The Timeline Header in the Timeline panel displays the frame numbers and
the Playhead indicates the current frame displayed in the Stage.
The New Folder button is used to create a new folder that can be
used to organize layers.
The Step forward one frame button is used to move the Playhead
forward by one frame from the current frame.
The Frame Rate option is used to specify the speed at which the
movie will be played. By default, the frame rate is set to 24 frames
per second. You can change the frame rate from the Properties
panel, the Timeline panel or the New Document dialog box.
The Show or Hide All Layers button is used to display or hide the
contents of the layers.
The library in Flash stores all the media files such as bitmaps,
graphics, sound files, and video clips that you import and symbols that you
create in a Flash document. You can organize items in the library in folders
and sort them by their type. You can also open the library of the other Flash
documents in the current document to make the library items available from
that file.
Library Panel
By default, the Library panel is located next to the Properties panel in the
Essentials workspace.
The Item Preview window displays the selected item in the Library
panel.
The Pin current library button is used to pin the Library panel to
make it stay active across multiple Flash documents.
New Symbol
The New Symbol button displays the Create New Symbol dialog box
that is used to create a new symbol.
New Folder
The New Folder button is used to create a new folder in the Library
panel.
Properties
Delete
1. Application screen
2. Stage
3. Pasteboard
4. six
5. selection tool
6. Free Transform Tool
7. Pen Tool
8. Pencil Tool
9. Timeline
Selection section
Drawing section
Editing section
View section
Color section
Options section
Equipment : PC System
Steps/Procedure:
1. Check if the computer installed with the Flash software.
2. Open Adobe Flash Professional CS6.
3. Explore and identify the workplace that can be found in the
interface of Adobe Flash Professional CS6.
4. Use all the tools in tools panel.
5. Use all options in the timeline panel.
Assessment Method:
Oral Questioning
Observation
Demonstration of Practical Skills
CRITERIA
YES NO
Did you….
1. Check if the computer installed with the Flash
software?
2. Open Adobe Flash Professional CS6?
3. Explore and identify the workplace that can be
found in the interface of Adobe Flash Professional
CS6?
4. Use all the tools in tools panel?
5. Use all options in the timeline panel?
I. Multiple Choice: Choose the best answer. Encircle only the LETTER
of your choice.
1.) Which of the following refers to the type of animation techniques where it
combines hand-drawn characters into a live-action shot?
A. Cutout Animation C. Puppet Animation
B. Live- action Animation D. Cel Animation
2.) Which stop-motion animation typically involves puppet figures interacting which
other in a constructed environment?
A. Clay Animation C. Puppet Animation
B. Cel Animation D. Cutout Animation
7.) Which of the following refers to a variant of cutout animation in which character
are backlit and only visible as silhouettes?
A. Silhouette Animation C. 2D Animation
B. Puppet Animation D. Limited Animation
A. 1995 C. 1997
B. 1996 D. 1998
13.) Flash’s was released under the name __________, it was a tool for creating
web-based animations.?
A. FutureSplash C. Clay Animation
B. Cel Animation D. Silhouette Animation
15.) Flash has grown up with the ________ and managed to carve out an important
niche.?
A. PHP C. HTTP
B. HTML D. WWW
I. Multiple Choice
1. B
2. C
3. A
4. D
5. A
6. C
7. A
8. D
9. A
10. B
11. C
12. B
13. A
14. C
15. D
II. Identification
1. Application screen
2. Stage
3. Pasteboard
4. six
5. selection tool
6. Free Transform Tool
7. Pen Tool
8. Pencil Tool
9. Timeline
10. Hand Tool
B.
Animate
Multimedia websites
Tutorials
Presentations
Customer service kiosks
Television and film effects
Games and other programs
Mobile apps
Portfolio
Written
The evidence must show that the trainee…
The software used in 2D digital animation is
in accordance with the specified delivery / / / /
platform.
Components of personal interface are / / / /
identified and discussed.
Set-up personal interface for work / / / /
convenience.
Objectives/ Content
Comprehen Applica # of items/
area/Topics Knowledge
sion tion % of test
Relate Traditional
animation to 2D 10 10 20/20%
digital animation
Knowledge in 2D
software application
10 10 10 30/30%
Interface
familiarization of 2D 15 20 50/50%
software application
TOTAL 35 35 30 100/100%
General Instruction:
Specific Instruction:
5. Use and identify the function of all the tools under tools panel.
Note: In the remarks section, remarks may include for repair, for
replenishment, for reproduction, for maintenance etc.
Note: In making the Self-Check for your Qualification, all required competencies
should be specified. It is therefore required of a Trainer to be well- versed
of the CBC or TR of the program qualification he is teaching.
Current
Proof/Evidence Means of validating
competencies
Produce key Video, Oral Presentation, Observation and Viewing
drawings for Actual performance
animation
Produce cleaned- Actual performance, Oral Observation and Viewing,
up and in- Presentation Personal interview
betweened
drawings
Create 2D digital Video, Actual Observation and Viewing,
animation performance, Oral Personal interview
Presentation
Use an authoring Actual performance, Oral Observation and Viewing,
tool to create an Presentation Personal interview
interactive
sequence
Identify Identify
requirements for in- requirements for
between drawings in in-between
actual scene folder drawings in
(realistic) actual scene
folder (realistic)
Produce in-between Produce in-
drawings in actual between
scene folder drawings in
(realistic) actual scene
folder (realistic)
3. Create 2D digital animation
Relate traditional Relate traditional
animation to 2D animation to 2D
digital animation digital
animation
Use drawing tools Use drawing tools
Work with symbols, Work with
timeline and library symbols,
timeline and
library
Analyze model sheet Analyze model
sheet
Construct objects Construct objects
Review and correct Review and
vectorirzed objects correct
vectorirzed
objects
Integrate sound Integrate sound
animated objects animated objects
and backgrounds and
backgrounds
Apply animation Apply animation
techniques techniques
Module Title/Module of
Gaps Duration (hours)
Instruction
LO1 - Relate RELATE TRADITIONAL 200 Hours
traditional ANIMATION TO 2D
animation to 2D DIGITAL ANIMATION
digital animation
LO2 - Use drawing
tools
LO3 - Work with
symbols, timeline
and library
LO4 - Analyze model
sheet
LO5 - Construct
objects
LO6 - Review and
correct vectorirzed
objects
LO7 - Integrate
sound animated
objects and
backgrounds
LO8 - Apply
animation techniques
LO9 - Review and
finalized 2D
animation sequence
Trainees’ Facilities/
Training Mode of Assessment Date and
Training Staff Tools and Venue
Activity/Task Training Method Time
Requirements Equipment
Allow trainees to read
Information Sheet
provided in the CBLM.
Modular
Provide short video Assisted by Learning
clips showing the Trainer Information Resource
different requirements Sheet Area Written Exam
for animation process.
Viewing of March 25,
Slides Mr. Video Clips Practical Oral 2019
Create 2D Digital Let the trainees answer
Haidhar Work questioning
Animation 8:00 AM –
the Self-assessment S. Husin Area
and check it using Demonstratio Laptop 4:00 PM
answer key n by Trainer Actual
Quality Demonstration
Projector Control
Have the trainees Performance Area
perform the Job Sheet Test
provided and use the
Performance Criteria
Checklist to check their
own work
THANK YOU.
__________________________________________________________
__________________________________________________________
__________________________________________________________
__________________________________________________________
__________________________________________________________
__________________________________________________________
__________________________________________________________
__________________________________________________________
__________________________________________________________
__________________________________________________________
__________________________________________________________
__________________________________________________________
__________________________________________________________
__________________________________________________________
__________________________________________________________
Produce in-
Apply
Unit of Competency: 3 CREATE 2D DIGITAL ANIMATION animation
_____________________ ____________________
Trainee’s Signature Trainer’s Signature
PREPARATION Avera
ge
1. Workshop
layout
conforms with
the
components of
a CBT
workshop
2. Number of
CBLM is
sufficient
3. Objectives of
every training
session is well
explained
4. Expected
activities/outp
uts are
clarified
General
Average
Dear Trainees:
The following questionnaire is designed to evaluate the effectiveness of
the Supervised Industry Training (SIT) or On the Job Training (OJT) you
had with the Industry Partners of Winzelle International College. Please
check ( √ ) the appropriate box corresponding to your rating for each
question asked. The results of this evaluation shall serve as a basis for
improving the design and management of the SIT in SICAT to maximize
the benefits of the said Program. Thank you for your cooperation.
Legend:
5 – Outstanding
4 – Very Good/Very Satisfactory
3 – Good/Adequate
2 – Fair/ Satisfactory
1 – Poor/ Satisfactory
NA – Not Applicable
Item
Question Ratings
No.
INSTITUTIONAL EVALUATION 1 2 3 4 5 NA
Has Winzelle International College conducted an
orientation about the SIT/OJT program, the
1 requirements and preparations needed and its
expectations?
First Rotation
Venue
Facilities/
Date &
Training Activity Trainee Tools and (Workstation/ Remarks
Time
Equipment Area)
Prayer
Recap of activities:
Review of Common
Competencies covered 8:00 – 9:00
CBC Module,
Unfreezing Activities: All Learning AM All trainees
Training
Morning exercise trainees Resource Area are present
Matrix
Feedback on the
Animation
Fundamentals
Viewing
Multimedia,
Presentation of the All 10
Information Contextual 9:00 – 10:30
animaton Group A trainees are
Sheet, Self- Learning Area AM
fundamentals present
check, Writing
Materials
Viewing
Multimedia,
All 10
Drawing and Information Contextual 10:30 –
Group B trainees are
Animation Styles Sheet, Self- Learning Area 12:00 PM
present
check, Writing
Materials
Computer
Demonstration on the Desktop, Job
Practical Area/
use of different Sheet, 1:00 – 2:30 9 trainees
Group C Computer
equipment needed for Performance PM are present
Laboratory
animation Criteria
Checklist
Computer
Exploring and Desktop, Job
Practical Area/
Familiarizing oftware Sheet, 2:30 – 5:00 8 trainees
Group D Computer
(Interface, Tools, Performance PM are present
Laboratory
Option) Criteria
Checklist
Second Rotation
Venue
Facilities/
Date &
Training Activity Trainee Tools and (Workstation/ Remarks
Time
Equipment Area)
Prayer
Recap of activities:
Review of Common
Competencies covered 8:00 – 9:00
CBC Module,
Unfreezing Activities: All Learning AM All trainees
Training
Morning exercise trainees Resource Area are present
Matrix
Feedback on the
Animation
Fundamentals
Viewing
Multimedia,
Presentation of the All 10
Information Contextual 9:00 – 10:30
animaton Group D trainees are
Sheet, Self- Learning Area AM
fundamentals present
check, Writing
Materials
Viewing
Multimedia,
Drawing and Information Contextual 10:30 – 9 trainees
Group A
Animation Styles Sheet, Self- Learning Area 12:00 PM are present
check, Writing
Materials
Computer
Demonstration on the Desktop, Job
Practical Area/ All 10
use of different Sheet, 1:00 – 2:30
Group B Computer trainees are
equipment needed for Performance PM
Laboratory present
animation Criteria
Checklist
Computer
Exploring and Desktop, Job
Practical Area/
Familiarizing oftware Sheet, 2:30 – 5:00 8 trainees
Group C Computer
(Interface, Tools, Performance PM are present
Laboratory
Option) Criteria
Checklist
Third Rotation
Facilities/ Venue
Date &
Training Activity Trainee Tools and Remarks
Time
Equipment (Workstation/
Area)
Prayer
Recap of activities:
Review of Common
Competencies covered 8:00 – 9:00
CBC Module,
Unfreezing Activities: All Learning AM All trainees
Training
Morning exercise trainees Resource Area are present
Matrix
Feedback on the
Animation
Fundamentals
Viewing
Multimedia,
Presentation of the All 10
Information Contextual 9:00 – 10:30
animaton Group C trainees are
Sheet, Self- Learning Area AM
fundamentals present
check, Writing
Materials
Viewing
Multimedia,
Drawing and Information Contextual 10:30 – 9 trainees
Group D
Animation Styles Sheet, Self- Learning Area 12:00 PM are present
check, Writing
Materials
Demonstration on the Computer
use of different Desktop, Job
Practical Area/
equipment needed for Sheet, 1:00 – 2:30 8 trainees
Group A Computer
animation Performance PM are present
Laboratory
Criteria
Checklist
Exploring and Computer
Familiarizing oftware Desktop, Job
Practical Area/
(Interface, Tools, Sheet, 2:30 – 5:00 8 trainees
Group B Computer
Option) Performance PM are present
Laboratory
Criteria
Checklist
Fourth Rotation
Venue
Facilities/
Date &
Training Activity Trainee Tools and (Workstation/ Remarks
Time
Equipment Area)
Date: ________________________
Agenda:
Competency-based Training Delivery
Present:
1. ____________
2. ____________
3. ____________
4. ____________
2. Executive summary
3. Rationale
4. Objectives
5. Methodology
7. Recommendation
Maintain
Training
Facilities
OPERATIONAL PROCEDURE
Equipment Type Scanner
Equipment Code Scanner101
Location Quality Control Area
Operation Procedure:
1. Check the computer if complete with the peripherals.
2. Turn on the computer.
3. Open the Application menu and locate Adobe Flash Professional CS6.
4. Start Adobe Flash Professional CS6.
5. In welcome pop-up message click new document and select ActionScript3.0.
6. Check the Adobe Flash Professional CS6 interface if with complete panel:
Tools Panel
Timeline Panel
Library Panel
*Note: if the panels stated above are not present in your interface. Locate
in the menubar and click window then select each panels.
7. Explore and use all the tools under tools panel and option under Timeline
panel and Library panel
HOUSEKEEPING SCHEDULE
Qualification 2D Digital Animation NC III Station/Bldg ANIMATION/BLDG1
Area/Section Practical Work Area
Graffiti/dust/rust
Cobwebs and
outdated/unnecessar
y object/items Utility /
Personnel
Obstructions
Any used materials/
scrap (slug, stubs)
spilled liquid
4. Clean computer
system unit, monitor, Activity is
key board, mouse well. done before
Trainer/
/ and after
Trainees
using the
equipment
/ 1. Are the animation tools and materials are properly clean from dust? Secured
and working properly?
2. Are the working tables clean and dry? Arranged according to the floor
/ plan/layout?
3. Are floors, ceilings, windows and doors are clean, neat and without
/ obstruction or unnecessary odor? All hinges are functional and with exit
plan?
4. Is the workshop well-ventilated and with enough illumination?
/
/ 5. Is the computer set clean and dry? Cables, plugs, mouse properly laid out
and functional? No damages or splices in flexible wire?
/ 6. Is the air conditioning functional?
Remarks:
/ 4. Does the Uninterruptible Power Supply (UPS) turned off when not in use?
Remarks:
Broken chairs
Used wire/Cables