WE CREATE BRANDS PEOPLE L♥VE
Share

6 Principles of Animation. Part 1


Tegra - May 23, 2020 - 0 comments

6 Principles of Animation. Part 1

6 Principles of Animation. Part 1 🔮

Courtesy of @al_leleka

Here are the first 6 principles of animation:

🟣 Squash & Stretch

🟣 Anticipation

🟣 Arcs

🟣 Slow In & Slow Out

🟣 Timing

🟣 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.

Squash & Stretch

Deform an object (squash or stretch) or character to show weight.

Anticipation  Create short motion to preparation of action

Anticipation

Create short motion to preparation of action

Arcs  Create action according to arc trajectory. It looks more natural

Arcs

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

Slow In & Slow Out

Add more frames at the beginning and in the end. It creates acceleration and deceleration

Timing  Fewer frames make the action faster. If you add more frames it will create smooth and slow action

Timing

Fewer frames make the action faster. If you add more frames it will create smooth and slow action

Solid Drawing  If you know how 3d perspective and anatomy work your animation looks professional

Solid Drawing

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.

Be free to send us any feedback by reply or reach us in DM on Instagram
Do you want to receive insights using FB Messenger or Telegram or Email? 👈 Subscribe now.

Related posts

Leave a Reply