#хвилинкадизайнера
Друзі, привіт!
Отже, ще трохи про Rive, адже я провів за ним усі вихідні, опановуючи цю прекрасну тулзу. Неперевершене відчуття, маю зізнатися, яке повернуло мене в ті далекі роки, коли я лише почав опановувати Photoshop, Flash й потім After Effects.
Річ у тім, що інструмент не можна назвати простим, але після годинного копирсання та кількох туторіалів на YouTube, його логіка стає цілком зрозумілою.
Rive — прекрасний! З його допомогою ви можете створювати, як мультики, так і інтерактивні анімації для UI. Це така золота середина між AE, Framer, Protopie та всім, що було у вашій практиці. Здається, ніби Rive узяв усе найкраще з досвіду інших відомих інструментів.
Звісно, що я почав із простого й це була звичайнісінька кнопка з базовими станами: default, hover, click. Суть така: створюєте дизайн (можна у Figma, а далі чудово працює експорт елементів зі збереженням назв, ієрархії тощо), далі створюєте окремі анімації для кожного зі станів (тут усе працює за принципом AE з таймлайном та ключовими кадрами), а далі поєднуєте це все за допомогою спеціального інструменту, що зветься State Machine і його логіка така сама, як і в JavaScript коді. Звідси й дуже проста передача анімацій розробникам. У платній версії Rive ви навіть можете передати девам готовий, чистий код і voilà!
Коротко кажучи, дуже рекомендую! 👍
Друзі, привіт!
Отже, ще трохи про Rive, адже я провів за ним усі вихідні, опановуючи цю прекрасну тулзу. Неперевершене відчуття, маю зізнатися, яке повернуло мене в ті далекі роки, коли я лише почав опановувати Photoshop, Flash й потім After Effects.
Річ у тім, що інструмент не можна назвати простим, але після годинного копирсання та кількох туторіалів на YouTube, його логіка стає цілком зрозумілою.
Rive — прекрасний! З його допомогою ви можете створювати, як мультики, так і інтерактивні анімації для UI. Це така золота середина між AE, Framer, Protopie та всім, що було у вашій практиці. Здається, ніби Rive узяв усе найкраще з досвіду інших відомих інструментів.
Звісно, що я почав із простого й це була звичайнісінька кнопка з базовими станами: default, hover, click. Суть така: створюєте дизайн (можна у Figma, а далі чудово працює експорт елементів зі збереженням назв, ієрархії тощо), далі створюєте окремі анімації для кожного зі станів (тут усе працює за принципом AE з таймлайном та ключовими кадрами), а далі поєднуєте це все за допомогою спеціального інструменту, що зветься State Machine і його логіка така сама, як і в JavaScript коді. Звідси й дуже проста передача анімацій розробникам. У платній версії Rive ви навіть можете передати девам готовий, чистий код і voilà!
Коротко кажучи, дуже рекомендую! 👍