I'm looking to add some cool animations to my website, specifically cartoon characters and custom hand-drawn elements like animated cards. I'm drawn to that classic 90s cartoon vibe—think thick outlines and bright colors. I want to animate things like bubbles floating around characters, blinking animations, or even mouse-tracking effects. I've heard of Rive and Procreate, but I'm not sure which one to use or if I should combine them. I'd love to know the best way to start, the necessary tools, and the right image formats to use. Any tips on how to get good animations incorporated into my site would be super helpful!
3 Answers
There are a lot of options for animating your site, like using CSS to manipulate elements frame-by-frame or even rendering animations with WebGL for more complex effects. However, you’ll want to keep performance in mind! A mixed approach can work well—lightweight animations with Lottie for the fun parts and CSS for simple hover effects to keep things smooth.
To get started, you'll want to break your project down into manageable parts. First, learn how to create cartoon images and animations. Software like Rive is pretty user-friendly for this. For web integration, you'll likely be using JavaScript since Flash isn't an option anymore. Check out Lottie for lightweight animations, as you can make complex animations in After Effects and export them for your site. Don't sweat it if you don't find a '90s style website tutorial; just focus on learning cartoon animation techniques and web integration step-by-step.
If you're new to web development, that’s something you'll need to tackle first. For animations, consider using Lottie—it's fantastic for integrating animations without slowing down your site. You can create animations in After Effects and use their web tools to render them effectively.
Absolutely, Lottie is a game-changer! I also recommend you familiarize yourself with CSS animations too. They're light and can give your site some interactive elements without overdoing it.
Yeah, it's all about learning those basics. I'd recommend looking up tutorials specific to the animation style you're going for. Using tools like Procreate for hand-drawn stuff can definitely add a personal touch too!