Сложная анимация в фигме за 15 минут. Веб-дизайн.
ฝัง
- เผยแพร่เมื่อ 3 ต.ค. 2024
- Как сделать анимацию в фигме всего за 15 минут?
В этом видео отрисуем пошагово несколько экранов и настроим сложную анимацию
► Мои соц. сети:
Телеграм канал для скачивания ресурсов: t.me/kutuzova_...
Instagram: / kutuzova_alesya
Pinterest: / kutuzova_alesya
#вебдизайн #webdesign #uxuiдизайн #фигма #анимация
![เปิดบ้าน พี่ตูน Bodyslam หลังใหม่คนแรก ที่ภูเก็ต l [Nickynachat]](http://i.ytimg.com/vi/flFwcmyDQSk/mqdefault.jpg)
![ลองสั่งของจากแอพ temu ถูกจริงหรอ?? ( part : 1/2 ) [โกงไหมครับ ep.89 ] | DOM](http://i.ytimg.com/vi/RTcZSQTiDZw/mqdefault.jpg)
Огромное Вам спасибо! Очень познавательно!
Очень рада ❤️
Подписалась. Очень приятно видеть человека ,котрый спокойно, планомерно и по существу доносит информацию! Спасибо.Хочу научиться работать в Figme ,с вашей помощью это вполне реально.
Спасибо 🙏🏻
Очень нужная и полезная информация. Спасибо
Я рада, что нравится ❤
Очень интересный вариант анимации, над попробовать :D Спасибо за видео-урок ❤
Обязательно попробуй☺️✨🥰
Вау, все выглядит просто супер! Не думал что за такое время можно получить что то подобное. Спасибо!
Я рада, что откликается ❤🙌
Очень классная анимация! Спасибо, Алеся, за такой крутой урок! ❤
Настя, спасибо большое 🥰🥰
Спасибо ❤ рада, что нравится🌸
Отличный урок! Все чётко, понятно. Спасибо.
Спасибо 🙏🏻
Ааааа суууупер, так просто на первый взгляд, чувствуется ваш опыт. Подробно и интересно объясняете! С нетерпением жду новых разборов, спасибо)))❤
Спасибо большое ☺️ я очень рада, что откликается ❤
Спасибо Алеся!!! Ты как всегда умничка❤❤❤
Пользуйся ❤
Благодарю за лайфхаки. Я подписываюсь и учусь вместе с вами. Я рада, что нашла вас.
Спасибо за урок ❤️🔥
Сразу пошла повторять
Жду следующие уроки 🥰
Ты умничка ❤
Давай ❤ обязательно будут новые 🚀🥰
Одно удовольствие вас слушать, огромное спасибо за урок!
Вам спасибо 🙏🏻
Алеся, урок супер!!! Очень все понятно и интересно! RESPECT за контент!❤🔥
Потрясающий ролик! Было не только интересно и полезно, но и приятно смотреть на такую красоту 😍
Спасибо, я рада, что откликается ❤
Классное видео❤ спасибо за информацию
Пользуйся ❤😊
Алеся, спасибо большое! Без воды, быстро, понятно) бегу смотреть другие твои видео 🤩
Я только учусь на курсах, твое видео очень помогло, спасибо!!! Пошагово, доходчиво, круто
Ваши работы потрясающие! Спасибо, что делитесь таким полезным контентом
Спасибо ❤️
Алеся, спасибо за видео.
Очень легко и без воды ❤
Спасибо Алеся за полезную информацию.Всё подробно объяснили.
Пожалуйста ❤️🙏🏻
Алеся, вы прекрасны! Повторила ваш урок с удовольствием!
Так, ну однозначно полезный материал! Сделан хорошо, музыка фоновая задаёт ритм и настрой, сама работа выглядит очень профессионально. Отдельная приятность в виде плагина Unsplash. До этого только сайт юзал. Ещё, Алеся, ты приятная и красивая девушка, отчего смотреть хочется вдвойне. Единственное побольше бы деталей для новичков. Я только начинаю работать с Фигмой и за тобой не поспеваю в плане деталей. Так-то на паузу поставил, да, посмотрел, но вот некоторые вещи и текст у тебя готовые и как они создались, это подумать надо. Хотя наверное неплохо это) Подумать то есть) Как бы то ни было я очень благодарен за такой материал!) И приятно, что такая девушка милейшая нам его создаёт и делится им.
Поняла, буду обращать внимание на мелочи . Спасибо 🙏🏻 скоро будут новые видео
Классная анимация! Молодчинка, Алеся....Подписалась, чтобы наблюдать за Вашими работами. Мне эта тема очень интересна.
Я обязательно сегодня это сделаю! Только с другими картинками. Спасибо вам!!!
а сколько времени потратит разработчик остается загадкой
Спасибо большое за видео урок по анимации, он был очень полезен для меня) 😀
Спасибо большое за видео! Сделала свою первую анимацию в фигме❤️
Наконецто одыкватное видио про анимацию, Алеся раскажи про инструменты Фигмы😊
Хорошо, запишу )
Как хорошо, что ты есть в ютюб)
Спасибо Вам больше, у меня все получилось. Желаю Вам творческих успехов
Алеся, спасибо вам за видео!) вдохновили))
Рада, что нравится ❤
Вы крутая ! Очень интересно
спасибо большое! очень помогли, подписываюсь и дальше смотрю ваши полезные ролики!:)
Огромное спасибо! очень полезно
Большое спасибо за такое видео! ❤
Я рада, что откликается 🥰🙏🏻❤️
Отлично вышло очень красиво🎉❤❤
Жду новые видео с нетерпением!
Скоро будет ✨🙌
Спасибо за урок! реально классно!
Спасибо 🙏🏻
Спасибо большое! Очень классно и интересно! ❤❤❤❤❤
Очень рада что нашла Вас в Ютубе!❤❤❤❤
Спасибо 🙏🏻, вы очень вдохновляете ❤️
Блин, так здорово!!!
Даже новичку реально это сделать💪🏻
Замечательно, великолепно. Хотелось бы подобный ролик посмотреть с русскими шрифтами)
спасибо, красивый дизайн
Спасибо 🙏🏻
спасибо
Пожалуйста 🙏🏻 ❤
Благодарю автора. Интересно 👍
Спасибо 🙏🏻
То что нужно) Ещё бы не помешали таймкоды, для тех кому интересна только сама анимация, чтобы не искать на какой секунде она начинается
Алесечка, ты богиня, спасибо тебе)
Пожалуйста ❤️
Очень круто. Подписываюсь)
Спасибо ❤️
You explained it well, Thank you a lot.
спасибо вам за видео!🌷👍👍
Рада, что нравится ❤️ завтра будет новое
Супер 👏 Спасибо большое!!
❤️
Класс!!!
Спасибо ❤
круто, у меня сработало с первого раза․Спасибо
Очень рада ❤️
ОСОБЕННО это ШУУУХ))
Спасибо.
Я новичок, но так все интересно! Хотелось бы увидеть какие плагины у Вас установлены, а главное как их установить!🙏
круто спасибо)
можете сделать видео с переносом дизайна из фигмы на тильду
круто!!! А не могли бы Вы сделать ролик, как эту всю красоту на Figma перенести? Было бы очень интересно 🤩
очень круто, спасибо)
Вау отличная работа 🎉
Спасибо большое 😊
Какая Алеся 😍
Какая ? 😅
Очень классно! Так здорово все описала, и очень понятно. Алеся, подскажи, анимация в Фигме больше для презентации? Все тоже самое отдельно создаем и переводим в Тильде, я правильно поняла?
Для презентации и для верстальщика , чтобы он видел, как работают блоки . На тильде не всю анимации можно реализовать , но в целом принцип такой да , добавляешь все элементы и настраиваешь каждый элемент
Очень полезная информаци!Сам дизайн просто волшебный!А как сохранит данную анимацию файлом на компьютер ?
Спасибо! Есть плагин export to gif или просто сделать запись экрана
у меня получилось , только времени ушло пару часов
Подписался! Отличные уроки
Спасибо 😇
Спасибо, очень круто, но оставлю это видео на потом). Для первого урока анимации в фигме очень сложно, по ходу ролика непонятно было - для чего то или иное действие. Подскажите, пожалуйста, потом это все можно сохранить в формат видео?
Хотим больше обучающих роликов
Работа по 16 часов без выходных пока не дает возможности 🥲 скоро будет )
Прекрасная и полезная информация. Что делать если текст в фигме не виден???
Мб текст не принадлежит фрейму? Проверьте панель слоев
Почему когда я начинаю делить экран для анимации, то все мои нижние блоки подтягиваются на первый блок?
Скажите пожалуйста а как сделать такую же анимацию при скролле а не при нажатии мышки?
Фронтендер оценит😂
Ничего сложно здесь нет)
Здравствуйте! Можете, пожалуйста, сделать подробный туториал по анимации для презентации портфолио? Видела у Вас в пинтерест (там еще картины эпохи Возрождения), но не смогла повторить: анимация какая-то рваная получается. Буду очень благодарна
Привет) ты имеешь ввиду анимацию скролла страницы ?
@@kutuzova_alesya да такую же анимацию хотим увидеть)) при скролле вниз) если вам не сложно 🤗
супер👍
Спасибо 🥹
👍👍👍
Спасибо ☺️
❤❤❤❤
Здравствуйте очень круто получилось а можно сделать такое видео сделать и загрузить в инстаграм?
Привет❤️ да, делай)
сложная пздц никогда таких сложных не видела
А у меня не переворачивается бутылочка в воздухе( . Точнее она выпрямляется, но только как будто одна из другой дублируется. Где-то косякнула
Жаль бутылка не прозрачная
Недавно видел сайты крупных застройщиков Москвы и Питера, там всё красиво с крутейшей анимацией, видно что дизайнеры постарались, но как это реализовано, просто капец! Походу всë это залили на обычный хостинг, всë тормозит, секунд по 10 прогружается, короче пользователь не будет на таком задерживаться, фишка в быстрой загрузке в 1-2 секунды, пусть он будет статичным но это не приведет к тому что человек нажмëт на крестик во вкладке и уйдет так и не дождавшись полной загрузки главной страницы.
Походу когда заказчики просят дизайнеров налепить по максимуму скриптов и графических элементов сами не понимают что творят😂
Все зависит от того, как реализовано . Посмотрите сайты awwards, там везде анимация, но все отлично работает и быстро , код должен быть чистый
@@kutuzova_alesya согласна на все 100% сейчас сайты без анимации кажутся устаревшими и неживыми какими-то)
Хороший урок, но к сожалению это не за 15 минут, вы заготовили тексты заранее, не совсем онлайн формат получился и данные как в таблице с процентом алкоголя не каждый новичок сможет сделать. Но занятие хорошее и полезное, благодарю за ваш труд.
Набирать текст в реальном времени смысла нет) с этим каждый справится самостоятельно. В процентах тоже только текст , графики никакой нет
Ну окей, а как потом на Weblium?
Здравствуйте! А как попасть к вам на обучение?
Привет) 30 октября будет третий поток, полностью обновлённая программа, открытие продаж 11 сентября) следи за анонсом в нельзяграме @kutuzova_alesya ❤
@@kutuzova_alesya Спасибо за ответ)) ушла в нельзяграм)
Получается на глаз ориентируетесь по экранам?
До второго блока, пока Вы последовательно всё объясняли, у меня ВСЁ получалось.. НО, после Вашей рекламы, во втором блоке ничего не получается у меня... Вы перепрыгнули и так ВСЁ быстро говорите, что не получается у меня повторить этот avto layout и ничего не могу понять ПОЧЕМУ? Простите, если звучит как претензия к Вам...🤷♂
Поставь скорость 0,5)
@@kutuzova_alesya да, ставила.. здесь не в скорости видео всё дело)
Добрый день. Подскажите, как скачать теперь видео?
Подскажите пожалуйста , вы говорите в телеграм канале есть материалы ( бутылка итд ) но их нет ((( я уже все просмотрела , все файлы , ссылки , не вижу
Потом это же сверстать нужно )
Если заказчик готов платить , то почему бы и нет 😊
Все зависит от бюджета )
@@kutuzova_alesya Какой бы ни был бюджет размер макета нужно выбирать правильный? 1920*1080, вы серьёзно, в браузере полоса прокрутки "кушает" часть пространства, поле ввода и поле вкладок ещё "съедает" высоту. Меню "Пуск" "съедает" высоту и на выходе мы получаем далеко не 1920*1080. У меня тоже были такие ошибки на старте, только я никому вредные обучалки не записывал. Алеся, сначала научитесь, поработайте с верстальщиком, а когда у вас наберётся хотя бы штук 20 правильно собранных сайтов, тогда и торопитесь кого-нибудь научить. Можно легко сделать резиновый сайт, который будет на всех устройствах смотреться корректно, просто нужно знать основы, да даже знание autolayout вам банально в этом поможет!
Шууух))
Здравствуйте, а как выгрузить результат в видео или гиф?
очень полезно 🫶🏻🫶🏻🫶🏻
Скажите пожалуйста как сохранять это ? Так де как фрейм?
16:45 результат конечный
Алеся, привет! Спасибо вам за урок! Скажите, пожалуйста, почему после завершения анимации меня перекидывает на первый экран вместо того, чтобы оставаться там, где я кликаю? Я делала по вашему видео клик для горизонтального скролла, но меня перекидывает на первый экран зачем-то
Связь не стоит ?
Добрый день. А как сделать такую же анимацию по скроллу?
а зачем создавать ректенгл для картинки? нельзя просто вставить в макет?
Норм, молодец. Только с сетками бяда. Зачем их было создавать, если их не придерживаться?
13:21 что делать если у меня бутылка со всеми элементами уходит(
❤
Скажите, а как сохранить получившуюся анимацию в файл мпег4?