udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Изучите веб-анимацию простым способом: введение в SVG и GSAP
Learn Web Animation the Easy Way: An Intro to SVG and GSAP
Продолжительность
3 ч 11 мин
Категория
CSS
Количество уроков
15 Видео
Дата добавления
4 мар. 2020 г., 14:46
Язык
Английский
Дата выхода
21 окт. 2015 г., 16:32
Если вы являетесь разработчиком внешнего интерфейса, дизайнером пользовательского интерфейса или просто любителем веб-анимации, вы сможете воспользоваться методиками, изложенными в этом курсе. Мы используем проектный подход, чтобы познакомить вас с графическим форматом SVG и GreenSock Animation Platform - возможно, самой мощной и эффективной библиотекой анимации на JavaScript, доступной на сегодняшний день.
При создании сложной анимированной открытки вы узнаете:
- Почему SVG сегодня "горячий товар"
- Преимущества использования SVG
- О SVG формах и пользовательских тегах
- Как включить SVG на веб-странице
- Как организовать SVG элементы для веб-анимации
- Что такое анимационная платформа GreenSock
- Понимать различные пакеты GreenSock и какие использовать
- GreenSock API и его шесть основных функций анимации
- Все о таймлайнах и как они работают в GreenSock
- Как разбить проект SVG на сцены
- Как создавать броские, впечатляющие анимации по частям
- Как использовать временные шкалы для организации всей анимации
- И многое другое...
Все файлы проекта с полным исходным кодом будут доступны вам на каждом этапе процесса анимации. Изучите ценные навыки, которые помогут вам в вашей карьере или откроют новый мир творческого самовыражения, если вы любитель или энтузиаст.
Посмотреть больше
-
Урок 1. 00:02:09Introduction
-
Урок 2. 00:10:43An Overview of SVG
-
Урок 3. 00:14:29SVG Basic Shapes & Primitives
-
Урок 4. 00:21:33A Few More SVG Features
-
Урок 5. 00:06:58Introduction to GreenSock
-
Урок 6. 00:14:55Hands-on GreenSock - Part 1
-
Урок 7. 00:09:37Hands-on GreenSock - Part 2
-
Урок 8. 00:10:27Hands-on GreenSock - Part 3
-
Урок 9. 00:12:16Hands-on GreenSock - Part 4
-
Урок 10. 00:04:17Project Overview
-
Урок 11. 00:10:09Project Files & Folder Structure
-
Урок 12. 00:13:45Animation Project - Step 1
-
Урок 13. 00:11:04Animation Project - Step 2
-
Урок 14. 00:24:37Animation Project - Step 3
-
Урок 15. 00:24:06Animation Project - Final Step
Автор - udemy
Комментарии