ICT4L-M and ICT4-M 2D Animation
ICT4L-M and ICT4-M 2D Animation
REF-OAP-INT-SSD
TECHNOLOGICAL UNIVERSITY OF THE PHILIPPINES
Ayala Blvd., Ermita, Manila, 1000, Philippines Issue No. 01
Tel No. +632-5301-3001 local 102 | Fax No. +632-521-4063 Revision No. 02
Email: vpaa@tup.edu.ph | Website: www.tup.edu.ph
Date 04282021
Page 1/3
VAA-OAP COURSE SYLLABUS
QAC No. CC-03052023
TUP MISSION
The Technological University of the Philippines shall provide higher and advanced vocational,
technical, industrial, technological, and professional education and training in industries and
technology and in practical arts leading to applied research, certificates, diplomas, and degrees. It
shall provide progressive leadership in developmental studies in technical, industrial, and
technological fields and production using indigenous materials, effect technology transfer in the
countryside; and assist in the development of small and medium scale industries in identified growth-
centers.
TUP VISION
The Technological University of the Philippines shall be the premier state university with
recognized excellence in engineering and technology education at par with the leading universities in
the ASEAN Region.
COLLEGE GOALS
The BSIE program aims to develop highly competent and motivated teachers in technical and
vocational education in their area of specialization. It shall impart a body of knowledge, skills, attitudes,
values and experiences that will provide prospective Grade 1 to 8 TLE Teachers, Junior High School
teachers for the Tech-Voc Livelihood track with the necessary competencies essential for effective
teaching. Specifically, after 4 years, the program aims to develop teachers who can:
PEO 1. apply knowledge of mathematics, science, social sciences, languages to broadly defined
technical-vocational activities
PEO 2. exhibit deep understanding and appreciation of the teaching profession through effective
teaching practices
PEO 3. demonstrate higher level of coherent knowledge, skills, attitudes, and values in the field
of technical-vocational education and training
PROGRAM DESCRIPTION
The BSIE program is an undergraduate teacher education program that equips learners with
adequate and relevant competencies in teaching specific area in Industrial Arts or Home Economics
or Information Communication Technology or Agri-Fishery Arts – the four areas of technical and
vocational track in the K to 12 Curriculum.
COURSE TITLE/NAME
2D Digital Animation and Authoring Tools, Laboratory and Lecture
PRE-REQUISITE
None
CO-REQUISITE
None
COURSE DESCRIPTION
As complement to the lecture on the study and discussion on the fundamental principles and
concepts, this course provides experiences that develop basic knowledge, skills and attitudes relevant
to information and communications technology. Specifically, this course is designed to enhance the
knowledge, skills and attitudes of a trainee/ student on core competencies such as; Traditional 2D
animation, tradigital animation, and 2D digital cut-out animation.
I – introduce, P-Practice Skills with Supervision; D- Demonstrate skill without supervision (OBE-ISA)
• Instruction for
Exercise 1 will be
discussed.
Performance Test 1:
Based on given
references draw
character poses, rough
expressions, body
attitude and facial
expressions.
4-5 At the end of each unit, the 1. Animation principles
students must be able to: • Squash and Exercise 5: Lecture: Oral Examination 3: Assessment: A
April 3 - 14 a) Determine the different animation Stretch Bouncing ball • With the use of The students need to short quiz will be
principles and techniques on • Anticipation animation using PowerPoint present their output given to the students
animation production. • Staging traditional animation Presentation, the on the class and that they need to
b) Identify the meaning and concept • Timing techniques (Flip Book) traditional 2D discuss the process answer.
of animation key drawing. • Follow-through animation will be and their learning
c) Draw simple 2D animation key and Overlapping Exercise 6: presented and from the given
drawing. Action Pendulum clock discussed. exercise and
d) Distinguish the concept of line • Arcs animation using performance test.
quality in 2D animation. • Exaggeration traditional animation • The Instruction for
techniques (Flip Book) Exercises 5, 6, and
8-9 At the end of each unit, the 1. Digital backgrounds Exercise 8: Draw a Lecture:
students must be able to: 2. Tips and techniques on digital background • With the use of Output Assessment: A
May 1 – creating 2D animation using Adobe animate, PowerPoint Presentation: The short quiz will be
12 a) Identify the tips and techniques digital background. Wick Editor, FlipaClip Presentation, the students need to given to the students
on creating 2D animation digital 3. Concept of inbetweening etc. tradigital animation present their output that they need to
background. 4. Dos and don’ts of will be presented on the class and answer.
b) Determine the concept of inbetweening Exercise 9: and discussed. discuss the process
inbetweening in 2D animation. Dos Animate cloud and their learning
c) Identify the use of exposure • Use reference movement with sound • The Instruction for from the given
sheet in animation breakdown. • Follow the effects using Adobe Exercises 8, 9, 10
d) Produced tradigital animated animate, Wick Editor, and Performance
Keyframes
scene with synchronized lip- FlipaClip etc. Test 4.
• Be Consistent
synch and sound effect.
• Use Easing Exercise 10: Create
• Keep it Simple and plan an exposure
sheet for lip-synch
Don’ts animation that state
• Rush the the student’s name,
Process course, year, and
• Break the Laws section.
of Physics
• Overdo the
Inbetweening Performance Test 4:
• Copy and Paste Create a lip-synch
• Neglect the animation that state
Details the student’s name,
5. Animation breakdown and course, year, and
Exposure sheet section using Adobe
6. Lip-synch and sound animate, Wick Editor,
effect synchronization in FlipaClip etc.
2D animation.
CIE-Technical Arts Department
Course Title Date of Effectivity Revision No/Date Prepared By: Reviewed by: Approved by:
ICT2L-M / ICT2-M – 2D Digital
nd
Animation and Authoring Tools, 2 Semester A.Y. 2022 - 2023 II / February 20, 2023
Lab and Lec
Allan C. Villariza, MTE Romeo S. Ebonite, Ed.D.
John Zales Comendador
10 - 11 At the end of each unit, the 1. Digital cutout animation Exercise 11: Create Lecture:
students must be able to: concept and definition a digital storyboard • With the use of Output Assessment: A
May 15 - 2. Computer hardware and about the courses PowerPoint Presentation: The short quiz will be
26 a) Identify the meaning and concept software requirements for offered by CIE and the Presentation, the students need to given to the students
digital cutout animation and its digital cutout animation. future career of the requirements, and present their output that they need to
computer hardware and software 3. Story board for animation students who take the materials for 2D on the class and answer.
requirements. 4. Digital model package course using digital cut-out discuss the process
b) Draw a simple story board. • Character Photoshop or animation will be and their learning
c) Determine the process on turnarounds Photopea (Group presented and from the given
creating digital model package • Objects /props Activity) discussed.
and digital story board. • Size comparison • The Instruction for
d) Create animatic digital story • Attitudes and Performance Test 5: Exercise 11 and
board. expressions Based on the digital Performance Test
• Mouth chart storyboard on exercise 5 will be discussed.
• Background 11 create a simple
reference animatic animation
• Effects using Adobe animate,
5. Digital story board Wick Editor, FlipaClip
etc. (Group Activity)
• Title, episode,
sequence / act
• Scene elements
(background,
poses, character,
camera
movements)
• Dialogue / audio
indication
• Action notes (time
set up, location,
action needed)
6. Animatic
• Character
movement
• Camera
movement
• Sequence cut
CIE-Technical Arts Department
Course Title Date of Effectivity Revision No/Date Prepared By: Reviewed by: Approved by:
ICT2L-M / ICT2-M – 2D Digital
nd
Animation and Authoring Tools, 2 Semester A.Y. 2022 - 2023 II / February 20, 2023
Lab and Lec
Allan C. Villariza, MTE Romeo S. Ebonite, Ed.D.
John Zales Comendador
• Dialogue cut
• Time elapse /
frame count /
FPS
• Scene/ panel
number
7. Production technical
specifications
• Timing
• Animation style/
movement
• Effects
12 - 13 At the end of each unit, the 1. Digital character model Exercise 12: Lecture:
students must be able to: for cut-out animation. Create a digital cut-out • With the use of Output Assessment: A
May 29 – 2. Trace, vectorize and character using PowerPoint Presentation: The short quiz will be
June 9 a) Identify the process on creating digitally color a digital Photoshop or Presentation, the students need to given to the students
digital cut-out characters model. character model for cut- Photopea. (Student process on build present their output that they need to
b) Determine the computer out animation. avatar) digital characters on the class and answer.
hardware and software 3. Grouping of body parts and objects for cut- discuss the process
requirements on creating digital and joints of digital Performance Test 6: out animation will and their learning
cut-out characters model. character model for cut- Create a running be presented and from the given
c) Develop a digital character model out animation. animation using the discussed.
for cut-out animation. 4. Labeling of segmented digital cut-out
d) Apply the process on grouping element by proper naming character created on • The Instruction for
different digital character model convention for cut-out exercise 12. Exercise 12 and
body parts and joints. animation. Performance Test
e) Apply the process on labelling 5. Saving of segmented 6 will be discussed.
and saving of the segmented elements to the stock
elements of digital character library for cut-out
model for cut-out animation. animation.
MIDTERM EXAMINATION
FINAL EXAMINATION
GRADING SYSTEM
COURSE POLICIES/GUIDELINES
CIE-Technical Arts Department
Course Title Date of Effectivity Revision No/Date Prepared By: Reviewed by: Approved by:
ICT2L-M / ICT2-M –
2D Digital 2nd Semester A.Y. II / February 20,
Animation and 2022 - 2023 2023
Authoring Tools, Allan C. Villariza, Romeo S. Ebonite,
John Zales
Lab and Lec MTE Ed.D.
Comendador
Index No. REF-OAP-INT-SSD
TECHNOLOGICAL UNIVERSITY OF THE PHILIPPINES
Ayala Blvd., Ermita, Manila, 1000, Philippines Issue No. 01
Tel No. +632-5301-3001 local 102 | Fax No. +632-521-4063 Revision No. 02
Email: vpaa@tup.edu.ph | Website: www.tup.edu.ph
Date 04282021
Page 2/3
VAA-OAP COURSE SYLLABUS
QAC No. CC-02262023
Academic Integrity
Academic integrity is expected of all students. The attempt by any student to present as his/her own
work which he/she has not produced is regarded by the faculty and administration of TUP as a serious
offense. Students are considered to have cheated if they turn in an assignment written in whole or in
part by someone else. Students are guilty of plagiarism, intentional or not, if they copy from books,
magazines, Internet, or other sources without identifying and acknowledging those sources or if they
paraphrase ideas from such sources without acknowledging them.
Students enrolled in this course who cheat on exams or quizzes or commit plagiarism, or copy another
student’s work in any way, violate the Academic Integrity policy of the University and will receive an
F(0 points) on the test or assignment in question. In addition, they will be reported to the College Dean
for appropriate sanction.
Attendance
Each session is very important to your learning so you should avoid being absent. Unexcused and/or
chronic lateness and early exits will be counted as an "absence." Missing a class does not excuse
you from the work assigned you will be expected to complete and submit any assignments before or
at the beginning of the next class session.
Class Management
All students are expected to attend meetings on their scheduled time. During the online presentation
or discussion, the students are expected to mute their microphone and turn off their cameras to avoid
distractions. They can only unmute their microphone if permitted by the teacher. Wear your proper
uniform.
Be sure to pay close attention to deadlines-there will be no make-up assignments or late work
accepted without a serious and compelling reason and with course facilitator approval. Late
submission is discouraged because learning and assessment activities are connected. Students can’t
proceed to the next task without performing the previous task/s.
REFERENCES: