Простой, но крутой метод анимации градиентов в Figma за 15 минут! (Туториал + Бесплатный проект)

  Рет қаралды 3,302

Nikolay Zubets

Nikolay Zubets

Күн бұрын

Градиенты - универсальное решение, которое подходит для многих проектов. И понятно, почему - комбинации цветов и варианты применения практически безграничны.
В этом видео вы узнаете, как можно анимировать "плавающие" градиенты в Figma. Это быстро и не сложно =)
Переходи по этой ссылочке и добавляй этот проект в свои черновики Figma - www.figma.com/community/file/...
Таймлайны:
00:00 - Intro
00:16 - Создаем первый фрейм
04:08 - Делаем компонент и варианты
05:51 - Анимируем градиенты
08:07 - Собираем главный экран
09:06 - Проверяем анимацию
09:42 - Вносим правки
11:22 - Нужно больше эффектов
13:12 - Мнение о плагинах
15:53 - Outro
В этом видео делаю еще один прикольный слайдер - • Захватывающий эффект! ...
А тут 3D-слайдер с кроссовками Nike - • Стильный и эффектный 3...
Посмотри обязательно =)
Моя нескромная персона в соцсетях 👋
VK - nikolay_zubets
Inst - / nikolay_zubets
TG - t.me/Nikolay_zubets

Пікірлер: 21
@RandyRozzz
@RandyRozzz 5 ай бұрын
Очень понравилось, что ты наглядно показал разницу с плагином и объяснил почему лучше именно твой способ
@asmrsoapsounds_Olga
@asmrsoapsounds_Olga 5 ай бұрын
Супер! Спасибо!
@olgakust4536
@olgakust4536 5 ай бұрын
Спасибо! Отличный формат подачи, вдохновляет👍🏻
@zubets
@zubets 5 ай бұрын
Спасибо! Приятно слышать 😊
@boxer74_
@boxer74_ 5 ай бұрын
Отлично 👍🏻
@user-rc5pw4nu1d
@user-rc5pw4nu1d 5 ай бұрын
Спасибо! Простым языком и доступно! Буду смотреть еще если будет видео!
@zubets
@zubets 5 ай бұрын
Благодарю! Обязательно сниму ещё что-нибудь интересное 👌
@user-ov6mh3ke3f
@user-ov6mh3ke3f 5 ай бұрын
Огроомное спасибо за простоту подачи урока.Я - новичок в веб-дизайне, в основном IU/IX - дизайн сайтов, и поэтому смотрю и учусь у профессионалов. Как говорится, с миру по нитке. Низкий Вам поклон за Ваш труд, Николай🤗🙏
@zubets
@zubets 5 ай бұрын
Ольга, благодарю 😊 Не останавливайтесь, у Вас всё получится)
@user-ov6mh3ke3f
@user-ov6mh3ke3f 5 ай бұрын
@@zubets Спасибо огромное за Вашу поддержку. 🤗👍Буду стараться!
@FigmaMen
@FigmaMen 5 ай бұрын
Мне очень понравилось, я начинающий в этой сфере сам учусь этому, и мне понравилась эта анимация
@zubets
@zubets 5 ай бұрын
Благодарю) Так держать, у Вас всё получится! 💪
@user-vq9xf2yx3x
@user-vq9xf2yx3x 5 ай бұрын
Кайф , начинаю учится дизайну , твои фишки отлично помогают упражняться в насмотренности да и просто благодаря им отвлекаюсь от рутины учебы , жду и очень сильно нового !)
@zubets
@zubets 5 ай бұрын
Благодарю! Уже готовлю кое-что новенькое 🙂
@olegkateka4297
@olegkateka4297 5 ай бұрын
👍
@muhammetkoshayev8836
@muhammetkoshayev8836 5 ай бұрын
Кайф 👌
@user-nu5pl7vp4q
@user-nu5pl7vp4q 4 ай бұрын
Спасибо за урок! А как сохранить анимацию при просмотре в телефоне? У меня открывается просто картинка, без анимации
@ChumakSergey
@ChumakSergey 3 ай бұрын
А как теперь эту анимацию поместить на сайт?
@ewgeniikuznetsov2126
@ewgeniikuznetsov2126 5 ай бұрын
А как потом это верстать в тильде?
@avatar33311111111111
@avatar33311111111111 5 ай бұрын
Дизайнеры об этом не думают)
@zubets
@zubets 5 ай бұрын
Честно говоря, с Тильдой не так хорошо знаком, больше с Вордпресс работал. Там можно сделать любой из тех, про которые я снимал)
STOP doing DROPDOWNS like this - Figma variables 2023
15:35
Ricardo Costa
Рет қаралды 169 М.
50 YouTubers Fight For $1,000,000
41:27
MrBeast
Рет қаралды 172 МЛН
What it feels like cleaning up after a toddler.
00:40
Daniel LaBelle
Рет қаралды 69 МЛН
WHO LAUGHS LAST LAUGHS BEST 😎 #comedy
00:18
HaHaWhat
Рет қаралды 23 МЛН
Creating Lottie animations in Figma
6:45
Ridd
Рет қаралды 33 М.
Master Figma UI Design in 15 Minutes | This Tutorial Is For You!
15:28
Website Learners
Рет қаралды 513 М.
Я попробовал 25 АЛТЕРНАТИВ ADOBE
13:07
Figma tutorial for beginners - auto layout & components
10:56
Aliena Cai
Рет қаралды 68 М.
Кейс на Behance без боли и страданий
17:40
Max Shirko / Design Inspiration
Рет қаралды 29 М.
50 YouTubers Fight For $1,000,000
41:27
MrBeast
Рет қаралды 172 МЛН