UNIVERSITY OF CALOOCAN

CITY
College of Liberal Arts & Sciences

Computer Studies Department

ONLINE COURSE GUIDE

Course Name : PRINCIPLES OF 2D ANIMATION

Course Code : EMC 104

Number of Units : 3

Course Description: ​This course discusses the fundamentals and principles of animation. It also covers the designing, development, and production of 2D arts and digital animation
using a modern (software-based) application software. It is designed to teach students bring a cast of characters to life by following the basic principles of animation interact
naturally with their environments, convey realistic emotion, and talk and walk convincingly. Students will explore the range of possibilities and limitations of dynamic media and
digital animation.

Online Course Goal​: The goal for online learning is not be too prodigious, but guaranteeing that the students will learn online learning design using the Internet as a major
resource for learning, giving students more responsibility for finding and evaluating information themselves, and instructors will postulate criteria and guidelines for finding,
evaluating, analyzing and applying information within a specific knowledge domain.
Course Expected Outcome

The students are expected to:

Knowledge
1. Explain the various principles and terms behind 2-dimensional arts and animation.
2. Describe the animation devices, techniques, and process of computer animation.
3. Identify animation requirements, edit, revise and produce key drawings.
4. Differentiate frame by frame animation from tween animation.
Skills
5. Use a 2D animation software efficiently.
6. Exhibit the appropriate utilization of the 12 principles of 2D animation.
7. Create a meaningful and authentic final project of 2D animation scenes with assets applying animation principles.
Values
8. Appreciate the importance of implementing the 12 principles in a 2D animation project.
9. Value the origin of motion in art.

Topic (Course Content) Specific

​ objective/s

(Desired Learning Outcome) Duration Learning

​ Delivery

Modality Platform/s Learning

​
Task/Activities
Week 1 - Techniques in Traditional Animation - - Different Animation Authoring Tools and - Human Body and Face
Materials, Tools and Equipment Platforms
Class orientation and Course introduction
Survey on students’ gadgets and internet Week 4
access Week 3 The 12 Principles of Animation
Week 2 Animation Workflow Principle 1: Solid Drawing
- Pre-production Define animation.
Introduction to Animation - Drawing Materials
- Production Describe the different early approaches to
- What is Animation? - Basic Shapes
motion in art and early animation devices.
- History of Animation - Post-production - Basic Drawing Techniques
Describe the techniques used in traditional - Character Design
animation. - Character Proportions Understand the basic of character
Identify the materials used to create designing. Describe how to design and
- Facial Expressions
traditional and digital animation. 3 hours Online and Modular Google Meet proportion a character.
- Body Language Create the character emotions more
Discuss different animation workflows and Google Classroom
how they end up merging together. - Techniques to boost character’s appeal expressive. Describe the techniques to
FB Messenger
Identify terminologies used in animation. Week 6 boost character’s appeal.
YouTube
Familiarize on storyboards, layout, and Model Sheet Apply the principle of appeal in 2D
Course
model sheet. - What is Character Model Sheet? - animation. Define the character model
Syllabus/Course Guide
Compare the different authoring tools and Character Rotation sheet
platforms in animation. - Types of Model Sheet Distinguish different types of model sheet.
Module
Identify different line drawing strokes. Scene Folder Draw a basic character model sheet.
Describe the basic construction of drawing Exposure Sheet Familiarize with different special
Task Sheets instructions on scene folders.
techniques.
- Parts of an Exposure Sheet
Draw basic proportion and anatomy of Quiz Organize work with timing and exposure
Week 7 sheet.
human body.
Apply the principle of solid drawing in 2D Principle 3: Staging
animation. - What is Storyboarding?
3 hours Online and Modular Google Meet Module - Storyboard Lingo and Techniques - The Art Understand what storyboard is.
Google Classroom of Storyboarding Describe different types of camera shots,
FB Messenger Task Sheets - Storyboard Artist Jobs, Tips and Hints angles, and movements.
YouTube Quiz Week 8 Compare storyboards styles.
3 hours Online and Modular Google Meet 2D Animation Software (Adobe Animate) - Apply the principle of staging in 2D
Google Classroom Installation and Minimum System animation.
Requirements
FB Messenger
Module - Getting to Know the Workspace - Working
YouTube Explore the user interface of Adobe
with the Library Panel
Animate. Identify the drawing and painting
- Understanding the Timeline
Task Sheets tools used in Animate.
- Using the Properties Panel Appreciate the importance of layers in
Quiz
3 hours Online and Modular Google Meet - Hands and Feet - Using the Tools Panel digital drawing and animation.
Google Classroom Week 5 - Importing Artworks
FB Messenger Principle 2: Appeal Week 9 3 hours Online and Modular Google Meet
YouTube Google Classroom
FB Messenger YouTube
YouTube Module

