SENIOR HIGH SCHOOL

Technical-Vocational
Livelihood
Information and Communications
Technology - Animation 12
Quarter 4 – Module 5
Produce walking cycle using frame
by frame
Technology and Livelihood Education – Grade 12
Alternative Delivery Mode
Quarter 4 - Module 5: Creating 2D Digital Animation
First Edition, 2020

Republic Act 8293 section 176 states that: No copyright shall subsist in any work of the
Government of the Republic of the Philippines. However, prior approval of the government
agency or office wherein the work is created shall be necessary for exploitation of such work
for profit. Such agency of office may, among other things. Impose as a condition the payment
of royalties.

Borrowed materials (i.e., songs, stories, poems, photos, brand names, trademarks, etc.)
included in this book are owned by their respective copyright holders. Every effort has been
exerted to locate and seek permission to use these materials from their respective copyright
owners. The publisher and authors do not represent nor claim ownership over them.

Published by the Department of Education

Secretary:Leonor Magtolis Briones
Undersecretary: Diosdado M. San Antonio

DEVELOPMENT TEAM OF THE MODULE

Writers : Victor M. Sinangote

Editor : Jose Garry R. Napoles
Reviewer :
Illustrator :
Artist :
Management Team:
Schools Division Superintendent : Marilyn S. Andales
Assistant Schools Div. Superintendent : Anelito A. Bongcawil
: Fay C. Luarez
: Lorenzo M. Dizon
Chief Education Supervisor, CID : Mary Ann P. Flores
Education Program Supervisor, LRMDS : Isaiash T. Wagas
Education Program Supervisor, TLE : Jose Garry R. Napoles

Department of Education – Regional Office 7

DepED-Division of Cebu Province
Office Address :Sudlon, Lahug Cebu City
Telephone Nos. : (032) 255-6405
Email address : cebu.province@deped.gov.ph
 SENIOR HIGH SCHOOL

Technical-Vocational
Livelihood
Information and Communications
Technology - Animation NC II
Quarter 4 – Module 5
Produce walking cycle using
frame by frame
 WHAT I NEED TO KNOW
Good day, dear learner!

This module is solely prepared for you to access and to acquire lessons befitted in
your grade level. The exercises, drills and assessments are carefully made to suit your
level of understanding. Indeed, this learning resource is for you to fully comprehend the
Produce walking cycle using frame by frame. Independently, you are going to go
through this module following its proper sequence. Although you are going to do it alone,
this is a guided lesson and instructions/directions on how to do every activity is plotted
for your convenience.

Using this learning resource, you are ought to Produce walking cycle using
frame by frame as inculcated in the K- 12 Most Essential Learning Competencies.

Using separate modules, this competency is divided into three lessons, as follows:
Lesson 1: Identify requirements for clean-up drawings in actual scene folder
(cartoon, simple)
Lesson 2: Produce clean-up drawings in actual scene folder (cartoon, simple)
Lesson 3: Identify requirements for clean-up drawings in actual scene folder
(cartoon, regular)

At the end of this module, you are expected to achieve the following objectives for this
session:
recognize the concepts used in tracing and building character
apply the concepts used in tracing and building character
show interest on performing the given activity
 WHAT I KNOW
Fill in the blanks:

Directions: Choose from the box the shortcut keys that is being described by the items
below. Write your answer on the space provided.

Ctrl+F9 Ctrl + R Ctrl + T Alt+ Shift+ F9

Ctrl+F2 Ctrl + F3 Ctrl + L

Ctrl + D Ctrl + Z Ctrl + Alt + T

_____________1. Import to Stage

_____________2. Undo Move Layers
_____________3. Timeline
_____________4. Tools
_____________5. Library
_____________6. Color
_____________7. Swatches
_____________8. Transform
_____________9. Properties
_____________10. Duplicate

WHAT’S IN

Directions: Answer the question below. Please be guided with the given criteria for
grading. Write your answers on the space provided.

Criteria:
Content : 2 pts. each
Relevance : 2 pts. each
Spelling and Grammar: 1 pt. each

1. As an animator, what concepts in tracing and building character you commonly

used?
_____________________________________________________________________
___________________________________________________________.

2. What kind of tools in Adobe Flash toolbars are commonly used for tracing and
building character?
_____________________________________________________________________
___________________________________________________________.
 WHAT’S NEW

Adobe Flash is a vector animation software designed to create animations that can
be played on web pages. It is a multimedia platform used to add animation, video, and
interactivity to web pages. Frequently, it is used for advertisement, games, and Flash
animation for broadcast.
Adobe Flash gives the viewers a more responsive rich-client-like experience. It has
the ability to manipulate vector and raster graphics to provide animation text, drawings
and still images.
Many websites have a variety of contents that were created using Adobe Flash
technology. To determine whether it is a content created using Flash authoring tool, all
you have to do is right-click on the object, and on the menu, there should be an “About
Adobe Flash Player” at the bottom.
.

