|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/aprende-a-crear-animaciones-svg-con-iconos/
课程评论：没有评论
**课程名称：** Aprende a crear animaciones SVG: con Iconos **课程概述：** 本课程旨在教授如何使用SVG（可缩放矢量图形）技术创建动画效果，特别侧重于图标动画。SVG目前在Web开发中广泛应用，常用于创建交互式的表单按钮、具有形状或颜色过渡的动画图标等。通过本课程，您将学习如何设计和制作任何SVG图形（包括图标、按钮、图表等），并轻松地为其添加动画效果。课程将引导您掌握创建动画所需的所有知识，以便为演示文稿或网页（如按钮、图标、图表等）制作动画。 **学习目标：** 完成此课程后，您将能够： * 为您的网站动画化任何SVG图形内容。 * 掌握创建SVG动画的不同方法，包括： * 直接使用SVG属性。 * 利用关键帧（Keyframes）。 * 使用JavaScript库。 **课程前提：** 完成本课程的学习，您只需要具备以下基础知识： * CSS基础知识。 * 最少量的JavaScript知识。 **课程内容简介（基于概述推断）：** * **SVG基础：** 介绍SVG是什么，为何重要，以及其在现代Web设计中的应用。 * **SVG图形创建：** 学习如何设计和创建基本的SVG图标、按钮和图表。 * **SVG动画原理：** 深入理解SVG动画的工作机制，包括使用CSS属性（如`transition`、`animation`）和SVG特定属性（如`animate`、`animateTransform`、`animateMotion`）。 * **使用关键帧（Keyframes）创建动画：** 学习如何定义一系列关键帧来控制SVG元素的属性变化，实现复杂的动画序列。 * **JavaScript库赋能动画：** 探索如何利用流行的JavaScript动画库（如GSAP、Anime.js等）来创建更流畅、更复杂的SVG动画。 * **实际案例和项目：** 通过实际示例和练习，巩固所学知识，并能够独立完成SVG动画项目。 **适合人群：** * 网页设计师。 * 前端开发者。 * 对SVG动画感兴趣的学习者。 * 希望提升网站交互性和视觉吸引力的内容创作者。
SVG es una tecnología muy usada en estos días por la mayoría de sitios web,por ejemplo para crear botones de formularios animados o iconos animados con transiciones de formas o colores. Ahora puedes crear cualquier diseño SVG (iconos, botones, gráficos) y animarlos de manera sencilla, por eso en este curso te guiaremos a través de todos los conocimientos necesarios para que puedas crear animaciones para presentaciones o para web (botones, iconos, gráficos,etc).Al terminar el curso podrás ser capaz de animar cualquier contenido gráfico (SVG) para tu web y aprenderás ademas las diferentes opciones que tenemos para crear las animaciones: con propiedades SVG, usando Keyframes o con librerías Javascipt.Para seguir correctamente el curso solo necesitas conocimientos básicos de CSS y mínimos de Javascript.
