Тёмный

9. Финал: Анимация в мобильных приложениях с помощью Rive и Flutter (Часть 2) 

Ruslan Sharipov
Подписаться 11 тыс.
Просмотров 3,8 тыс.
50% 1

DonationAlerts: www.donationalerts.com/r/rusl...
Boosty: boosty.to/easyaboutdesign
Мои консультации: ruslansharipov.com/consulting/
ВКонтакте: easyaboutdesign
Telegram: t.me/easyaboutdesign
Мой сайт: ruslansharipov.com/
👍 Подписывайтесь и ставьте лайк, а также не забудьте нажать на колокольчик на моем ютубе - @ruslansharipovuxui
В этом уроке пробежимся по интерфейсу Rive и как передавать анимацию на его примере. Тут лишь надо уловить, что анимации - не страшны, анимации - просто навык, который нужно использовать/тренировать, чтобы придать приложению (продукту) какое-то очередное свойство. Rive прекрасный инструмент для этого. Следующий урок курса будет последний.
- Файл курса обновлен: www.figma.com/community/file/...
- Сайт Rive: rive.app/
- Ютуб Rive: ‪@Rive_app‬
- pub.dev/packages/rive
- Код и ассеты: drive.google.com/drive/u/1/fo...
- Как duolingo используют Rive: blog.duolingo.com/world-chara...
Таймкоды:
00:00 - Варианты сделать анимацию в приложении
03:40 - Как устроен динозаврик
04:02 - Экспорт динозаврика
04:13 - Группировка не нужна
04:44 - Стартовый экран Rive
05:10 - Шаблоны при создании
05:41 - Обзор интерфейса Rive
08:37 - Как импортировать динозаврика
09:56 - Мини-урок с костями
19:10 - Нюанс привязки у динозаврика
21:30 - Про вкладку анимация
22:42 - Создание новой анимация и как она происходит
23:29 - Как устроены анимации динозаврика
26:13 - База про state machine
31:35 - Передача анимации в разработку

Опубликовано:

 

2 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 12   
@sasharusso8582
@sasharusso8582 Год назад
Очень бы хотелось курс по райву!!!
@user-xx3ix6lr6c
@user-xx3ix6lr6c Год назад
Запишите, пожалуйста, еще видео по райв! Очень доступно и понятно объясняете, спасибо!!
@im_power
@im_power Год назад
Спасибо, очень легко посмотрел
@Elena_Afa
@Elena_Afa Год назад
Блин, больше уроков бы!!!!😃
@TayaVolodina
@TayaVolodina 11 месяцев назад
Классный динозаврик😁
@dovletgeldihojayev
@dovletgeldihojayev 11 месяцев назад
👍👍👍👍
@TayaVolodina
@TayaVolodina 11 месяцев назад
Привет! Кто-то знает, можно видео анимации в фигму загрузить?
@AccumulatorAlex
@AccumulatorAlex 10 месяцев назад
Вот вообще не понял, как квадраты на пузе привязаны к костям. Понятно, что по точкам. Мне нужно анимировать полосатый хвост. Делаю примерно то же самое. Однако хвост и полоски на хвосте искажаются неравномерно. Может есть какой то урок по этой теме, линканите кому не лень
@mykytakravchenko4891
@mykytakravchenko4891 Год назад
столкнулся с проблемой импорта векторных файлов. Делаю все как написано на их сайте. По итогу не коректно импортит. Мож кто столкнулся?
@uxvoin
@uxvoin Год назад
Хорошо, но завершающие слова не совсем корректны. Дизайн ближе не к программированию, а к архитектуре. Примеры, когда люди учившиеся на архитекторов (или даже авто дизайнеров) уходили в ux/ui (А именно в Fantasy Interactive). Аниматор анимирует, front-end пусть копается во Flutter, а дизайнер пусть думает, выдвигает гипотезы и общается (это самое основное, без навыка общения, убеждения, презентирования и работы с возражениями (защиты своих решений) карьера дизайнера не будет развиваться далее). Инженерия, архитектура это ближе к дизайну. Программирование это узкий инструмент, сам пробовал front-end, но быстро стало скучно, тк отсутствует все выше перечисленное в процессе работы.
@Evgeny..
@Evgeny.. 23 дня назад
5 минут слушал и устал, столько болтавни
Далее
Animating in Rive for After Effects Users
23:19
Просмотров 34 тыс.
Rive and the future of interactive design
1:34:02
Просмотров 18 тыс.
Animate with Joysticks in Rive!
1:26
Просмотров 21 тыс.
Bones in Rive
4:37
Просмотров 36 тыс.
Rive - Interactive Motion Era
2:09
Просмотров 28 тыс.