SENIOR HIGH SCHOOL

Technical-Vocational
Livelihood
Information and Communications
Technology - Animation 12
Quarter 4 – Module 4
Scan and Save Drawings in an
Animation Software
Technology and Livelihood Education – Grade 12
Alternative Delivery Mode
Quarter 4 - Module 4: Scan and Save Drawings in an Animation Software
First Edition, 2021

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 : Charlfhe Day Gay G. Abayon

Editor : Jose Garry R. Napoles
Reviewer :
Illustrator :
Artist :
Management Team:
Schools Division Superintendent : Marilyn S. Andales
Assistant Schools Div. Superintendent : Anelito A. Bongcawil, EdD CESO VI
: Fay C. Luarez EdD, PhD, TM
: Lorenzo M. Dizon, EdD CESO VI

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 : [email protected]
 SENIOR HIGH SCHOOL

Technical-Vocational
Livelihood
Information and Communications
Technology - Animation NC II
Quarter 4 – Module 4
Scan and Save Drawings in an
Animation Software
 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 Scanning and Saving Drawings in an Animation Software.
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 Scan and Save Drawings in an
Animation Software as inculcated in the K- 12 Most Essential Learning
Competencies.

At the end of this module, you are expected to achieve the following objectives for this
session:
Identify the procedures of scanning and saving drawings in an animation
software
Apply the basic steps of scanning and saving drawings in an animation
software
Show positivity on performing the given activity
 WHAT I KNOW

Directions: Arrange the basic steps on its sequential order by writing 1 – 5. Write your
answer on a separate sheet of paper.

1. ______Draw a picture on an animation paper

2. ______Plan out your animation
3. ______Scan, edit and save picture as a bitmap
4. ______Build your animation around the image
5. ______Import it into Flash, adjust size of stage, and trace the bitmap

WHAT’S IN

Directions: Arrange the jumbled word. Write your answer on a separate sheet of paper.
__________1. MAPBIT __________6. VESA
__________2. FSHLA __________7. PUREICT
__________3. DARINGW __________8. IMEAG
__________4. AINAMNIOT __________9. PERAP
__________5. CANS __________10. SNNERCA

WHAT’S NEW

In this module, we will be identifying and applying the basic steps on how to
plan out an animation, scan and save a drawing in Adobe Flash Pro CS6. This
module will introduce the procedure for using a pen and scanner in creating an
animation in Flash.

WHAT IS IT

Scan and Save Drawings in an Animation Software (Adobe Flash Pro CS6)

Some artists use a drawing tablet or even a mouse to create illustrations and
graphics to use in Flash animations.
 But for us beginners, we commonly used the following tools in drawing: pencil,
clutch pencil, sharpener, eraser, animation paper, camcorder, scanner, and personal
computer. According to the Animation book of Ando, A. C., Lesson 5 under manual
tracing, it states that, “Clean-up artists have the option of drawing the images manually
and have them scanned. Tracing the bitmap manually in flash creates a graphic with
lines that are more consistent and smaller file as well”.

Ron Kurtus (revised 3 February 2001) on the website found at https://www.school-for-

champions.com/flash/scanning_in_drawings_for_animations.htm#.YIjIT6ExXIU states,
“the procedure for using a pen and scanner in creating an animation in Flash that consists
of:

1. Plan out your animation

2. Draw a picture on an animation paper
3. Scan, edit and save picture as a bitmap
4. Import it into Flash, adjust size of stage, and trace the bitmap
5. Build your animation around the image

The following explains the steps to use a scanner for some of your animations.

1. Plan out your animation. When you scan in a bitmap and use it in an animation,
plan to have the bitmap as your background or in a separate layer. You will have to
add other layers for your animation.
2. Draw a picture on an animation paper. Use a dark felt tip pencil, clutch pencil
and prepare a sharpener and eraser. Try to make the lines dark and connected and
make sure to cleaned-up the rough drawings.
3. Scan, edit and save picture
 Scan your drawing and save as a bitmap (BMP, GIF, or JPG).
 Use a drawing program to rotate, edit, and scale the picture to a size that will
fit on your web page.
 Save picture. You might save it as another name in case your scaling was
