|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/learn-web-animation-with-svg-and-gsap/
课程评论：没有评论
课程名称：轻松学习网页动画：SVG 和 GSAP 入门 课程概述： 本课程专为前端开发人员、UI/UX 设计师以及网页动画爱好者打造，采用项目驱动的方式，使用 SVG 图形格式和 GreenSock 动画平台（GSAP）为您提供实用技巧。通过构建一个复杂的动画贺卡，您将学习到以下内容： - SVG 在当今的流行趋势 - 使用 SVG 的优势 - SVG 形状和自定义标签 - 如何在网页中包含 SVG - 如何组织 SVG 元素以实现网页动画 - GreenSock 动画平台的概述 - 理解 GreenSock 的不同模块及其使用 - GreenSock API 及其六种基本插值函数 - 了解时间线及其在 GreenSock 中的工作原理 - 如何将 SVG 项目分解为多个场景 - 逐步创建引人注目且令人印象深刻的动画 - 如何利用时间线组织整个动画序列 - 以及更多内容... 每个动画过程中的项目文件和完整源代码都将提供给您，帮助您在学习中实践。通过这门课程，您将掌握在职业生涯中受益匪浅的宝贵技能，或为您的创意表达开启全新的世界，不论您是爱好者还是专业人士。
If you're a front-end developer, UI/UX designer or just a general web animation enthusiast you'll benefit from the techniques taught in this course. We use a project-based approach to introduce you to the SVG graphics format and GreenSock Animation Platform-possibly the most powerful and performant javascript animation library available today.While building a complex animated greeting card, you'll learn: • Why SVG is a hot commodity today • The benefits of using SVG • About SVG shapes and custom tags • How to include SVG on a web page • How to organize SVG elements for web animation • What the GreenSock Animation Platform is • Make sense of GreenSock's different bundles and which to use • The GreenSock API and its six basic tweening functions • All about timelines and how they work in GreenSock • How to break down the SVG project into scenes • How to create catchy, impressive animations piece-by-piece • How to use timelines to organize your entire animation sequences • And much more...All project files with full source code will be made available to you at each step of the animation process. Learn valuable skills that will benefit you through out your career or open up a whole new world of creative expression if you're a hobbyist or enthusiast.
