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

Как сделать крутую параллакс анимацию в Фигме (интерактивная анимация дизайна мобильного приложения) -Продвинутые уроки Figma.
🎓 Обучение у меня: academy.yem.di...
🔹Тони в инсте: / tony.yem
🔹Я в соц. сетях:
/ tony.yemelyanov
tony.ye...
🔹Мой Behance:
behance.net/to...
***
🔹Подписывайся на канал чтобы не пропустить новые выпуски: / @yemdigital
Figma, Анимация в Фигме, Параллакс, UI дизайн, Smart Animate

[@NorrinDesign]

Наконец-то то, что очень сложно найти на обычном, простом языке)) в частности для начинающего) Спасибо вам огромное, развитие каналу)

[@yuliiakochurovski5891]

Наконец то я нашла настоящего наставника! Я уже забила на все это дело но благодаря вашим курсам у меня открылось последнее дыхание! И я его использую по максимуму! Спасибо спасибо спасибо! Ваш труд бесценен!

[@ВалераОконешников-ш6и]

спасибо вам за видео) у вас, один из не многих каналов, где объясняется все без "воды". Дай вам бог здоровья)))

[@yemdigital]

Спасибо, большое! ))

[@kidsfs3020]

точно!!

[@natalytataurova9678]

Огромное мерси за урок. Очень качественная подача и суперполезные вещи освещаются!

[@yelenatsaturyan7643]

зашла случайно на канал Тони, но сейчас как-то не хочется уходить. Тут так все просто объясняется про возможности Figma, что я тоже хочу попробовать. Спасибо большое, Тони 👍🤝

[@АнастасияПопович-в7ч]

После этого видео стало более понятно что делать со Smart Animate в Figme. Спасибо за такой подробный обзор. Очень полезно

[@yanatrehubava6896]

Да. здоровская штука Smart Animate, действительно ускоряет работу по подготовке к презентации проекта. А Figmotion, на мой взгляд, очень даже неплохая альтернатива AE. Походу Фигма скоро вытеснит всех конкурентов с рынка :D Спасибо за крутое видео, Тони!)

[@romansatan]

Молодец! Всегда на позитиве и приятная поставленная речь, доходчиво и правильно всё обьясняешь! 👍👍👍

[@kidsfs3020]

нравится мне когда люди так кайфуют от того что делают !!! классное видео

[@sergeyprostobean4521]

Наконец-то, я посмотрел это видео. Все понравилось. И даже почти все получилось:) Нужно еще попрактиковаться. Тони как всегда на высоте. Спасибо. Молодец!

[@lazar345]

Спасибо дружище за урок, было бы круто увидеть еще один выпуск с разжевыванием всей вкладки прототайп

[@wildANGELOS]

Отлично! Очень классный урок! Обязательно попробую сделать одну из анимаций! Жду следующих уроков 😊

[@Fire6oji]

Очень круто, спасибо. Жду вторую часть.

[@henkisauna]

Спасибо за очередной урок! Смарт анимация это очень удобно и круто!)))

[@xeniaicefelton]

Обтравка гор залипательная... параллакс 100 LVL! Спасибо за урок!

[@AbSynthe187]

Просто нереально! Наконец-то в фигме анимация

[@yemdigital]

Да!!! И я уверен, впереди нас ждет еще много крутого функционала! )

[@СвітланаРуцька-ь8л]

Большое спасибо, Тони! Очень интересные видео, как я обожаю эти уроки! Просто и доходчиво, а главное тепло и по- домашнему.

[@LSafronova77]

Спасибо, Тони! Очень полезно, понятно. Ждем еще!!

[@александрсоколов-в3х]

Тони Монтана, благодарю) больше разборов, больше лайков, больше сайтов, больше фишек)

[@taisiaushanova110]

Невероятно. Тони, спасибо за вашу "магию". Завтра буду воплощать)

[@Aleksbyart]

Огонь! очеьн вдохновляют твои уроки, спасибо)

[@allgoal8409]

Тони, очень круто, спасибо!

[@ellesart4477]

Очень хороший урок! Хочется продолжения!

[@grobka]

