👍 Параллакс анимация прототипа в Фигме — как сделать? (smart animate parallax in Figma)

preview_player
Показать описание
#alexeybychkov #ityoutubersru #figma
Посмотрим на реальном примере, как с помощью умной анимации (smart animate) сделать эффект параллакса в прототипе в Фигме.

00:00 - что будем делать
1:40 - готовим 3 фрейма и линкуем их в прототипе
5:22 - примеры объемного параллакса
6:38 - горизонтальный параллакс с кучей всяких разных элементов
13:30 - вертикальный параллакс смены страницы

💰❤️ Поддержать канал:

Подглядывать за мной можно тут:

•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••

Мои книги:

#figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance
  1. Alexey Bychkov: веб-дизайн и фриланс
  2. бычков алексей
  3. бычков алексей дизайнер
  4. бычков алексей фрилансер
  5. курс по фигме
  6. бесплатный курс фигма
Рекомендации по теме
👍 Параллакс анимация 0:18:14

👍 Параллакс анимация прототипа в Фигме — как сделать? (smart animate parallax in Figma)...

Parallax эффект - 0:10:09

Parallax эффект - Умная анимация в Figma (Smart Animate) | Веб-дизайн

Prototype a Parallax 0:07:52

Prototype a Parallax Animation in Figma

Parallax Effect in 0:18:01

Parallax Effect in Figma - Animation Tutorial for Website Design (2024)

Animation for Parallax 0:00:16

Animation for Parallax Elements Dev | Figma Prototype

Parallax Scroll Animation 0:06:35

Parallax Scroll Animation in 6 Minutes (Figma Tutorial)

Creating parallax with 0:10:44

Creating parallax with variables — Figma tutorial

Figma Smart Animate 0:37:18

Figma Smart Animate Tutorial - Parallax effect with Gif animation on Website

Adobe XD Animation 0:10:47

Adobe XD Animation Tutorial - Parallax Effect for Website Design.

Как сделать Параллакс 0:04:20

Как сделать Параллакс эффект в Figme с помощью Smart animate

Параллакс 🚀 #вебдизайн 0:00:39

Параллакс 🚀 #вебдизайн #дизайнсайта #фигма #uxuiдизайн #анимация #тильда #параллакс...

Web UI Design 0:10:30

Web UI Design - Parallax Animation Tutorial | Adobe XD

Умная параллакс анимация 0:53:57

Умная параллакс анимация мобильного приложения в Фигме (Smart Animate Figma) – UI анимация в Figma...

Figma Tutorial - 0:34:15

Figma Tutorial - Designing a full Website with Parallax Scroll Animation in figma

Эффект 3Д в 0:00:16

Эффект 3Д в Фигма. #Параллакс #parallax #webdesign #figma #вебдизайн #figmaplugins #figmatutorial...

Figma Parallax Effect 0:18:04

Figma Parallax Effect - Full Tutorial + Free Figma Files 🎁

Create PARALLAX SCROLL 0:10:56

Create PARALLAX SCROLL EFFECT In Figma | Figma Tutorial

Parallax illustration using 0:00:48

Parallax illustration using Figma

Parallax Animation in 0:00:16

Parallax Animation in Figma

Figma prototype animation 0:00:13

Figma prototype animation #foryou #howto #figmatutorial #figmatips #webdesign #design #uiux#parallax

Parallax Animation | 0:03:47

Parallax Animation | Auto-Animate | Prototype | Adobe Xd

Figma Midjourney Animation 0:55:02

Figma Midjourney Animation Tutorial - Parallax effect + mp4

Create Full Website 0:14:33

Create Full Website With PARALLAX SCROLL Animation In Figma | Figma Tutorial

Advanced Parallax Animation 0:08:30

Advanced Parallax Animation | Adobe XD | UI / UX design & prototype ( Series )

Комментарии
Автор

А как ты относишься к параллаксу? Нравится или ну его ф топку?
0:08 — что будем делать
1:40 — готовим 3 фрейма и линкуем их в прототипе
5:22 — примеры объемного параллакса
6:38 — горизонтальный параллакс с кучей всяких разных элементов
13:30 — вертикальный параллакс смены страницы

alexeybychkov_
Автор

Хоть что - то стоящее появилось, нигде, кроме вашего канала не мог найти, как работать в Фигме

dmitryzagrebin
Автор

Как же я мучался когда делал эту анимацию, никак не мог настроить, но спасибо вам за видео урок с ним намного проще все пошло!

ДімаТроцький
Автор

Ничего подобного ещё не видел. Классно получается

ЛабораторияСмеха-ев
Автор

Каждый раз у вас все новые и новые слова для меня плюс учите параллакс эффектам. красавчики

АндрейСтамолов
Автор

Параллакс то что мне нравится. Быстро научился после вашего видео

АйбатБ
Автор

Очень полезный гайд. Спасибо. Очень помог. Только начинаю осваивать программу.

СергейЯстребцев-ир
Автор

спасибо видео очнеь полезное и классное лайк вам

Пиксель-ях
Автор

Леша, спасибо! Круто получилось. Еще не знала, что если выбрать фрейм и вставить копию, она окажется на том же месте. Открытие года какое-то

НИнаБ-йо
Автор

Для создания эффектов полезное видео, с любопытным взглядом

largull
Автор

Результат впечатляет. Здорово получилось!

СергейШимко-юо
Автор

Перед началом просмотра не ожидала, что видео будет таким интересным.Много нового узнала, хоть что - то стоящее появилось, нигде, кроме вашего канала не мог найти, как работать в Фигме. Жду еще выпуски.

полинапоспелова-фв
Автор

Нашла для себя много интересного и нового.Спасибо автору!Подписка!

ЮляМохова-ьь
Автор

Почти все понятно. Приятно, когда не только функционал видно, но и результат глаз радует. Отзывчивый такой дизайн получается, здорово. Захотелось что-то такое же сделать.

GorecUr
Автор

Сижу параллельно делаю с вами анимашку)). интересно и доходчиво!

МарияСоколова-оу
Автор

отличный видеоурок о том, как сделать эти анимации

удачи и успехов на вашем канале YouTube

andresgonzales
Автор

Это просто офигенно! Очень полезный гайд. Смотреть всем просто обязательно!

aliahmed-qtgt
Автор

Очень интересное и познавательное видео. С меня лайк.

ewo-
Автор

Очень любопытный гайд! Много для себя выясняла и узнала. Спасибо😘 смотреть всем!

СнежанаАртюхова-ыт
Автор

Алексей я вас абажаю 11 месяцев назад, этим видео вы прочли мои мысли.

melissasofie