incorrect.
4. Import, adjust size of stage, and trace bitmap
 Choose File > Import.
 Choose Modify > Movie to adjust the size of the stage to fit the image.
 Choose Modify > Trace Bitmap to change the bitmap to a vector drawing.
 You may have to adjust settings and repeat to get the desired smoothing,
resolution and look you want.
5. Build animation
 Touch up your picture. Add color.
 You may have to touch up and close lines if using Paint Bucket colors the rest
of the stage.
 Name your layer and lock it.
 Add a new layer and build your animation.
 Save and publish the animation.
 WHAT’S MORE
True/False

Directions: Read each statement carefully and write True if the statement is correct
and False if it is not. Write your answer on a separate sheet of paper.

___________1. Do not plan out your animation.

___________2. Draw a picture on an animation paper.
___________3. Scan, edit and save picture as a bitmap.
___________4. Import it into Flash, adjust size of stage, and trace the bitmap.
___________5. Build your animation around the image.
___________6. Clean-up artists don’t have the option of drawing the images manually.
___________7. Tracing the bitmap manually in flash creates a graphic with lines that
are more consistent and smaller file as well.
___________8. You may have to touch up and close lines if using Paint Bucket
colors the rest of the stage.
___________9. We commonly used the following tools in drawing and scanning:
pencil, clutch pencil, sharpener, eraser, animation paper,
camcorder, scanner, and personal computer.
___________10. Try to make the lines dark and connected and make sure to
cleaned-up the rough drawings.

WHAT I HAVE LEARNED

Clean-up artists have the option of drawing the images manually and have them
scanned. Tracing the bitmap manually in flash creates a graphic with lines that are more
consistent and smaller file as well”. The following explains the steps to use a scanner for
some of your animations: Plan out your animation; Draw a picture on an animation paper;
Scan, edit and save picture as a bitmap; Import it into Flash, adjust size of stage, and
trace the bitmap; and Build your animation around the image

WHAT I CAN DO

Directions: Answer what is asked below. Write your answer on a separate sheet of
paper.
Criteria:
Content : 2 pts. each
Relevance : 2 pts. each
Spelling and Grammar : 1 pt. each

1. What are the basic steps to follow? Explain each.

 ASSESSMENT

Fill in the blank:

Directions: Answer what is asked below. Write your answer on a separate sheet of
paper.
1. __________________. When you scan in a bitmap and use it in an animation, plan
to have the bitmap as your background or in a separate layer.
2. __________________. Use a dark felt tip pencil, clutch pencil and prepare a
sharpener and eraser. Try to make the lines dark and connected and make sure to
cleaned-up the rough drawings.
3. Scan your ____________ and save as a bitmap (BMP, GIF, or JPG).
4. Use a ________________ to rotate, edit, and scale the picture to a size that will fit
on your web page.
5. _________________. You might save it as another name in case your scaling was
incorrect.
6. Import, adjust size of stage, and trace bitmap. Choose File > _____________.
7. Choose _______________> Movie to adjust the size of the stage to fit the image.
8. Choose Modify > Trace ____________ to change the bitmap to a vector drawing.
9. _____________ animation. Touch up your picture. Add color.
10. ______________ and publish the animation.

ADDITIONAL ACTIVITIES

Draw:
Directions: Draw at least 4 tools we commonly used in drawing. Please be guided with
the given criteria for grading. Make your Drawing on a separate sheet of
paper.

- Visual Presentation (neatness and appearance) – 2 points

- Balance and Symmetry – 2 points
- Content (Accuracy) – 1 point

1. 2. 3. 4.
REFERENCES

Printed Materials
Ando, A. C. Technical Vocational Livelihood Series “Animation”, Phoenix
Publishing House, pg. 3-9, 183.
Department of Education, Bureau of the Secondary Education, Curriculum Guide
Department of Education, Bureau of the Secondary Education, TLE-ICT
Learning Material

Online Sources

Ron Kurtus (revised 3 February 2001). https://www.school-for-

champions.com/flash/scanning_in_drawings_for_animations.htm#.YIjIT6ExXI
Uaccessed on April 28, 2021, at 1:40 pm.
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 : [email protected];
[email protected]
Website : www.depedcebuprovine.com