WHAT IS IT
Adobe Flash documents are composed mostly of vector images. Drawn
objects in Adobe Flash produce vector graphics that can be exported to a vector file.
Like most programs, Adobe Flash software supports a variety of file types. Each of
which have individual purposes.
*.FLA- The main supported file type of Flash used to create artwork and animations. It
is similar to the relation of *.doc for Microsoft Word and *.xls for Microsoft Excel.
*.SWF- It is read as swift. The file associated with movies created using Adobe Flash
technology, an output of the raw. This could be a cartoon or an internet
application.
*.FLV- The video files for Adobe Flash Player. These are the actual movie files that are
Flash-based.
AS File- Also known as the ActionScript file. The file that contains interactive codes
used to control Flash applications.

Trace and Build Character Using Adobe Flash CS6

To trace character or object in Flash

1. Using a scanner, scan the model sheet and save it in your local drive.
2. Open Adobe Flash application.

3. Import the scanned model sheet.

a. Click on File Menu then Click import.

b. Locate the directory where you save the scanned Model Sheets.

c. Select the correct File name, then Click Open.

d. The scanned document will be imported to place on the Stage.
4. Using the Adobe Flash Drawing Tools, you can now Trace and vectorize the
Model sheets.
a. Change the Opacity of the object by 50% before you start tracing.
 Click on the object.
 In the Properties Inspection Panel>Color>Select Alpha
 Set Alpha Amount to 50%
 b. Add another layer and start tracing (Click on Insert layer button)

c. You may use line tool, lasso tool, pen tool to trace or pencil tool.
d. After tracing the Model Sheet, you can now Start Applying colors.

WHAT’S MORE
Direction: Arrange the following steps in chronological order using numbers. (1-4)
___ Using the Adobe Flash drawing tools, you can now trace and vectorize
the Model sheets.
___ Using a scanner, scan the model sheet and save it in your local drive.
___ Import the scanned model sheet.
___ Open Adobe Flash application.

WHAT I HAVE LEARNED

I learned that __________________________________________________________
_____________________________________________________________________
_____________________________________________________________________
_____________________________________________________________________
_____________________________________________________________________
_____________________________________________________________________

WHAT I CAN DO
Direction: Sketch and label the part of the workspace.
 ASSESSMENT
Matching Type:
Direction: Match Column A with Column B. Write your answer on the space provided
for.
Column A Column B

___1.*.FLV A. Color
___2.*.FLA B. Timeline
___3. Scanner C. Transform
___4. shortcut key for Import D. Undo Move Layers
___5.*.SWF E. contains interactive codes used to control
___6. AS File Flash applications
___7. Ctrl + Z F. the file associated with movies created
___8. Ctrl + T using Flash technology
___9. Ctrl+ Alt + T G. Ctrl + R
___10. Ctrl+ Shift + F9 H. the appropriate equipment used in tracing
character
I. the main supported file type of Flash
J. the video files for Adobe Flash player
K. Ctrl + F3
ADDITIONAL ACTIVITIES
Sketch:

Directions: Create your own character applying what you have learned. Trace and
build your character using scanner as your device.
Criteria:
Creativity : 4 pts.
Workmanship : 4 pts.
Timeliness : 2 pts.
 Additional Activities
(Answers may Vary)
Assessment
1.J
2.I
3.H
4.G
5.F
6.E
7.D
8.C
9.B
10.A
What’s More
4_
1_
3_
2_
What’s In
( Answers May Vary)
What I Know
1. Ctrl + R
2. Ctrl + Z
3. Ctrl + Alt + T
4. Ctrl + F2
5. Ctrl + L
6. Alt + Shift + F9
7. Ctrl + F9
What I Have Learned 8. Ctrl + T
(Answers May Vary) 9. Ctrl + F3
10. Ctrl + D
REFERENCES

Printed Materials
Department of Education, Bureau of the Secondary Education, Curriculum Guide
Department of Education, Bureau of the Secondary Education, TLE-ICT(CCS)
Learning Material pp 1-13
Animation Volume II, Innovative Training Works, Inc, First Edition, Published and
Distributed by REX Bookstore, 856 Nicanor, Reyes, Sr. St. Manila , Philippines ,
pp. 4-12

Online Sources

https://www.google.com/url?sa=i&url=https%3A%2F%2Fwww.bloopanimation
.com%2Fanimation-for-beginners%2F&psig=AOvVaw3GN7-
8Hq0IxziJqLAzabp1&ust=1598426091743000&source=images&cd=vfe&ved=
0CAIQjRxqFwoTCJiYg9botesCFQAAAAAdAAAAABAD

For inquiries or feedback, please write or call:

Department of Education: DepEd-Cebu Province
Office Address: IPHO Bldg., Sudlon, Lahug, Cebu City
Telefax: (032) 255-6405
Email Address : cebu.province@deped.gov.ph;
depedcebuprovince@yahoo.com
Website : www.depedcebuprovine.com