Task Sheets Quiz

3 hours Online and Modular Google Meet Module
3 hours Online and Modular Google Meet Google Classroom
Google Classroom FB Messenger Task Sheets Quiz
FB Messenger YouTube Module
YouTube
Task Sheets Quiz Module
3 hours Online and Modular Google Meet Hands-on
Google Classroom
FB Messenger Task Sheets Quiz
Exam
Questionnaire

Midterm Examination ​3 hours Online and Modular Google

​ Meet Google Classroom
Week 10 - Walk and run cycles principles. Compare timing and spacing
Principle 4: Arcs - Eccentric walks Create a bouncing ball frame-by-frame
Principle 5: Squash and Stretch Week 12 animation.
- Animal locomotion
Principle 8: Anticipation Apply the principles of arcs, squash and
Principle 6: Timing and Spacing
stretch, timing and spacing in 2D
- Animation Physics Principle 9: Slow In Slow Out
animation.
- Frame by Frame Animation - Importance of Anticipation Week 14
Compare straight-ahead and pose-to-pose
- Breaking and Loosening Joints Principle 11: Secondary Action animation.
Week 11 - Leading Action - Dialogue Accents Create key drawings and cleaned-up
Principle 7: Straight Ahead and Pose to Week 13 - Animating the Mouth animation. Draw a simple animation key
Pose - Key Drawing Principle 10: Follow Through and - Eyes and Dialogue drawing and cleaned-up animation.
- Clean-Up Animation Overlapping Action Understand arcs in animation. Apply the principles of straight ahead and
- Tween Animation - Line of Action Differentiate squash from stretch pose to pose in 2D animation.
Understand anticipation in animation. animation. Apply the principle of
Apply breaking and loosening joints to a exaggeration in 2D animation.
character’s animation. Module
Create a character’s leading action in 3 hours Online and Modular Google Meet Hands-on Plan and propose a 2D animation project.
animation. Apply the principles of Google Classroom Design the storyboard of the approved
anticipation and slow in slow out in 2D FB Messenger Task Sheets Quiz project. Demonstrate the principles of 2D
animation. animation in
YouTube
Distinguish overlap and follow-through in
Module
animation.
Hands-on
Differentiate primary and secondary 3 hours Online and Modular Google Meet
action. Apply lines of action, reveals and 3 hours Online and Modular Google Meet Google Classroom
s-curves. Understand the walk and run Google Classroom Task Sheets Quiz
FB Messenger
cycles. FB Messenger
YouTube
Create a walking animation. YouTube
Apply the principles of follow through and Online and Modular Google Meet
overlapping action, secondary action in 2D
animation. Module
Describe dialogue accents in animation. Hands-on
Draw stock mouth shapes and
complementary shapes. 3 hours Online and Modular Google Meet Task Sheets Quiz
Apply the principle of secondary action in Google Classroom - Head Motion and Dialogue - Body
2D animation. FB Messenger Language and Dialogue ​Week 15
3 hours Online and Modular Google Meet YouTube Principle 12: Exaggeration
Google Classroom Module - Animation Thumbnails Google Classroom
FB Messenger Hands-on - Acting and Animation FB Messenger
YouTube Module
Task Sheets Quiz Week 16-17 Hands-on
Project Planning and Production - Planning
Task Sheets Quiz
3 hours Online and Modular Google Meet Module
Project
Google Classroom Hands-on Create a thumbnail for animation.
FB Messenger
Understand the basics of acting in
YouTube Task Sheets Quiz
 Publishing file export Oral Presentation of the
