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

[@Наталья-с1ц9о]

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

[@kutuzova_alesya]

Спасибо 🙏🏻

[@NagorrnovaEL]

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

[@kutuzova_alesya]

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

[@s1mba_lane466]

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

[@kutuzova_alesya]

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

[@ИринаВоронина-в8ч]

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

[@kutuzova_alesya]

Я рада, что нравится ❤

[@veronikareznikova2267]

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

[@kutuzova_alesya]

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

[@luna_loo]

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

[@kutuzova_alesya]

Вам спасибо 🙏🏻

[@AnastasiaB_chel]

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

[@kutuzova_alesya]

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

[@kutuzova_alesya]

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

[@mayami2710]

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

[@kutuzova_alesya]

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

[@lisa70]

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

[@IrichKA-w9d]

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

[@kutuzova_alesya]

Пользуйся ❤

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

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

[@kutuzova_alesya]

Спасибо 🙏🏻

[@Anisia_Gluhareva]

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

[@kutuzova_alesya]

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

[@iam_brightspark]

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

[@ИринаКотова-ы2ъ]

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

[@makskoms2176]

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

[@velbrof]

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

[@kutuzova_alesya]

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

[@margaritaefimova3133]

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

[@kissami_]

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

[@Tamara545454]

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

[@МиланаКочетова-ц3з]

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

[@kutuzova_alesya]

Спасибо ❤️

[@July-beauty]

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

[@kutuzova_alesya]

Пожалуйста ❤️🙏🏻

[@АринаКурицына-ш6х]

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

[@kutuzova_alesya]

Пользуйся ❤😊

[@ilyaTsiutsiunnik]

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

[@v_pohod7369]

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

[@kutuzova_alesya]

Хорошо, запишу )

[@lis_devan]

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

[@Dustyouth13]

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

[@level6301]

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

[@Dmitrii_Kosenkow]

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

[@ВалерияЛевина-у4н]

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

[@kutuzova_alesya]

Рада, что нравится ❤

[@МихаилЦуркан-ь9э]

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

[@Lina_Mars]

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

[@nata4518]

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

[@ЕлизаветаВергазова-з1л]

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

[@kutuzova_alesya]

Очень рада ❤️

[@MySuper1001]

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

[@kutuzova_alesya]

Спасибо 🙏🏻

[@byMmdanone]

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

[@naz5978]

You explained it well, Thank you a lot.

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

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

[@kutuzova_alesya]

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

[@donbao]

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

[@kutuzova_alesya]

Спасибо 🙏🏻

[@roxone314]

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

[@heino_heino_bb]

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

[@Любава-щ2ъ]

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

[@kutuzova_alesya]

Ура! 🎉

[@TamaraMartirosyan-be3zh]

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

[@kutuzova_alesya]

Очень рада ❤️

[@Noname-z7k2y]

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

[@kutuzova_alesya]

Спасибо 🙏🏻

[@arinapchelina7072]

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

[@kutuzova_alesya]

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

[@2karina2]

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

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

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

[@kutuzova_alesya]

Спасибо ❤️

[@ДашаКороткевич]

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

[@levichek927]

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

[@kutuzova_alesya]

Скоро будет ✨🙌

[@maggmargo]

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

[@sashanoviik]

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

[@zve382]

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

[@defeater]

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

[@kutuzova_alesya]

Пожалуйста ❤️

[@ЛюдмилаРасюкевич]

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

[@kutuzova_alesya]

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

[@Seyd_bekzada]

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

[@kutuzova_alesya]

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

[@Кира-е2ь]

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

[@kutuzova_alesya]

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

[@krutakiraa]

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

[@goose_home]

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

[@dilnazrafaelkyzy3642]

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

[@kutuzova_alesya]

❤️

[@ЛарисаШевлягина]

Класс!!!

[@kutuzova_alesya]

Спасибо ❤

[@nadia_vlog2840]

спасибо

[@kutuzova_alesya]

Пожалуйста 🙏🏻 ❤

[@МеруертКайратовна-б3г]

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

[@АбуАрманулы-ю4я]

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

[@kiryuhin_com]

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

[@УмаАбд-й9ю]

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

[@kutuzova_alesya]

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

[@mjk883]

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

[@ilkinheydarzade8492]

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

[@АртышХертек-й2щ]

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

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

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

[@kutuzova_alesya]

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

[@ilkinheydarzade8492]

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

[@Studio_musician]

Clever beauty!

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

Спасибо.

[@Fresco_speed]

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

[@kutuzova_alesya]

Спасибо большое 😊

[@akhtamziperov5386]

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

[@РенатаФархутдинова-в3д]

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

[@dariab9258]

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

[@КатеринаСударкина-ы4я]

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

[@5508_Astar]

супер👍

[@kutuzova_alesya]

Спасибо 🥹

[@lubochnikov79]

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

[@kutuzova_alesya]

Спасибо 😇

[@ТатьянаСтегний-ж3ы]

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

[@kutuzova_alesya]

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

[@DianMa-yx9oz]

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

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

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

[@yolandatest]

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

[@ДикуМаксатова]

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

[@kutuzova_alesya]

Привет❤️ да, делай)

[@wizardoflightnings6841]

Какая Алеся 😍

[@kutuzova_alesya]

Какая ? 😅

[@onetwo2701]

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

[@kutuzova_alesya]

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

[@onetwo2701]

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

[@VolodymyrNazarenko56]

у меня получилось , только времени ушло пару часов

[@design_with_crooked_hands]

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

[@kutuzova_alesya]

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

[@annasmolly]

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

[@rustamakhmetyanov4404]

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

[@arkenetrix]

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

[@МафтунаИсломий]

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

[@Emmilien_]

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

[@kutuzova_alesya]

Связь не стоит ?

[@youtubsvetlzhirova]

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

[@kutuzova_alesya]

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

[@youtubsvetlzhirova]

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

[@ЯнаАфонина-е5з]

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

[@luftmenschs]

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

[@DanamaBlogi]

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

[@kutuzova_alesya]

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

[@tatianadowner149]

сложная пздц никогда таких сложных не видела

[@TurarKg]

❤❤❤❤

[@MrWouH]

Потом это же сверстать нужно )

[@michannirt]

Если заказчик готов платить , то почему бы и нет 😊

[@kutuzova_alesya]

Все зависит от бюджета )

[@bumburumbumburumov8204]

@@kutuzova_alesya Какой бы ни был бюджет размер макета нужно выбирать правильный? 1920*1080, вы серьёзно, в браузере полоса прокрутки "кушает" часть пространства, поле ввода и поле вкладок ещё "съедает" высоту. Меню "Пуск" "съедает" высоту и на выходе мы получаем далеко не 1920*1080. У меня тоже были такие ошибки на старте, только я никому вредные обучалки не записывал. Алеся, сначала научитесь, поработайте с верстальщиком, а когда у вас наберётся хотя бы штук 20 правильно собранных сайтов, тогда и торопитесь кого-нибудь научить. Можно легко сделать резиновый сайт, который будет на всех устройствах смотреться корректно, просто нужно знать основы, да даже знание autolayout вам банально в этом поможет!

[@РафиляГанчурина]

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

[@kutuzova_alesya]

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

[@ZalinaRamazanova]

Жаль бутылка не прозрачная

[@OI-xl9lp]

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

[@aytankhalafova5462]

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

[@kutuzova_alesya]

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

[@АлексейКарандышевъ]

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

[@kutuzova_alesya]

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