Сложная анимация в фигме за 15 минут. Веб-дизайн.

Поделиться
HTML-код
  • Опубликовано: 22 дек 2024

Комментарии • 208

  • @Наталья-с1ц9о
    @Наталья-с1ц9о 9 месяцев назад +4

    Подписалась. Очень приятно видеть человека ,котрый спокойно, планомерно и по существу доносит информацию! Спасибо.Хочу научиться работать в Figme ,с вашей помощью это вполне реально.

  • @NagorrnovaEL
    @NagorrnovaEL Год назад +3

    Ааааа суууупер, так просто на первый взгляд, чувствуется ваш опыт. Подробно и интересно объясняете! С нетерпением жду новых разборов, спасибо)))❤

    • @kutuzova_alesya
      @kutuzova_alesya  Год назад +1

      Спасибо большое ☺️ я очень рада, что откликается ❤

  • @s1mba_lane466
    @s1mba_lane466 Год назад +3

    Вау, все выглядит просто супер! Не думал что за такое время можно получить что то подобное. Спасибо!

    • @kutuzova_alesya
      @kutuzova_alesya  Год назад +1

      Я рада, что откликается ❤🙌

  • @AnastasiaB_chel
    @AnastasiaB_chel Год назад +4

    Очень классная анимация! Спасибо, Алеся, за такой крутой урок! ❤

    • @kutuzova_alesya
      @kutuzova_alesya  Год назад +3

      Настя, спасибо большое 🥰🥰

    • @kutuzova_alesya
      @kutuzova_alesya  Год назад +2

      Спасибо ❤ рада, что нравится🌸

  • @luna_loo
    @luna_loo 9 месяцев назад +2

    Одно удовольствие вас слушать, огромное спасибо за урок!

  • @veronikareznikova2267
    @veronikareznikova2267 Год назад +3

    Очень интересный вариант анимации, над попробовать :D Спасибо за видео-урок ❤

    • @kutuzova_alesya
      @kutuzova_alesya  Год назад +1

      Обязательно попробуй☺️✨🥰

  • @ИринаВоронина-в8ч
    @ИринаВоронина-в8ч Год назад +3

    Очень нужная и полезная информация. Спасибо

  • @Anisia_Gluhareva
    @Anisia_Gluhareva Год назад +3

    Потрясающий ролик! Было не только интересно и полезно, но и приятно смотреть на такую красоту 😍

    • @kutuzova_alesya
      @kutuzova_alesya  Год назад +2

      Спасибо, я рада, что откликается ❤

  • @velbrof
    @velbrof Год назад +8

    Так, ну однозначно полезный материал! Сделан хорошо, музыка фоновая задаёт ритм и настрой, сама работа выглядит очень профессионально. Отдельная приятность в виде плагина Unsplash. До этого только сайт юзал. Ещё, Алеся, ты приятная и красивая девушка, отчего смотреть хочется вдвойне. Единственное побольше бы деталей для новичков. Я только начинаю работать с Фигмой и за тобой не поспеваю в плане деталей. Так-то на паузу поставил, да, посмотрел, но вот некоторые вещи и текст у тебя готовые и как они создались, это подумать надо. Хотя наверное неплохо это) Подумать то есть) Как бы то ни было я очень благодарен за такой материал!) И приятно, что такая девушка милейшая нам его создаёт и делится им.

    • @kutuzova_alesya
      @kutuzova_alesya  Год назад +1

      Поняла, буду обращать внимание на мелочи . Спасибо 🙏🏻 скоро будут новые видео

  • @lisa70
    @lisa70 Год назад +3

    Благодарю за лайфхаки. Я подписываюсь и учусь вместе с вами. Я рада, что нашла вас.

  • @ТатьянаЗагуляева-ф3р

    Отличный урок! Все чётко, понятно. Спасибо.

  • @iam_brightspark
    @iam_brightspark 9 месяцев назад +2

    Алеся, спасибо большое! Без воды, быстро, понятно) бегу смотреть другие твои видео 🤩

  • @mayami2710
    @mayami2710 Год назад +3

    Спасибо за урок ❤️‍🔥
    Сразу пошла повторять
    Жду следующие уроки 🥰
    Ты умничка ❤

    • @kutuzova_alesya
      @kutuzova_alesya  Год назад +1

      Давай ❤ обязательно будут новые 🚀🥰

  • @IrichKA-w9d
    @IrichKA-w9d Год назад +3

    Спасибо Алеся!!! Ты как всегда умничка❤❤❤

  • @makskoms2176
    @makskoms2176 Год назад +3

    Я только учусь на курсах, твое видео очень помогло, спасибо!!! Пошагово, доходчиво, круто

  • @Tamara545454
    @Tamara545454 Год назад +4

    Классная анимация! Молодчинка, Алеся....Подписалась, чтобы наблюдать за Вашими работами. Мне эта тема очень интересна.

  • @ИринаКотова-ы2ъ
    @ИринаКотова-ы2ъ 11 месяцев назад +3

    Алеся, урок супер!!! Очень все понятно и интересно! RESPECT за контент!❤‍🔥

  • @margaritaefimova3133
    @margaritaefimova3133 Год назад +3

    Алеся, вы прекрасны! Повторила ваш урок с удовольствием!

  • @МиланаКочетова-ц3з
    @МиланаКочетова-ц3з 8 месяцев назад +2

    Ваши работы потрясающие! Спасибо, что делитесь таким полезным контентом

  • @v_pohod7369
    @v_pohod7369 Год назад +2

    Наконецто одыкватное видио про анимацию, Алеся раскажи про инструменты Фигмы😊

  • @July-beauty
    @July-beauty Год назад +3

    Спасибо Алеся за полезную информацию.Всё подробно объяснили.

  • @lis_devan
    @lis_devan Год назад +3

    Как хорошо, что ты есть в ютюб)

  • @КонстантинАлексеев-к3ц

    Алеся, спасибо! Очень круто!

  • @ilyaTsiutsiunnik
    @ilyaTsiutsiunnik Год назад +3

    Спасибо большое за видео урок по анимации, он был очень полезен для меня) 😀

  • @АринаКурицына-ш6х
    @АринаКурицына-ш6х Год назад +3

    Классное видео❤ спасибо за информацию

  • @level6301
    @level6301 Год назад +3

    Замечательно, великолепно. Хотелось бы подобный ролик посмотреть с русскими шрифтами)

  • @ЮлияСергеенкова-ч7м

    Очень познавательно!

  • @ВалерияЛевина-у4н
    @ВалерияЛевина-у4н Год назад +3

    Алеся, спасибо вам за видео!) вдохновили))

  • @Dustyouth13
    @Dustyouth13 Год назад +3

    Спасибо большое за видео! Сделала свою первую анимацию в фигме❤️

  • @Dmitrii_Kosenkow
    @Dmitrii_Kosenkow 4 месяца назад +1

    Алеся, спасибо за видео.
    Очень легко и без воды ❤

  • @roxone314
    @roxone314 Год назад +1

    То что нужно) Ещё бы не помешали таймкоды, для тех кому интересна только сама анимация, чтобы не искать на какой секунде она начинается

  • @Lina_Mars
    @Lina_Mars Год назад +3

    Спасибо Вам больше, у меня все получилось. Желаю Вам творческих успехов

  • @byMmdanone
    @byMmdanone Год назад +3

    спасибо большое! очень помогли, подписываюсь и дальше смотрю ваши полезные ролики!:)

  • @МихаилЦуркан-ь9э
    @МихаилЦуркан-ь9э 10 месяцев назад +3

    Вы крутая ! Очень интересно

  • @nata4518
    @nata4518 4 месяца назад +1

    Я обязательно сегодня это сделаю! Только с другими картинками. Спасибо вам!!!

  • @АлександраФедосеева-к5я

    Большое спасибо за такое видео! ❤

    • @kutuzova_alesya
      @kutuzova_alesya  Год назад

      Я рада, что откликается 🥰🙏🏻❤️

  • @donbao
    @donbao 9 месяцев назад +2

    спасибо, красивый дизайн

  • @MySuper1001
    @MySuper1001 10 месяцев назад +3

    Спасибо за урок! реально классно!

  • @heino_heino_bb
    @heino_heino_bb Год назад +4

    Отлично вышло очень красиво🎉❤❤

  • @levichek927
    @levichek927 Год назад +3

    Жду новые видео с нетерпением!

  • @2karina2
    @2karina2 Год назад +4

    Огромное спасибо! очень полезно

  • @Kylikovpavel
    @Kylikovpavel 9 месяцев назад +2

    Благодарю автора. Интересно 👍

  • @ЕлизаветаВергазова-з1л
    @ЕлизаветаВергазова-з1л 3 месяца назад +2

    Огромное Вам спасибо! Очень познавательно!

  • @naz5978
    @naz5978 8 месяцев назад +2

    You explained it well, Thank you a lot.

  • @arinapchelina7072
    @arinapchelina7072 6 месяцев назад

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

    • @kutuzova_alesya
      @kutuzova_alesya  6 месяцев назад

      Спасибо 🙏🏻, вы очень вдохновляете ❤️

  • @ЛюсяРыбальченко-з3ш

    Очень круто. Подписываюсь)

  • @TamaraMartirosyan-be3zh
    @TamaraMartirosyan-be3zh 8 месяцев назад +1

    круто, у меня сработало с первого раза․Спасибо

  • @sashanoviik
    @sashanoviik 5 месяцев назад +2

    Блин, так здорово!!!
    Даже новичку реально это сделать💪🏻

  • @user-b8n5q
    @user-b8n5q Месяц назад +2

    спасибо большое.. все получилось 🔥😍

  • @ЛюдмилаРасюкевич
    @ЛюдмилаРасюкевич Год назад +3

    Очень классно! Так здорово все описала, и очень понятно. Алеся, подскажи, анимация в Фигме больше для презентации? Все тоже самое отдельно создаем и переводим в Тильде, я правильно поняла?

    • @kutuzova_alesya
      @kutuzova_alesya  Год назад +1

      Для презентации и для верстальщика , чтобы он видел, как работают блоки . На тильде не всю анимации можно реализовать , но в целом принцип такой да , добавляешь все элементы и настраиваешь каждый элемент

  • @defeater
    @defeater 4 месяца назад +1

    Алесечка, ты богиня, спасибо тебе)

  • @zve382
    @zve382 Год назад +3

    Я новичок, но так все интересно! Хотелось бы увидеть какие плагины у Вас установлены, а главное как их установить!🙏

  • @ЛарисаШевлягина
    @ЛарисаШевлягина Год назад +2

    Класс!!!

  • @Seyd_bekzada
    @Seyd_bekzada Год назад +2

    спасибо вам за видео!🌷👍👍

    • @kutuzova_alesya
      @kutuzova_alesya  Год назад +1

      Рада, что нравится ❤️ завтра будет новое

  • @maggmargo
    @maggmargo 7 месяцев назад +1

    круто!!! А не могли бы Вы сделать ролик, как эту всю красоту на Figma перенести? Было бы очень интересно 🤩

  • @Кира-е2ь
    @Кира-е2ь Год назад +3

    Очень полезная информаци!Сам дизайн просто волшебный!А как сохранит данную анимацию файлом на компьютер ?

    • @kutuzova_alesya
      @kutuzova_alesya  Год назад +1

      Спасибо! Есть плагин export to gif или просто сделать запись экрана

  • @krutakiraa
    @krutakiraa 6 месяцев назад +3

    можете сделать видео с переносом дизайна из фигмы на тильду

  • @goose_home
    @goose_home 10 месяцев назад +2

    Спасибо, очень круто, но оставлю это видео на потом). Для первого урока анимации в фигме очень сложно, по ходу ролика непонятно было - для чего то или иное действие. Подскажите, пожалуйста, потом это все можно сохранить в формат видео?

  • @УльянаДемидова-р7ж

    Здравствуйте! Можете, пожалуйста, сделать подробный туториал по анимации для презентации портфолио? Видела у Вас в пинтерест (там еще картины эпохи Возрождения), но не смогла повторить: анимация какая-то рваная получается. Буду очень благодарна

    • @kutuzova_alesya
      @kutuzova_alesya  Год назад +4

      Привет) ты имеешь ввиду анимацию скролла страницы ?

    • @ilkinheydarzade8492
      @ilkinheydarzade8492 Год назад +1

      @@kutuzova_alesya да такую же анимацию хотим увидеть)) при скролле вниз) если вам не сложно 🤗

  • @МеруертКайратовна-б3г
    @МеруертКайратовна-б3г 7 месяцев назад +1

    ОСОБЕННО это ШУУУХ))

  • @dilnazrafaelkyzy3642
    @dilnazrafaelkyzy3642 8 месяцев назад +1

    Супер 👏 Спасибо большое!!

  • @ilkinheydarzade8492
    @ilkinheydarzade8492 Год назад +2

    Скажите пожалуйста а как сделать такую же анимацию при скролле а не при нажатии мышки?

  • @ДашаКороткевич
    @ДашаКороткевич 4 месяца назад +16

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

    • @xifogo
      @xifogo Месяц назад +2

      Я так понимаю, это больше для кейсов или просто показать, как надо, чтобы анимация работала

  • @РенатаФархутдинова-в3д
    @РенатаФархутдинова-в3д 10 месяцев назад +2

    Добрый день. Подскажите, как скачать теперь видео?

  • @АртышХертек-й2щ
    @АртышХертек-й2щ Год назад +2

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

  • @ТатьянаБуяльская-э1н

    Спасибо.

  • @mjk883
    @mjk883 11 месяцев назад +2

    круто спасибо)

  • @nadia_vlog2840
    @nadia_vlog2840 Год назад +3

    спасибо

  • @КатеринаСударкина-ы4я
    @КатеринаСударкина-ы4я 10 месяцев назад +1

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

  • @АбуАрманулы-ю4я
    @АбуАрманулы-ю4я Год назад +3

    Прекрасная и полезная информация. Что делать если текст в фигме не виден???

    • @kiryuhin_com
      @kiryuhin_com Год назад

      Мб текст не принадлежит фрейму? Проверьте панель слоев

  • @yolandatest
    @yolandatest 10 месяцев назад +1

    Здравствуйте, а как выгрузить результат в видео или гиф?

  • @kissami_
    @kissami_ Месяц назад

    Очень круто, правда половину не поняла, мозг вскипел, но половину поняла))) СПасибо)

  • @onetwo2701
    @onetwo2701 Год назад +4

    Здравствуйте! А как попасть к вам на обучение?

    • @kutuzova_alesya
      @kutuzova_alesya  Год назад +2

      Привет) 30 октября будет третий поток, полностью обновлённая программа, открытие продаж 11 сентября) следи за анонсом в нельзяграме @kutuzova_alesya ❤

    • @onetwo2701
      @onetwo2701 Год назад +2

      @@kutuzova_alesya Спасибо за ответ)) ушла в нельзяграм)

  • @5508_Astar
    @5508_Astar 8 месяцев назад +1

    супер👍

  • @Любава-щ2ъ
    @Любава-щ2ъ 2 месяца назад

    Благодарю за знания, всё получилось!

  • @wizardoflightnings6841
    @wizardoflightnings6841 Год назад +3

    Какая Алеся 😍

  • @akhtamziperov5386
    @akhtamziperov5386 11 месяцев назад +1

    Получается на глаз ориентируетесь по экранам?

  • @СветланаСоколова-к5ш

    А у меня не переворачивается бутылочка в воздухе( . Точнее она выпрямляется, но только как будто одна из другой дублируется. Где-то косякнула

  • @dariab9258
    @dariab9258 6 месяцев назад

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

  • @МафтунаИсломий
    @МафтунаИсломий 10 месяцев назад +1

    Скажите пожалуйста как сохранять это ? Так де как фрейм?

  • @Fresco_speed
    @Fresco_speed 3 месяца назад

    Вау отличная работа 🎉

  • @rustamakhmetyanov4404
    @rustamakhmetyanov4404 Год назад +11

    Фронтендер оценит😂

    • @arkenetrix
      @arkenetrix 7 месяцев назад

      Ничего сложно здесь нет)

  • @ДикуМаксатова
    @ДикуМаксатова 7 месяцев назад +3

    Здравствуйте очень круто получилось а можно сделать такое видео сделать и загрузить в инстаграм?

  • @Emmilien_
    @Emmilien_ Год назад +1

    Алеся, привет! Спасибо вам за урок! Скажите, пожалуйста, почему после завершения анимации меня перекидывает на первый экран вместо того, чтобы оставаться там, где я кликаю? Я делала по вашему видео клик для горизонтального скролла, но меня перекидывает на первый экран зачем-то

  • @УмаАбд-й9ю
    @УмаАбд-й9ю 10 месяцев назад +3

    Хотим больше обучающих роликов

    • @kutuzova_alesya
      @kutuzova_alesya  10 месяцев назад +1

      Работа по 16 часов без выходных пока не дает возможности 🥲 скоро будет )

  • @DianMa-yx9oz
    @DianMa-yx9oz 5 месяцев назад +1

    Ну окей, а как потом на Weblium?

  • @Studio_musician
    @Studio_musician 2 месяца назад

    Clever beauty!

  • @ЯнаАфонина-е5з
    @ЯнаАфонина-е5з 5 месяцев назад

    Добрый день. А как сделать такую же анимацию по скроллу?

  • @design_with_crooked_hands
    @design_with_crooked_hands Год назад +1

    Недавно видел сайты крупных застройщиков Москвы и Питера, там всё красиво с крутейшей анимацией, видно что дизайнеры постарались, но как это реализовано, просто капец! Походу всë это залили на обычный хостинг, всë тормозит, секунд по 10 прогружается, короче пользователь не будет на таком задерживаться, фишка в быстрой загрузке в 1-2 секунды, пусть он будет статичным но это не приведет к тому что человек нажмëт на крестик во вкладке и уйдет так и не дождавшись полной загрузки главной страницы.
    Походу когда заказчики просят дизайнеров налепить по максимуму скриптов и графических элементов сами не понимают что творят😂

    • @kutuzova_alesya
      @kutuzova_alesya  Год назад +1

      Все зависит от того, как реализовано . Посмотрите сайты awwards, там везде анимация, но все отлично работает и быстро , код должен быть чистый

    • @annasmolly
      @annasmolly Год назад

      @@kutuzova_alesya согласна на все 100% сейчас сайты без анимации кажутся устаревшими и неживыми какими-то)

  • @lubochnikov79
    @lubochnikov79 3 месяца назад

    Подписался! Отличные уроки

  • @youtubsvetlzhirova
    @youtubsvetlzhirova Год назад +4

    До второго блока, пока Вы последовательно всё объясняли, у меня ВСЁ получалось.. НО, после Вашей рекламы, во втором блоке ничего не получается у меня... Вы перепрыгнули и так ВСЁ быстро говорите, что не получается у меня повторить этот avto layout и ничего не могу понять ПОЧЕМУ? Простите, если звучит как претензия к Вам...🤷‍♂

    • @kutuzova_alesya
      @kutuzova_alesya  Год назад

      Поставь скорость 0,5)

    • @youtubsvetlzhirova
      @youtubsvetlzhirova Год назад

      @@kutuzova_alesya да, ставила.. здесь не в скорости видео всё дело)

  • @rinkakimchi
    @rinkakimchi 5 месяцев назад +1

    13:21 что делать если у меня бутылка со всеми элементами уходит(

  • @OI-xl9lp
    @OI-xl9lp 5 месяцев назад

    Скажите, а как сохранить получившуюся анимацию в файл мпег4?

  • @РафиляГанчурина
    @РафиляГанчурина 4 месяца назад

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

    • @kutuzova_alesya
      @kutuzova_alesya  4 месяца назад

      Только запись экрана либо платный плагин )

  • @АлексейКарандышевъ
    @АлексейКарандышевъ 8 месяцев назад +1

    Как это потом залить на сайт. В тильде, например?

    • @kutuzova_alesya
      @kutuzova_alesya  8 месяцев назад

      На вордпресс сверстать

  • @pavelsv777
    @pavelsv777 11 месяцев назад

    а в гиф это можно экспортировать ?

  • @TurarKg
    @TurarKg Год назад +3

    ❤❤❤❤

  • @aytankhalafova5462
    @aytankhalafova5462 6 месяцев назад

    Алеся, напишите пожалуйста как это сохранит в формате видео. Все скачанные мной плагины некорректно работают.

    • @kutuzova_alesya
      @kutuzova_alesya  6 месяцев назад

      Только запись экрана, плагины сейчас только платные )

  • @luftmenschs
    @luftmenschs 5 месяцев назад

    а зачем создавать ректенгл для картинки? нельзя просто вставить в макет?

  • @DanamaBlogi
    @DanamaBlogi 2 месяца назад

    а эти слайды можно сохранить как в видео? Мол в 40с видео и так оно будет все листаться или нет?

    • @kutuzova_alesya
      @kutuzova_alesya  2 месяца назад

      Запись экрана либо платный плагин export to gif