4.88
(17 Ratings)

Web Enhanced Animation Graphics

Categories: Design
Wishlist Share

About Course

Master the intersection of traditional animation artistry and modern web technology. This course guides students through the core principles of motion aligned with TESDA Animation NC II and III standards, while teaching the technical skills to implement these animations using CSS, SVG, and JavaScript. By the end of this course, you will be able to create high-performance, interactive, and visually stunning web experiences that go far beyond static layouts.

What Will You Learn?

  • Master the 12 Principles of Animation and apply them to modern web interfaces.
  • Design and optimize SVG (Scalable Vector Graphics) for high-performance web use.
  • Create professional-grade CSS3 transitions and keyframe animations.
  • Implement advanced animation libraries like GSAP and LottieFiles (JSON animation).
  • Understand TESDA NC II & NC III standards for character rigging and clean-up.
  • Build a production-ready Interactive Scrollytelling capstone project.

Course Content

Foundations & The “Physics” of Motion
Lay the groundwork by mastering the laws of motion and the technical differences between digital graphic formats.

  • The 12 Principles of Animation (NC II Standards)
    24:03
  • Quiz: The 12 Principles (NC II Standards)
  • Storyboarding & Scripting for Web-Enhanced Animation
    08:23
  • Quiz: Storyboarding & Scripting
  • Vector vs. Raster Graphics for Web Applications
    03:09
  • Quiz: Vector vs. Raster Graphics
  • Prelim Examination: Web Enhanced Animation Graphics

Technical Asset Creation (NC II Standards)
Develop the hands-on skills required to illustrate and prepare professional-grade assets for digital animation.

Web Integration & Interaction
Transition from "videos" to "code" by learning how to trigger and control animations directly within a web browser.

Advanced Production (NC III Standards)
Level up your skills with complex character rigging and environmental effects aligned with NC III mastery.

Adding “juice” to your projects with particle systems and filters that maintain high performance and fast page load speeds.
Put your skills to the test by building a production-ready interactive project and preparing it for the live web.

Earn a certificate

Add this certificate to your resume to demonstrate your skills & increase your chances of getting noticed.

selected template

Student Ratings & Reviews

4.9
Total 17 Ratings
5
15 Ratings
4
2 Ratings
3
0 Rating
2
0 Rating
1
0 Rating
MO
1 month ago
This subject on interactive web architecture is challenging but incredibly rewarding. I learned so much about optimizing web performance, handling assets, and building smooth animations. A great experience overall!"
even though I have so many failed quizzes throughout this course, I am so very happy that I have taken this course because I failed a lot and learned a lot, I gained so much knowledge and striving for more lessons. Currently reviewing the quizzes that I failed so next time when I take, I know the answers
This course was okay. i learned some basic things about our course. some topics were easy gamay, while others were little hard to understand.overall, it was a good experience and helped me learn new skills a little
Thanks a lot of this subject , I learn a lot of this and also it helps me to enhance my editing skill like 2d animation in adobe and it is fun.
LI
1 month ago
I enjoyed this subject and learned many new things. The lessons were clear and useful. thank you ms
RP
1 month ago
I learned a lot of this subject, also you won't get bored studying this subject because it's enjoyable
RA
1 month ago
Thank you for this subject, I learned something amazing and useful.
This subject was never easy, but nonetheless, if we strive to understand it and have the willingness to learn, I know it will be worthwhile and useful in the future.
I learned everything of this sub and i want to explore more to gain more knowledge.
Cassandra Amabao
1 month ago
The lessons, modules and quizzes are consistent. Thankyou for being a consistent teacher, very recommended for students.
Thanks for this subject, I really learn something.
JF
2 months ago
This subject was enjoyable, and I learned many new things from it.
Very satisfied and I learned a lot of this subject
Arch Angel Peek
2 months ago
I am very happy and satisfied with this subject because it helped me learn many new skills and concepts.
Althea Gerbabuena
2 months ago
overall this subject is meaningful and full of learnings
LC
2 months ago
The subject is sometimes hard but I did learn lots of things from it and it's a good experience as a third year student
ET
2 months ago
I learned everything of this subject. And I gain more knowledge of this.

Want to receive push notifications for all major on-site activities?