Parallax эффект - Умная анимация в Figma (Smart Animate) | Веб-дизайн
HTML-код
- Опубликовано: 2 ноя 2020
- Это видео о прототипировании и анимации в Фигме. В этом уроке мы разберем на новой функции Smart Animate, позволяющем создавать усложненные анимированные прототип.
Сделаем красивый и кликабельный макет с Parallax эффектом.
#figma #smartanimate #parallax - Хобби
Супер!! Только вчера думала, как сделать данный эффект, и тут Ваш урок увидела, всё понятно и четко, спасибо!
Спасибо! Очень нравятся ваши видео, дизайн и краткость изложения, а прикрепленные примеры очень помогают разобраться гораздо быстрее.
Хороший урок, спасибо. Продолжай в том же духе )
Наверное самый полезный урок , что я видела по фигме!) класс , спасибо )
Очень полезный урок, спасибо большое)
Отличный урок по анимации. Жду ещё
Отличный урок! Успехов в развитии канала. Тема параллакс просто бомба!
Спасибо большое за видео)отличный урок)
Спасибо! Подробно и в подходящем темпе. Теперь не кажется сложным.
Спасибо. Красивый пример.
я охуел, ты Бог, без приколов. Красавчик просто. Сразу лайк авансом
Господи, спасибо тебе, работа просто топ. До сих пор обалдеваю
@@bezdar_2217 ты что школьник чтоли? такие тупые эмоции выдаешь, ведешься на красивые картинки
Сразу понятно что опыта в дизайне ноль
Отличный урок! Очень красиво!!
Вот это я понимаю норм объяснили,не спеша, аккуратно и все понятно. Каждой движение и клик комментировался 👍
Спасибо огромнейшее) так все быстро и подробно) выручил
Спасибо, очень подробно и понятно❤️
спасибо за туториал, все просто и понятно!
Круто! Спасибо за урок!
ну тут нету слов, очень хороший урок спосибо
Благодарю! Очень полезное видео :)
спасибо большое за мастер-класс, я так боялась, что у меня не получится, но все получилось!! радости нет предела! удачи и успехов вам!
Спасибо большое, всё ясно и понятно)
Спасибо за урок!
очень круто вышел урок спасибо
Крутое видео, много чему научился
Очень понравилось!
Спасибо
Очень и очень полезно! Ставлю большой палец вверх и подписываюсь)
Спасибо все получилось))
вау, очень полезно и понятно!
Спасибо!!
это офигеть как круто
Круто!
спасибо!
спасибо, крутой ролик!
Спасибо!
Комментируйте какие клавиши нажимаете и будет вообще супер.
Нам очень понравилось !!!!!!!!!!!!!
Отличный урок! Видела схожий эффект у блогера Alice K, хотела как раз повторить. Спасибо)
Круто
красавчик!
ооооочень полезен был
Афигеть круто 😂
все отлично, спасибо за видео, но звук очень и очень тихий
Очень круто, только не понятно как всё это вместе с анимацией уже готовой из Figma перенести в Tilda, уже полтора часа ищю в ютубе не могу найти.. Показывают как перенести картинки, отдельные сайты, но анимацию никто не показывает, все её в тильде потом доделывают..
Здравствуйте, помогите пожалуйста. Создала анимацию на фрейме формата «инста стори» он открывается на полный экран и чтобы просмотреть надо листать вниз, подскажите как его исправить чтобы этот формат подходил под шаблон телефона а не на весь экран просмотра?
Окей, как сделать параллакс с помощью нескольких фреймов - это всем понятно. Но как сделать параллакс при прокрутке одного фрейма.
То есть:
У меня вся страница сайта находится на одном большом, вертикальном фрейме. И как сделать параллакс при прокрутке єтого фрейма, чтобы я листал страницу и у меня был параллакс, потому что делать параллакс на нескольких фреймах - не всегда удобно и не всегда то что нужно.
Согласен, было бы интересно узнать, можно ли так делать в фигме
не получается спрятать никакой из текстов, как сделать невидимым текст, который за остальной часть ректангла?? подскажите быстрее пожайлуста, на днях у меня проект.
Спасибо за хороший урок ( ̄︶ ̄)👍👍
Чтобы элемент не улетал из фрейма надо задать space при перемещении)
Автор дай пожалуйста ссылку на этот проект в фигме. От меня лайк к видео и Подписка на канал!
Добрый день) Нужна ПОМОЩЬ
Спасибо Вам большое за этот урок, но при моей попытке повторить то же самое, но с другой концепцией, смарт анимация при нажатии на кнопку HOME не работает, а при нажатии на кнопку ABOUT работает всегда
Делала все, как вы говорили в видео, сверяла названия составляющих фрейма, не понимаю, в чем дело, можете помочь, пожалуйста? 🥺
Здравствуйте!!!Как можно с вами связаться?
Я не понял, как ты заголовок Discover спрятал за шаром?
Он для текста сделал фрейм, чтобы с помощью функции clip content, скрыть все что снаружи фрейма. То есть он просто сдвинул текст внутри фрейма и скрыл его.
Нифига не поняла , но было интересно😂😅
а как обьеденить это
А как это все перевести в код?
а как это все верстать потом?
Спасибо за такой прекрасный урок только вчера сделал дизайн и сразу столкнулся с незнание анимирования.А зачем нужна вёрстка и что это вообще такое
иди уроки делай тебе рано лезть в UI
@@Midi25 Иди на кухню,посуда тебя ждёт
Это на платном версии да???? сделат анимации
купи себе азбуку, выучи грамматику, потом лезь с вопросами
@@Midi25 вопрос не к тебе было, решила 2х летнюю коммент критиковать?
У меня текст не выезжает а по является по прозрачности от 0 до 100 % что делать?
У меня так же ) просто появляется (((
Где звук?
Потом как скачать эту анимацию на комп?
ты дурак? сам сообразить не сможешь что только через запись экрана своего?
А как потом эту анимацию выложить на беханс?
нашли решение? Тоже интересует)
запись с экрана
Все равно вылатают элементы за фрейм даже если нажимаю "КлипКОнтент"
Это же копия видео Бычкова Алексея
Здравствуйте, а как называется то видео? Нужен более подробный разбор такой анимации
ваще то Бычков хуже обьяснил и у него не так красиво получилось
Бро го в команду ко мне по дизайну и айти
взрослый человек с реальной командой вообще не напишет подобную херню в комментиках
@@Midi25 я ищу специалистов
Лайки накрутил что ли?
В следующий раз сетку отключай, чтобы хоть визуально в макете все смотрелось, а так вопросов нет.
ты просто скопировал видео Alexey Bychkov ??
у него на канале есть такое же видео только с более подробным разъяснением!
Бычков слишком балаболистый, видео на 10 минут растянет на 30.
Здравствуйте, а как называется то видео? Нужен более подробный разбор такой анимации
А тебе деньги это приносят?
дядя Петя ты дурак? (с)
не понимаю за что хвалят автора, половину из того что он показывает, нужно разбирать самому
Он показал как работает функция и типичную ошибку.
Круто!
Спасибо!!