No video

Как ,быстро и легко заанимировать кейс в Figma? / How to animate Behance case in Figma?

В этом видео показала процесс анимации одного из моих кейсов на Behance. Рассказала, как можно сделать стильные и простые анимации прямо в Figma с помощью плагина Figmotion.
Буду очень благодарна за обратную связь.
Подписывайтесь на меня в Instagram - @shevchenkoui
И заходите в мой профиль на Behance - www.behance.net/marynashevchenko
Всех благодарю за внимание!
-----------------------------------------------------------------------
In this video I show the animation process of my Behance case. I demonstrate how you can make stylish and simple animations right in Figma using the Figmotion plugin.
I would be very grateful for your feedback.
Follow me on Instagram - @shevchenkoui
And here is my Behance profile - www.behance.net/marynashevchenko
Thank you for your attention!
#figma #figmaplugins #figmotion #figmalessons #design #webdesign #designcourse #ui #ux #uiux #uxui #uidesign #uxdesign #graphicdesign #behance #behancecase #animation #фигма #обучениефигма #урокидизайна #вебдизайн #фриланс #биханс #беханс

Пікірлер: 114

  • @user-ln4uj6jv3r
    @user-ln4uj6jv3r2 жыл бұрын

    Спасибо за видео ❤️ очень помогло. Долго искала как сделать бегущую строку, везде были видео только с помощью компонентом и смарт анимации, а у вас так просто, как нужно! ❤️

  • @MarinaShevchenko

    @MarinaShevchenko

    2 жыл бұрын

    Спасибо огромное за обратную связь! Мне очень очень приятно!

  • @sunsunshin
    @sunsunshin Жыл бұрын

    Спасибо за видео! Еще не попробовала, но кажется, это тот туториал, который я искала 👍👍👍👍

  • @MarinaShevchenko

    @MarinaShevchenko

    Жыл бұрын

    Спасибо Вам огромное за обратную связь 🙏❤️

  • @user-fe5mj7hr4q
    @user-fe5mj7hr4q9 ай бұрын

    Классную идею подкинула! ❤

  • @KAPACNK_1
    @KAPACNK_1 Жыл бұрын

    Большое спасибо за видео! Отличный урок, все понятно объясняете👍 жду новых уроков по анимации😉

  • @MarinaShevchenko

    @MarinaShevchenko

    Жыл бұрын

    Спасибо огромное за комментарий! Обязательно все будет 🩷

  • @yulya3072
    @yulya30722 жыл бұрын

    Именно то, что я искала. Спасибо за труд

  • @MarinaShevchenko

    @MarinaShevchenko

    2 жыл бұрын

    И Вам спасибо огромное за обратную связь ❤️

  • @user-bz6nb8zo6f
    @user-bz6nb8zo6f Жыл бұрын

    Спасибо! Понятно, просто и для начала-самое то)

  • @MarinaShevchenko

    @MarinaShevchenko

    Жыл бұрын

    И Вам спасибо большое за обратную связь ❤️

  • @user-jc2vg3ij1i
    @user-jc2vg3ij1i2 жыл бұрын

    спасибо огромное! видео сделаны с любовью.

  • @MarinaShevchenko

    @MarinaShevchenko

    2 жыл бұрын

    И Вам спасибо огромнейшее за обратную связь ❤️❤️❤️ Меня это очень вдохновляет ❤️

  • @mariiakorneva3155
    @mariiakorneva3155 Жыл бұрын

    Спасибо за урок! Вы очень понятно все объясняете!)) Не обращайте внимание на тех, кому не понятно, а то так совсем желание записывать видео отпадет, на всех не угодишь)) вероятно у них в принципе проблемы с работой в фигме 😅 в таких случаях надо им порекомендовать просто повторить за вами шаг за шагом

  • @lildandy2839
    @lildandy28392 ай бұрын

    Ааааа спасибо ❤️ оч помогло

  • @user-sm8wd8pf2w
    @user-sm8wd8pf2w Жыл бұрын

    Спасибо огромное! Всё чётко и понятно.

  • @MarinaShevchenko

    @MarinaShevchenko

    Жыл бұрын

    И Вам спасибо за отзыв ❤️

  • @tanyazaec3176
    @tanyazaec31762 жыл бұрын

    Видео очень крутое, продолжай в том же духе! Дабы улучшить качество было бы хорошо сделать звук громче, так как приходиться переслушивать некоторые вещи, и фрейм с твоим лицом немного уменьшить так как закрывает часть полезного контента. Спасибо что открыла такой плагин для меня.

  • @MarinaShevchenko

    @MarinaShevchenko

    2 жыл бұрын

    Спасибо огромное за обратную связь ❤️❤️❤️

  • @etozhemaximqa3156
    @etozhemaximqa31562 жыл бұрын

    Вау, ты клёвая! Подписка! Продолжай развиваться и делать крутые проекты)

  • @MarinaShevchenko

    @MarinaShevchenko

    2 жыл бұрын

    Спасибо огромное 🥰 Так приятно!

  • @user-fe5mj7hr4q
    @user-fe5mj7hr4q9 ай бұрын

    Привет✋👋, Благодарю за урок!

  • @suprro
    @suprro2 жыл бұрын

    Очень полезное видео, спасибо 🙌

  • @MarinaShevchenko

    @MarinaShevchenko

    2 жыл бұрын

    И Вам спасибо огромное за обратную связь ☀️

  • @DianaNukenova-ps2pp
    @DianaNukenova-ps2pp Жыл бұрын

    Спасибо большое ☺️

  • @wotreplayslegend6936
    @wotreplayslegend6936 Жыл бұрын

    Классное видео, спасибо огромное

  • @MarinaShevchenko

    @MarinaShevchenko

    Жыл бұрын

    И Вам спасибо огромное за обратную связь ☀️

  • @user-rk1rl6fl9q
    @user-rk1rl6fl9q Жыл бұрын

    Спасибо большое за видео,очень полезно,иду пробовать! для новеньких лучше уточнить,все-таки на 180 градусов нужно повернуть,не на 90 . полный круг до исходной точки это 360

  • @Yana-lw4he
    @Yana-lw4he2 жыл бұрын

    спасибо, полезно)

  • @paulinafilimon6406
    @paulinafilimon64062 жыл бұрын

    Спасибо большое!!! Очень полезно!

  • @MarinaShevchenko

    @MarinaShevchenko

    2 жыл бұрын

    И Вам спасибо огромное за обратную связь 🙏❤️

  • @oksanks
    @oksanks Жыл бұрын

    Шукала як зациклить текст та вибрала десь 4-5 відео і Ваше подивилась останнім. А треба було першим! Дуже дякую за повну інформацію. ПІдписалась

  • @MarinaShevchenko

    @MarinaShevchenko

    Жыл бұрын

    Дуже дуже вдячна за такий відгук ❤️❤️❤️❤️

  • @naz5978
    @naz59784 ай бұрын

    Thank you a lot🤩

  • @colorful_mind
    @colorful_mind Жыл бұрын

    Крутое видео. Большое спасибо

  • @MarinaShevchenko

    @MarinaShevchenko

    Жыл бұрын

    И Вам спасибо за обратную связь 🥰

  • @user-he8mp4cc5f
    @user-he8mp4cc5f2 жыл бұрын

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

  • @MarinaShevchenko

    @MarinaShevchenko

    2 жыл бұрын

    И Вам спасибо большое за обратную связь ☀️

  • @FF-sr9hy
    @FF-sr9hy2 жыл бұрын

    Спасибо вам🙏🏻

  • @MarinaShevchenko

    @MarinaShevchenko

    2 жыл бұрын

    И Вам спасибо огромное ❤️

  • @tauerwaz9352
    @tauerwaz935210 ай бұрын

    у меня не работает плагин((( открывается только в браузере и там не понятно как выбрать нужное и вообще что дальше, помогите может у кого то такое было

  • @user-uc3qh8bn3g
    @user-uc3qh8bn3g2 жыл бұрын

    Спасибо!

  • @MarinaShevchenko

    @MarinaShevchenko

    2 жыл бұрын

    ❤️❤️❤️

  • @user-ym5gs9oj4f
    @user-ym5gs9oj4f2 жыл бұрын

    Дякую Вам, дуже допомогли

  • @MarinaShevchenko

    @MarinaShevchenko

    2 жыл бұрын

    И Вам спасибо большое за обратную связь 💗

  • @user-cg8uu9cg5l
    @user-cg8uu9cg5lАй бұрын

    Штучка :)

  • @user-hu7zq5bn6l
    @user-hu7zq5bn6l9 ай бұрын

    спасибо за видео, у меня есть вопрос, как эту анимацию экспортировать в формате гифки?

  • @Alex-fs9vl
    @Alex-fs9vl9 ай бұрын

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

  • @alinaberestnieva5347
    @alinaberestnieva534710 ай бұрын

    Марина, добрый день! Спасибо, вам за видео. Не могли бы вы уточнить. Вы сказали в идеале анимацию делать в нарезке (в слайдах). Т.е. сначала заанимировать, потом сделать слайд, и затем сохранить в гифку? Если нет уточните, пожалуйста, последовательность. Спасибо

  • @annamob9201
    @annamob92012 жыл бұрын

    класс, жду еще видео. мини совет - пишите вместо ника в инсту - ссылку в инсту, так быстрее и удобнее Вас находить ;)

  • @MarinaShevchenko

    @MarinaShevchenko

    2 жыл бұрын

    Спасибо огромное за фидбек ♥️ Так приятно 💗 Очень хороший совет, я обязательно учту)

  • @snixaproduction
    @snixaproduction2 жыл бұрын

    так а как сделать что б оно было не прерывно лупмоушн? как это делать?

  • @zta5960
    @zta59602 жыл бұрын

    Как раз разбирался с вопросом анимацией на бихансе, очень помогло) Можно задать вам вопрос в какой-нибудь соц сети или может вы консультации проводите?)

  • @MarinaShevchenko

    @MarinaShevchenko

    2 жыл бұрын

    Добрый день! Простите, пожалуйста, я только сейчас увидела Ваш комментарий. Конечно, пишите мне в Инстаграм, буду рада: @shevchenkoui

  • @yuliyAK88
    @yuliyAK882 жыл бұрын

    Добрый день Марина! Спасибо за очень полезное видео! Подскажите пожалуйста, после того как закончился процесс рендера, как сохранить дальше это гифку

  • @MarinaShevchenko

    @MarinaShevchenko

    2 жыл бұрын

    И Вам спасибо огромное за обратную связь 💖 Сохранить гифку можно после того, как полностью закончится рендер. Там возле всех кнопок сверху будет надпись View last render или Last update. Нужно просто нажать на нее и в новом окне откроется анимация. Просто нажмите по ней правой кнопкой мыши и выберете "Сохранить как". Если что-то не получится, пишите мне - @shevchenkoui (это мой ник в Инстаграме)

  • @bogdankakavunets5144
    @bogdankakavunets5144 Жыл бұрын

    Расскажите ещё как такие вот макеты сохранять и публиковать в behance.

  • @MarinaShevchenko

    @MarinaShevchenko

    Жыл бұрын

    Посмотрите вот это видео: kzread.info/dash/bejne/Y4uLj7Jxd8urnbg.html

  • @Kovalenko_nails_art_
    @Kovalenko_nails_art_2 жыл бұрын

    ❤️❤️❤️❤️

  • @MarinaShevchenko

    @MarinaShevchenko

    2 жыл бұрын

    💗♥️💗❤️💗

  • @user-rk1rl6fl9q
    @user-rk1rl6fl9q Жыл бұрын

    Подкажите,пожалуйста,А как гиф потом на беханс загружать?

  • @natalidement5563
    @natalidement55632 жыл бұрын

    Вот это видео отлично поняла. Подскажите, пожалуйста, для новичков самое главное- как все аккуратно переместить/ в каком формате сохранить для Be? знаю, что в Xd просто формируется ссылка, а как в Figma? Thank you

  • @user-ln4uj6jv3r

    @user-ln4uj6jv3r

    2 жыл бұрын

    Лучше в формате Gif)

  • @alexaz9170
    @alexaz91702 жыл бұрын

    Здравствуйте! Спасибо за видео, но такой вопрос. А как у нас в кейсе анимация работает, если мы загружаем работы как фото? Или как его загрузить после этого плагина?

  • @MarinaShevchenko

    @MarinaShevchenko

    2 жыл бұрын

    И Вам спасибо за обратную связь! После плагина, если нажать View last render в новом окне откроется анимация в формате GIF, ее нужно будет сохранить на компьютер. И потом отдельным блоком загрузить на Беханс. То есть она на Бехансе будет отображаться как анимация)

  • @user-bj6ox4hm7c

    @user-bj6ox4hm7c

    8 ай бұрын

    Добрый вечер, спасибо за видео, подскажите пожалуйста, когда загружаю эту гивку на комп, она размером по ширеге 720рх, для биханса нужно хотя бы 1440, может знаете какие-то лайфхаки, так сказать, чтоб увеличить ширину гивки? уже всю голову себе сломала )))@@MarinaShevchenko

  • @artvoyage3107
    @artvoyage31072 жыл бұрын

    Очень полезное видео, благодарю! Но подскажите, почему у вас вращение по часовой стрелке, а у меня в обратном направлении??

  • @MarinaShevchenko

    @MarinaShevchenko

    2 жыл бұрын

    Спасибо огромное за обратную связь ❤️ На самом деле такое часто бывает, что круг крутится не в ту сторону. Поэтому я нашла ещё один способ. Для этого нужно удалить вторую точку (Нажать на неё и выбрать Remove). Потом передвинуться к нужной секунде и вместо того, чтобы крутит надпись, как я показывала в видео, просто поставить точку, не меняя положение текста. Потом нажать на эту точку и вместо нуля поставить -360. Тогда круг будет крутиться по часовой стрелке. Я сниму обязательно ещё видео по этой теме)

  • @nichnadahu
    @nichnadahu2 жыл бұрын

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

  • @MarinaShevchenko

    @MarinaShevchenko

    2 жыл бұрын

    Спасибо огромное за обратную связь ❤️ Меня это тоже очень вдохновляет 💗 По поводу разрезки, я сначала все делаю в одном фрейме, потом его копирую и просто уменьшаю снизу, зажав ctrl

  • @nichnadahu

    @nichnadahu

    2 жыл бұрын

    @@MarinaShevchenko уже нашла Вас на беханс, тому пишу українською. Дякую, це геніально :)

  • @MarinaShevchenko

    @MarinaShevchenko

    2 жыл бұрын

    @@nichnadahu И Вам спасибо огромное! Я очень счастлива получать такую обратную связь!

  • @user-cc2lv5vf5o
    @user-cc2lv5vf5o Жыл бұрын

    Получилась анимация. Вопрос готовую анимацию сразу с рендера загружать на биханс ?

  • @MarinaShevchenko

    @MarinaShevchenko

    Жыл бұрын

    Ее нужно сначала сохранить себе на компьютер в формате GIF. Для этого просто нужно нажать на синюю надпись View last render

  • @yourmoria
    @yourmoria Жыл бұрын

    привет, спасибо за понятное объяснения)) А если у меня не текст, а фрейм или АЛ, потому что в моей бегущей строке не только слова, но и иконки. Как быть? Figmotion этот фрейм (или Ал) автоматически разделяет.,

  • @MarinaShevchenko

    @MarinaShevchenko

    Жыл бұрын

    Добрый день! И Вам спасибо за обратную связь! Просто в таком случае нужно сгруппировать иконки и слова в одну группу

  • @user-zs9tn6nb4x
    @user-zs9tn6nb4x Жыл бұрын

    А можно ли скачать с анимацией?

  • @user-ze8yl3ql8i
    @user-ze8yl3ql8i6 ай бұрын

    При рендере гифв написано что предназначено для 760 пикселей при выгрузке на Биханс очень узкая картинка

  • @user-bl2tf5jq8i
    @user-bl2tf5jq8i Жыл бұрын

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

  • @kttimofeeva777
    @kttimofeeva7772 жыл бұрын

    Спасибо большое за видео, очень полезно! Но у меня возникла одна проблема, анимация бегущая строка готова, нажимаю на RENDER, все сохраняется, но не обновляется и я не могу ее сохранить в новом окне при открытии, потому что все время пишет LAST UPDATE 0.314 и выдаёт ошибку при нажатии. Я уже перенажимала все кнопки, переделывала анимацию с нуля три раза, но ничего не даёт сохранить.

  • @MarinaShevchenko

    @MarinaShevchenko

    2 жыл бұрын

    Скорее всего что-то не так в самом процессе создания анимации. Я бы советовала в таком случае вообще обнулить анимацию. Для этого нужно нажать на каждую точку и выбрать Remove. А потом сделать все заново. И обязательно посмотреть, чтобы стояло две точки - одна на нуле и вторая в конце анимации. Перед тем, как нажимать Рендер обязательно нужно поставить красный ползунок на 0. Если не получится, пишите мне в Инстаграм @shevchenkoui Я буду рада помочь!

  • @user-st1ey9pt6b
    @user-st1ey9pt6b2 жыл бұрын

    Здравствуйте, Марина. Подскажите,пожалуйста, как сохранить проэкт из фигмы и внести его на беханс?

  • @MarinaShevchenko

    @MarinaShevchenko

    2 жыл бұрын

    Добрый день! Спасибо большое за комментарий. Я делаю свой кейс в Фигме шириной 1400px, а затем режу его и сохраняю кусочками в формате PNG, если это обычная картинка, или GIF, если это анимация. Потом на Беханс вставляю по кусочкам, тогда качество будет лучше. Если не получится, пишите мне сюда или в Инстаграм (@shevchenkoui). Буду рада помочь!

  • @user-st1ey9pt6b

    @user-st1ey9pt6b

    2 жыл бұрын

    @@MarinaShevchenko спасибо большое за ответ))

  • @user-ll9mz5tg1p
    @user-ll9mz5tg1p2 жыл бұрын

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

  • @MarinaShevchenko

    @MarinaShevchenko

    2 жыл бұрын

    Добрый день! Во-первых, самое важное - проследить, чтобы вторая точка, которую Вы ставите в анимации для вращения, была примерно в той же позиции, что и первая. Второе, нужно обязательно поставить галочку возле Loop, когда нажимаете Рендер. Если нужно, я могу снять отдельный ролик конкретно по вращению букв. Дайте знать, если это интересно, я в ближайшее время сниму. Если будут какие-т вопросы, пишите мне в Инстаграм: instagram.com/shevchenkoui/

  • @user-ll9mz5tg1p

    @user-ll9mz5tg1p

    2 жыл бұрын

    @@MarinaShevchenko Спасибо за ответ! Очень помогли

  • @anastasiyakomogortseva4607
    @anastasiyakomogortseva460711 ай бұрын

    почему при экспорте гифки ширина фрейма меняется?

  • @MarinaShevchenko

    @MarinaShevchenko

    11 ай бұрын

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

  • @Roman_851
    @Roman_8512 жыл бұрын

    Кстати, а куда рендер сохраняется? Процесс прошёл, а где сам гиф?)

  • @MarinaShevchenko

    @MarinaShevchenko

    2 жыл бұрын

    Для того, чтобы сохранить гиф на свой компьютер, после окончания рендеринга нужно нажать на голубую надпись View last render или Last update. В новом окне откроется Ваша гифка. Клацните по ней правой кнопкой мыши и нажмите Сохранить как.

  • @Roman_851

    @Roman_851

    2 жыл бұрын

    @@MarinaShevchenko Спасибо, ответ нашёл, но может кому тоже будет полезно. По началу думал, что при нажатии на «ссылку/кнопку» просто открывается окно привью, из которого не сохранить.

  • @MarinaShevchenko

    @MarinaShevchenko

    2 жыл бұрын

    @@Roman_851 Вам тоже спасибо за обратную связь! У них действительно это очень неочевидно сделано, я надеюсь, в будущем они это доработают)

  • @user-yi5lp3vb9z
    @user-yi5lp3vb9z2 жыл бұрын

    Ребята, а как разрезать это полотно???

  • @MarinaShevchenko

    @MarinaShevchenko

    2 жыл бұрын

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

  • @mariester5
    @mariester52 жыл бұрын

    супер туториал. Очень тихий звук.

  • @MarinaShevchenko

    @MarinaShevchenko

    2 жыл бұрын

    Спасибо огромное за обратную связь ❤️

  • @user-ud8vb4kw8x
    @user-ud8vb4kw8x2 жыл бұрын

    Очень тихий звук

  • @Roman_851
    @Roman_8512 жыл бұрын

    Видосы по анимации в фигме были бы полезны.

  • @MarinaShevchenko

    @MarinaShevchenko

    2 жыл бұрын

    Спасибо огромное за обратную связь ☀️ Буду делать больше таких видео)

  • @antoninadzyubiy3036
    @antoninadzyubiy3036 Жыл бұрын

    очень тихое видео..ну очень. почти ничего не слышно.. а инфа полезная!

  • @MarinaShevchenko

    @MarinaShevchenko

    Жыл бұрын

    Знаю, уже настроила микрофон. Спасибо большое за отзыв 😘

  • @Nlina_
    @Nlina_ Жыл бұрын

    Видео полезное, но вы очень тяжело объясняете

  • @MarinaShevchenko

    @MarinaShevchenko

    Жыл бұрын

    Благодарю за обратную связь. Буду стараться упрощать) Но некоторые видео больше рассчитаны не на новичков

  • @nichnadahu
    @nichnadahu2 жыл бұрын

    очень плохо слышно (

  • @MarinaShevchenko

    @MarinaShevchenko

    2 жыл бұрын

    Сама это вижу, вот сейчас занимаюсь этим вопросом. Спасибо большое за обратную связь!

  • @Sashad2003
    @Sashad20032 жыл бұрын

    90 градусов? Вы серьезно? 😢🤦

  • @GOrEFeST__
    @GOrEFeST__2 жыл бұрын

    Ничего не слышно👎

  • @MarinaShevchenko

    @MarinaShevchenko

    2 жыл бұрын

    Добрый день! Да, на этом видео получился звук не очень громкий. Но если выкрутить звук на максимум, то слышно нормально. Если у Вас есть вопросы по этому видео, пишите, я с радостью отвечу

  • @user-dc6eq9nr2n

    @user-dc6eq9nr2n

    2 жыл бұрын

    @@MarinaShevchenko максимально выкрутил на ноуте настройки, еле слышно(

  • @Houston93
    @Houston939 ай бұрын

    А дальше говорит, объяснять не буду и просто показывает макет..а как добавить на биханс сам догадайся, как отдельное видео или куда нажать..2 слова связать не может на видео

  • @MarinaShevchenko

    @MarinaShevchenko

    9 ай бұрын

    Молодий чоловіче, ви ж можете зробити свій канал, де будете розповідати все краще і доступніше. Бажаю вам успіху з цим 🙏 І посміхніться, бо агресія точно не додасть вам енергії

  • @nikaplatinova

    @nikaplatinova

    2 ай бұрын

    Может ей за вас ещё проект сделать? Тема видео про анимацию, ручками не поленитесь и наберите в интернете как загружать файлы на биханс

Келесі