udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Изучите веб-анимацию простым способом: введение в SVG и GSAP
Learn Web Animation the Easy Way: An Intro to SVG and GSAP
★4.6 (всего оценок - 14)
Продолжительность
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
Комментарии