Project ​Week 18 the project. 6
​ hours
- Designing and Development - Packaging & YouTube
Documentation) Classroom
Exam
MODE OF DELIVERY: Questionnaire
Final Examination
3 hours Online and Modular Google
​ Meet Google
Submission of the Project (2D Animation and

Interactions in this course will be flexible learning. Lectures, discussions, laboratory hands-on activities, quizzes, major examinations, and project will be
done via Remote teaching and learning (synchronously, asynchronously, online and offline).
It is the student’s responsibility to make sure that he/she is added to all course-related online platforms:
✓ ​Important announcements will be posted on Messenger Group Chat and Google Classroom that will be created by the facilitator of
the course. ​✓ ​Synchronous discussion will be facilitated via Google Meet.
✓ ​Delivery of PDF Lectures/Modules/YouTube video links of the lessons will be done on Google Classroom. It is also the responsibility of the student to download
the PDF lectures, watch the videos, or search for the recommended resources and materials for this course.
✓ ​Doing of laboratory hands-on activities will be done at home. Submission will be via Google Classroom.
✓ ​Discord will be used for the project’s collaboration to the other courses.
✓ ​Assessments such as written exams/quizzes/task sheets and major examinations will be done on Google Classroom via
Google Forms. ​✓ ​Prompt and effective feedback will be provided to students every week in order to guide them in achieving
the desired outcomes.

COURSE REQUIREMENTS:
To successfully pass this course, students should be able to do the following:
✓ ​The attendance in this course is in contingent with the student compliance to the online activities and assessments.
✓ ​Attendance and participation in the synchronous discussion via Google Meet are required.
✓ ​Carefully follow all the instructions for asynchronous lectures, laboratory hands-on activities, written exams and quizzes.
✓ ​Submission of laboratory hands-on activities, written exams/quizzes/task sheets, and project should be on time. Students will be given sufficient time to
complete an assigned task based on the timetable of deliverables.
✓ ​Presentation of the final project is required via Google Meet.
 ✓ ​Students’ final output is an e-portfolio.

DEVICE AND SOFTWARE REQUIREMENTS:

✓ ​Smart Phone (Android or iPhone)
✓ ​Personal Computer or Laptop
✓ ​Install Applications for Online Learning: Messenger, YouTube, Gmail, Google Classroom, Google Meet, Google Drive, Discord
✓ ​Install any of these applications for Laboratory Activities:
o ​Adobe Animate (for PC/laptop)
o ​Draw Cartoons 2 (for smart phone)

GRADING SYSTEM:
✓ ​The student’s grades will be based on his/her submitted output and will be marked according to the rubrics, if applicable.
✓ ​Students will be graded using the 11-point system
Midterm (1/3) Final Term (2/3)
30 % - Class Standing
60 % - Class Standing
40 % ​- Midterm Examination
100 % SUBMISSION POLICY​:
30 % - Project
✓ ​College academic policies will be strictly enforced
40 % ​- Final Examination 100 %
in this course.

As what was stated on the course requirements, the students should submit the project, laboratory hands-on activities, and written exams/quizzes/task sheets
on time. However, if the student failed to do so, he/she is given 5 days after the major examination (midterm and finals) to complete the tasks. This is to give the
facilitator time to check and compute for grades. Midterm and Final Grades must be submitted a week after the date of examination.
Submission of all course outputs will be done via Google Classroom.

STUDENT CONDUCT:
During synchronous learning (via Google Meet):
 a. Smart casual attire should be worn. Sleeveless and sandos are not allowed.
b. Students should be on time in every session. Be in the virtual room 5-10 minutes before the scheduled classes.
c. Find a quiet place where there are no distractions.
d. Always turn on the PC/phone camera during the online session.
e. Mute the microphone while listening, the only time that it will unmute is when the facilitator ask questions and student will answer or the facilitator is done and it
is already time for question and answer part.
f. A student may raise his/her hand and wait to acknowledge his/her name before speaking. End the statement by saying a hint like “that’s all”, “I’m done”, or
“thank you”. g. Do not interfere either with the facilitator or any of your classmates to better understand each other.
h. Do not multi-tasks so as to focus better and understand the lesson clearly.
i. Do take down notes.
j. Communicate professionally. Be respectful and courteous in asking and answering question/s.
k. Do not use jargon words that may confuse the facilitator and your classmates.
During asynchronous learning (via Google Classroom/YouTube/Gmail/Messenger):
a. Post and comment only meaningful topics, ideas, and relevant questions.
b. Be polite in asking questions and replying on the topic. Remember, “Think before you click”.
c. Expect the facilitator’s response in Google Classroom/Messenger within 24-48 hours.

ACADEMIC HONESTY:
Any form of academic dishonesty, e.g. plagiarism and cheating (this includes copying of someone else’s programming codes) shall not be tolerated. If a
student is caught, he/she will automatically receive a failing grade for that specific task. Duplicated project and laboratory activities will merit penalties for both the
student who copied and the student from whom the work was copied.

Prepared and Submitted by:

GENALYN D. VILLAFUERTE
Faculty