Не могу не рассказать, проходила на другом курсе тоже этот эффект и не могла анимировать нормально гамбургер, забила на него по итогу. Сейчас смотрела это видео ,чтобы посмотреть новые варианты работы с паралаксом и у меня случилось озарение после фразы о том, что важно одинаково называть, иначе не сработает. Пошла проверять у себя и, конечно, именно поэтому не срабатывало! Теперь я точно пересмотрю все видео

[@ИринаВертелецкая-н2п]

Cool! Cool! Огромное спасибо Вам! Вы просто супер teacher! Реально объясняете а не демонстрируете свои навыки :)

[@yemdigital]

Спасибо, стараюсь быть таким учителем которого у меня никогда не было а всегда хотелось )

[@NoseNose65]

Спасибо за годный урок! Много интересных фичей положил в свою копилку

[@yemdigital]

Спасибо, я рад! )

[@thevanykamsk]

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

[@serglonchak6631]

Охуфигеть!!! Огромное спасибо!!!

[@Hellen0korsh]

Огромное спасибо за урок! Очень хочется посмотреть разбор анимации в Noize MC. В частности, как добавить 2 действия к одной кнопки (эффект ховера, чтобы объект реагировал и при наведении мышки, и при нажатии) и реализовать процесс-бар

[@УМНОЕКИНО]

Обалденно!))) Обожаю твои видео! Никто так круто и так детально не объясняет! Спасибо огромное!)))

[@yemdigital]

Спасибо! ))

[@dkdragon777]

Благодарю за урок. Было познавательно.

[@victortokarev4986]

Хорошего стрима!

[@rashidjabrayilov8079]

самое классное видео про FIGMA которое я смотрел !!!

[@yemdigital]

Спасибо :)

[@evgeniyaignatova774]

Ооочень крутой видос! Спасибо большое!

[@Loony666Noob]

Очень интересно,спасибо! :)

[@jannadorozhina3729]

спасибо. очень хорошая подача материала.

[@abrorbek4147]

Спасибо огромное!! 👍👍👍👍 очень полезный урок!!!

[@rrraketata]

Супер урок

[@иринаяровая-м5ч]

спасибо, очень хорошее видео

[@ioana9601]

thank u! ждем новые видео!

[@fthyg7440]

Не чё так если солнце за горами, то горы будут в собственной тени, или у вас два источника света? Но это конечно не цель урока, но глаза видят и сопротивляются)) за фигму спасибо.

[@funnycats7604]

Хорошее и понятное видео, автору спасибо 😊

[@sabinalyashchenko5016]

музыка на фоне тоже классная)))))) поделитесь треками, пожалуйста😇 урок огонь, спасибо вам

[@evgenia8326]

Можешь разобрать возникающие ошибки по анимации? Например при скроле появляется восклицательный знак.

[@obavolka]

спасибо, но хотелось бы разбора именно первых самых простых анимаций

[@ilya_kabanov]

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

[@RelannaCR9]

spasibo za ocen poleznoe video!

[@MUSTHAVEUAGrunge]

странно не могу в Фигме в плагинах найти Smart и parallax

[@DashaBly]

Хочу сказать спасибо за такой познавательный видеоурок! ❤️Тот самый канал, который смотрю с удовольствием, а не просто потому что мне нужно что-то узнать и все Спасибо большое!🥰

[@nastya.motion]

Здравствуйте, сделала все настройки в прототипе как у вас. почему -то не работает Drag Triggers при Smart Animate, не могу найти ответ в интернетах, подскажите пожалуйста, в чем может быть причина

[@andymarkov]

Ну про бога ниже так себе конечно но спасибо за годный контент! Хотелось бы увидить от тебя больше уроков по такой анимации

[@yemdigital]

Спасибо ) Завтра-послезавтра будет новое видео по анимации! :)

[@yuliachernyakova1881]

Интересно для верстальщика задача лёгкая? Повторить такое

[@Kviliti]

Здравствуйте. А как это всё, потом внедрять в андроид студио? Как данная технология перекочует в телефон?

[@IgorSofiichuk]

Спасибо за урок! Все сделал! как теперь скачать это все, для загрузки в инсту??

[@ярослав-ы1й4у]

здравствуйте, Вы узнали как?

[@hovakimyan_ero]

