Анимация в фигме за 10 минут | Пошаговый урок создания анимации в
Вставка
- Опубліковано 2 жов 2024
- В этом видео мы создадим эффектную анимацию разреза в Figma используя базовые инструменты.
Такая анимация может оживить любой ваш проект или стать отличным шотом для Dribbble.
💫 Сайт Пижамной Академии Веб-дизайна
web-design.aca...
⭐️Обучение профессии UI/UX Designer от Пижамной Академии Веб-дизайна, мы учим создавать интерфейсы, которые работают:
web-design.aca...
А если вдруг у вас возникнут вопросы, вы всегда можете написать нам в отдел заботы в Telegram: t.me/web_desig...
Мы всегда готовы помочь и ответим на все ваши вопросы 💛
Больше про UX дизайн в Инстаграм:
/ webdesign.academy
подписывайся 💛
Заглядывай в телеграм комьюнити:
t.me/pajamaaca...
Ставь лайк 👍 этому видео и подписывайся на канал, здесь много полезного про UX и Веб дизайн!
#uiuxdesign #animation #figmaanimation #дизайнвфигме #анимациявеб
Подскажите пожалуйста, почему после того как провела все манипуляции с головой, копирую ее и вставляю во фрейм, и включаю прототип, чуда не происходит ?🫠
Может вы что-то пропустили? Попробуйте ещё раз 🤓✌️
Круто! Спасибо за полезный контент!
Спасибо за фидбек! 🤓
Спасибо! было бы еще очень удобно, если бы вы поделились ссылкой на проект, чтобы можно было сразу попробовать )
Большое спасибо, возьмём в учёт 🤓✌️
Для чего нужно оборачивать во фрейм? Видела в видеоуроках многие делают автолейаут. 😅
Auto layout также яляется фреймом. Поэтому вы можете использовать и просто фрейм, и фрейм с Auto layout, всё зависит от ваших целей и задумки 🤓
@@web-design.academy спасибо! 😊
А для чего делать анимацию в фигме? Её потом можно перенести на таплинк или Тильду вообще? Если да, то как..
Анимация создаётся, в первую очередь, для демонстрации, как разработчикам, так и заказчикам, что как должно работать. При большом желании, конечно можно реализовать анимации, где вам захочется.
Никита, привет. Помоги. Мне нужно сделать анимацию кардиограммы не понимаю как. На чёрном фоне летит капля крови превращается в точку из точки появляеться линия и на линии уже кардиограмма, в готический стиле. Помоги плиз
Ну в фигме это будет сделать довольно проблематично, так как изменения формы не поддерживается в Smart animate, но если поиграться со скоростью это можно немного сгладить. А что касается самой кардиограммы можно попробовать сделать сразу всю кардиограмму, и поверх перекрыть её прямоугольником (в цвет фона) и на дальнейших фреймах сдвигать прямоугольник в сторону и кардиограмма как будто будет появлятся.
у меня кнопка change to горит серым, кто-нибудь знает как решить эту проблему?
Возможно у вас уже есть какая-то привязка и поэтому другая недоступна
Очень классный урок. Не до конца только понял, как задавать направление движения строк. Можете уточнить? Спасибо заранее!
У вас 2 фрейма с одинаковым положением текстовых слоёв (строк) в них. В одном фрейме, например в верхнем, вы проваливаетесь внутрь фрейма чтобы был выбран именно текстовый слой и сдвигаете его внутри фрейма влево. Во второй строке соответсвтенно вправо. И создаёте анимацию между этими 2-мя фреймами. Если вам нужно, чтобы строка в другую сторону бежала, то соответствено сначала сдвигаете строку вправо, а во втором фрейме влево.
@@web-design.academy Спасибо большое!!!
ты как-то очень странно пользуешься пером...
А как вы пользуетесь?
@@web-design.academy я потом догадался, что это элемент дизайна, не сразу понял (:
красавчег!
Спасибо 💛✌️
Супер
🤗💛