6 Principles of Animation. Part 1 🔮
Courtesy of @al_leleka
Here are the first 6 principles of animation:
🟣 Squash & Stretch
🟣 Slow In & Slow Out
🟣 Solid Drawing
Was it something new for you or not?
The second part is coming soon 👾
Squash & Stretch
Deform an object (squash or stretch) or character to show weight.
Create short motion to preparation of action
Create action according to arc trajectory. It looks more natural
Slow In & Slow Out
Add more frames at the beginning and in the end. It creates acceleration and deceleration
Fewer frames make the action faster. If you add more frames it will create smooth and slow action
If you know how 3d perspective and anatomy work your animation looks professional
Bonus — tools that may be useful in your designer way:
Flowkit — allows designers to create frighteningly fast user flows within Sketch and Figma.
Crello — the simplest online image editor. A simple but powerful tool to create awesome designs for any social media format — posts, covers, graphics, and posters using the best software on the web. It’s easy! A lot of animated designs.
Designmodo — a timesaving tool that helps create websites and email builders designed for developers, designers, marketers, and non-tech users.
Webflow — all-in-one web design tool that allows users to design, build, and launch responsive websites visually.
Leadpages — lets you build beautiful, high-converting websites, unlimited landing pages, pop-up forms you can add to your other websites.