Выбираешь фрейм, в панеле инструментов в самом низу есть пункт "Export", нажимаешь на плюсик, выбираешь формат в котором хочешь экспортировать, выбираешь размер файла ( Если это JPG или PNG) и нажимаешь Export.

[@hovakimyan_ero]

@@ярослав-ы1й4у Выбираешь фрейм, в панеле инструментов в самом низу есть пункт "Export", нажимаешь на плюсик, выбираешь формат в котором хочешь экспортировать, выбираешь размер файла ( Если это JPG или PNG) и нажимаешь Export.

[@АнастасіяГалагуза-ф3з]

Подскажите как при уменьшении картинки чтоб не терялось качество - я делала большу уменьшила и качество ужас(

[@car_sketch_and_render]

Спасибо! А ссылочка на данный исходник есть?

[@АлексейСидоров-р4ь]

хороший канал. сорри за офтоп. на чем работаете? какое разрешение ОС и прочее. просто сейчас жутко некомфортно себя чувствую на своих 1600 на 900. а в фигме все время приходится двигать вправо-влево

[@РамзанБерсанукаев-г3ш]

Здравствуй Тони подскажи пожалуйста.Я сделал анимацию на 3 фреймах,теперь как мне ее воплотить в проект?

[@lordsnidr8327]

А как Вы сделали, что макет Айфона был виден при дизайне? Просто добавили мокап или где то включить можно?

[@hovakimyan_ero]

В панеле прототипирования есть пункт, где можно выбрать устроиство, на котором отображается макет)

[@Liostager]

Круть урок))))))))

[@magasdesign8928]

Конечно покажи будет интересно

[@yemdigital]

Показал в следующем же выпуске :) kzbin.info/www/bejne/oXmad56VhJiJY6M

[@kristinafedechko8976]

Очень полезно, спасиибо! ;)

[@dmitriyzhukov4592]

Куда не плюнь, обязательно попадешь в "академию" ) Скромнее надо быть ))

[@romanbelyaev1457]

При просмотре, Drag Interaction не работает, анимация активируется только при помощи клавиши пробел, либо при помощи стрелочек. Подскажите, что делаю не так?

[@KZ-uo8gc]

А где взять этот макет Iphone (с временем, зарядом батареи) ? Подскажите кто знает

[@yemdigital]

Это UI набор под iOS - бывают разные версии (и не только iOS) и их можно найти в поисковике по запросам типа "Figma UI kit". Можно взять один из таких наборов отсюда: www.figma.com/file/qh4YZBO9405hhhlA6gG3Xi/iOS-13-UI-Kit-Beta?node-id=0%3A3086

[@kenoid1796]

отлично, спасибо!

[@KZ-uo8gc]

Тони ЖГИИ!!! ДАВАЙ КОНТЕНТ))

[@icedal4541]

👍👏

[@dmitriyzhukov4592]

Все же, такие вещи - разделение слоев фотографий и цветокоррекцию - лучше делать в фотошопе.

[@yuyanohoshi5501]

А ты случайно показать не забыл как ты смартфон сделал ? А то тут не все бывалые взители

[@topKinorezka]

уроков по травлении не было потому что это и так очевидно

[@yemdigital]

Не для всех )) Вчера я наткнулся на урок, в котором рассказывали что для обтравки обязательно нужен фотошоп ))

[@thevanykamsk]

Вот все постоянно делают ховер для мобильных устройств. Но это бесполезная функция, ведь нет курсора.

[@ElijahCorwinStar]

давайте перейдем к параллаксу ради которого мы тут собрались, сказал он на 35 минуте видео... столько воды и ненужной болтовни у тебя, что видео можно было сократить до минут 20-30 максимум. но в целом, спасибо.

[@sharonkoen6347]

Автору нужно работать над речью (если претендуете на тичера)- невыносимо слушать - постоянно причмокивает, речь сбивчивая... Однозначно - не подписываюсь

[@dmanny5gmail]

Подскажите, плз, почему такое может быть. Когда делаю переход из последнего экрана в первый, то при загрузке прототипа, анимация стартует с 3го экрана. Как только убираю переход с 3го в 1й экран, то при загрузке прототипа анимация стартует с экрана 1.