Анимация слайдера в Фигме | Урок по анимации в фигма для Гарри Поттера 💫
Научись создавать качественные интерфейсы на Курсе по UI UX Design
В этом видео мы покажем, как создать эффектную анимацию в Figma. Мы рассмотрим, как создавать эффекты свечения, и другие визуальные элементы, которые помогут создать настроение настоящего Хогвартса!
Мы рассмотрим различные способы создания анимации в Figma, включая создание интерактивных прототипов, использование переходов и другие инструменты. Мы также обсудим, как правильно настроить временные интервалы и скорости анимации для достижения желаемого эффекта.
Данная анимация не сложна в изучении и отлично украсит ваш проект. Повторив шаг за шагом увиденное в видео вы с лёгкостью сможете применить её в своих дизайнах.
Тайм-коды
0:00 - Вступление
0:20 - Cоздание дизайна
2:30 - Создание компонентов для анимации
4:40 - Создание анимации компонентов
5:00 - Создание анимации текстов
5:55 - Создание кнопок
7:41 - Добавление шума на фон
8:10 - Создание градиентов
9:38 - Создание анимации градиентов
11:30 - Редактирование этапов основной анимации
13:30 - Создание основной анимации
14:04 - Результат
Ставь лайк 👍
Подписывайся на канал @design_academy_pj ❤️
Нажимай на колокольчик, чтобы не пропустить новые полезные видео про веб дизайн 🤓
Больше про UX дизайн в Инстаграм:
подписывайся 💛
Заглядывай в телеграм комьюнити:
#Figma #анимация #дизайн #вебдизайн #ГарриПоттер #эффекты #интерактивныйдизайн #прототипирование #визуальныeeффекты #инструменты #тематика #animation #design #webdesign #HarryPotter #effects #interactivedesign #userexperience #prototyping #uidesign #visualeffects #tools #theme #uiux #uiux
1 view
4
1
1 month ago 00:32:47 1
Урок 1-2. Дизайн в Figma//Smart animation (умная анимация)
3 months ago 00:12:36 38
ANX018. Конструктор слайдеров для Тильды
3 months ago 00:09:54 6
ANX015. Конструктор меню в Тильде
3 months ago 00:11:39 3
ANX012. Конструктор паттернов в Тильде
4 months ago 00:21:27 1
Продвинутый урок по Figma от арт-директора. Автолейауты, компоненты и необычный эффект для фото
5 months ago 00:17:33 1
Веб дизайн урок по анимации || 3d слайдер в Figma
5 months ago 02:16:09 2
2. Прототипирование в Figma | Курс UX/UI Дизайнер: «Возрождение» | Бесплатный курс веб дизайна
5 months ago 01:49:10 1
Как новичку создать красивый сайт | Подробный урок
5 months ago 00:08:49 1
Катер. Катер. Катера. Катер до 100 км/ч - 900 лошадей: 3х300 - По Барам уже Включают.
5 months ago 00:05:38 1
Простой Слайдер для Joomla | Joomly Slider
5 months ago 02:07:01 3
Бесплатный курс: КАК СОЗДАТЬ САЙТ на Taptop? Обучение верстке по макету Figma
6 months ago 00:07:05 13
Урок Figma #13 Бесконечный слайдер в Фигма. Цикличная анимация в Figma
6 months ago 00:12:06 2
Junior фронтенд-разработчик: 11 идей проектов для резюме
6 months ago 00:35:13 1
Создание потрясающей галереи на HTML, CSS и JavaScript (CSS-анимация, Blur, Parallax, Gradient)
7 months ago 00:27:59 1
3D слайдер в конструкторе Тильда ZeroBlock
8 months ago 00:35:45 1
Урок After Effects | Как создать анимацию Slider Carousel | After Effects Tutorial