Animated AI Assets for the Web

Overview

Learn how to create and animate AI-generated assets for web interfaces using Midjourney AI and Rive. Discover the process of generating, separating, and exporting a 24-bit PNG asset, then animate it for seamless integration into UI designs. Follow along as the tutorial covers initial steps, mesh creation, bone structure, rigging, animation techniques, and exporting for web use. Gain valuable skills in combining AI-generated graphics with web animation to enhance your UI/UX designs and create captivating visual elements for your projects.

Syllabus

- Intro
- Initial Steps
- Creating the Mesh
- Creating the Bones
- Rigging the Bones to the Mesh
- Creating the Animation
- Exporting for Web
- Final Result