Описание
Количество уроков: 65 Видео
Язык: Английский
Вес архива: 1,56 ГБ
Освойте быстрый и практичный подход к работе с SVG-графикой и анимациями на базе GreenSock (GSAP). Этот курс поможет вам уверенно использовать SVG в современных веб‑интерфейсах и раскрыть его потенциал для создания эффектных интерактивных сцен.
Что вы изучите
Работа со SVG в дизайнерских инструментах
Поймёте, как правильно экспортировать SVG из Figma, Illustrator и других программ, чтобы файлы были чистыми, оптимизированными и удобными для анимации.
Встраивание SVG в HTML и оптимизация
Изучите способы подключения SVG — инлайном, через <img>, <object> и спрайты — а также узнаете, как выбрать подходящий вариант для анимации.
Редактирование и понимание структуры SVG
Разберёте ключевые элементы: <path>, группы, трансформации, атрибуты, координатные системы и viewBox. Поймёте, что можно анимировать напрямую, а что нуждается в подготовке.
Анимация SVG с помощью GreenSock
Научитесь применять GSAP для работы с путями, штрихами, морфингом, масками и клиппингом. Получите набор практических паттернов, которые можно переносить в реальные проекты.
Кому подойдёт курс
Курс разработан для фронтенд‑разработчиков, которые уже знакомы с основами GreenSock и хотят расширить свои навыки, углубившись в работу с SVG‑графикой.
Какие навыки вы получите
• Подготовка SVG для анимации
• Чтение и модификация SVG-кода
• Создание анимаций штрихов, морфинга и трансформаций
• Работа с масками, фильтрами и эффектами
• Использование GSAP для сложных сцен и интерактивов
Почему это важно
SVG остаётся ключевым форматом для высококачественной графики в вебе. В сочетании с GreenSock он открывает путь к лёгким, быстрым и визуально насыщенным анимациям, которые не перегружают страницу и отлично работают в современных браузерах.
Игорь В. –
Курс хороший, и паттерны для морфинга путей пригодятся в работе над интерактивными лендингами. Способы встраивания SVG через inline, img, object и спрайты тоже разобраны толково. Единственное — язык английский, а темп местами быстроват для новичка, приходилось пересматривать уроки. В остальном материал практичный и без воды.
Анна Смирнова –
Взялась за курс, имея лишь базовое знакомство с GSAP, и это оказалось в самый раз. Автор не растягивает теорию, быстро переходит к практике: анимация штрихов, маски, клиппинг, морфинг. Из 12 часов больше всего понравились примеры со сложными сценами, которые потом можно перетащить в свой проект.
Дмитрий К. –
До курса я работал с SVG только через CSS-анимации и постоянно спотыкался о viewBox. Здесь подробно разобрали структуру path, группы и трансформации, стало наконец понятно, что можно анимировать напрямую, а что требует подготовки. Отдельно полезен блок про оптимизацию экспорта из Figma и Illustrator — файлы раньше были грязные, а из-за этого GSAP-анимации тормозили.