Sergey Designer
250+ projects. Top Rated Plus. 100% Job Success.
Senior Motion Designer with 10+ years in web design and animation. I share real freelancing experience, Upwork hacks, and I'm building SnipeWork — an AI app that finds perfect Upwork jobs for you in real-time.
🔥 Free proposal analyzer: snipework.com/tools/proposal-score/
🚀 SnipeWork (early access): snipework.com
—
Lottie / SVG / After Effects / Cinema 4D / Figma / Web Animation
Sergey Designer
Привет, дизайнеры и любители креатива! 👋
Сегодня мы раскроем секрет, который, кажется, обошёл стороной многих: анимации в Фигме. Да, вы не ослышались! Если вы дизайнер веб-сайтов или пользовательского интерфейса, Фигма позволит вам легко и быстро создавать анимированные прототипы и анимации, не выходя из приложения.
🔄 Создаём Анимацию Загрузки
Для начала, давайте создадим анимацию загрузки. Представьте, мы рисуем песочные часы - символ ожидания, но с изюминкой. Пока мы "гладим кота", анимация будет оживлять наш интерфейс.
🔸 Первый Шаг: Начальный Кадр
Процесс начинается с выбора первого кадра как начального. Это будет отправной точкой нашего путешествия в мир анимации.
🔸 Покадровая Магия
Теперь копируем начальный кадр и начинаем изменять в нём положение и геометрию объектов. Думайте о покадровой анимации: в следующем кадре - переворот часов, затем - перемещение элемента, имитирующего песок. Каждое движение добавляет жизни нашей анимации.
🔄 Прототипирование: Оживляем Анимацию
После того как все кадры проставлены, переходим к прототипированию. Здесь мы задаём интервалы времени между переходами кадров, используя функцию Smart Animate. Это придаёт плавность и естественность переходам, создавая непрерывное визуальное повествование.
🌟 Готово! Ваша Анимация Жива
Вуаля! Ваша анимация готова. Таким образом, вы можете создавать отдельные анимации прямо внутри Фигмы, не прибегая к помощи сторонних программ.
Если вы ещё не в Фигме, самое время исправить это! Регистрируйтесь по ссылке shorturl.at/aQRV6. Она полностью бесплатна и работает прямо в вашем браузере.
Не забывайте подписаться и ставить лайк, чтобы не пропустить ещё больше полезных советов и трюков. До новых встреч в мире дизайна! 🚀🎨
2 years ago | [YT] | 0
View 0 replies
Sergey Designer
Делаю новый видос 👇. Поддержите лайком + подпиской кто еще не подписался! Повышаем активность на канале. Благодарю.
2 years ago | [YT] | 4
View 0 replies
Sergey Designer
Приветствую дорогие подписчики, небольшой опрос.
Какой контент вам больше всего заходит ?
3 years ago | [YT] | 3
View 1 reply