У нас вы можете посмотреть бесплатно единственное видео, которое вам нужно для изучения SVG-анимаций в Framer... или скачать в максимальном доступном качестве, видео которое было загружено на ютуб. Для загрузки выберите вариант из формы ниже:
Если кнопки скачивания не
загрузились
НАЖМИТЕ ЗДЕСЬ или обновите страницу
Если возникают проблемы со скачиванием видео, пожалуйста напишите в поддержку по адресу внизу
страницы.
Спасибо за использование сервиса ClipSaver.ru
✔︎ Университет Framer: https://frameruni.link/yt ✔︎ Создайте бесплатную учётную запись Framer: https://framer.university/free-account В этом уроке по Framer я расскажу вам всё о SVG-анимации в Framer. Следуя моим инструкциям, вы создадите несколько примеров вместе со мной (по мотивам Якуба), каждый из которых расскажет вам немного больше об SVG-анимации и поможет вам освоить этот навык. → Ремикс учебного проекта: https://framer.university/resources/a... → Ознакомьтесь с оригинальной работой Якуба: https://x.com/jakubkrehel/status/1983... 00:00 — Введение и чему вы научитесь 00:22 — Обзор демоверсии и ссылка на ремикс 01:16 — Разбор пошаговой анимации (компоненты и варианты) 03:00 — Создание круга, текста и анимированной галочки 05:00 — Добавление эффекта обводки и настройка времени анимации 06:30 — Создание анимации линии между шагами 08:00 — Объединение компонентов в полноценную пошаговую анимацию 09:20 — Создание анимации подписи с помощью инструмента «Перо» 11:00 — Анимация подписи с помощью эффекта обводки 12:40 — Воспроизведение при прокрутке Просмотр анимации 14:00 - Создание анимации окружностей и криволинейных траекторий 15:50 - Анимация флажка с синхронизацией штрихов 17:00 - Демонстрация анимированного подчеркивания с последовательной задержкой 18:00 - Советы по практическому использованию SVG на веб-сайтах 18:30 - Outro и ресурсы Framer University Подписывайтесь на меня: X: / learnframer Instagram: / framer.university