How I Animate

How I Animate

two animations, one of a woman baring her teeth and brushing her hair back (animation A), and the other of an elven woman turning into an anthropomorphic fox (animation B). "How I Animate" is superimposed on top.

The Technique:

I draw the frames and then I use the liquify tool to push the lines into the next frame and redraw them where I need to. This allows me to keep the lines consistent, but gives me the control of frame by frame animation bc I am still making each frame manually! I also use 3d models as reference to help me with the angles! Super important to use reference while you animate (and with art in general), if youre no good handling 3d models then act it out and record yourself!

progressive gif showing animation A starting from a rough 3d reference to a completed 2d animated piece

The Theory:

i think most people are at least loosely familiar with the 12 principles of animation (if youre not, heres a 2.5 minute video showcasing them!), but may not necessarily know how to employ them. the main 3 i tend to focus on when I animate is rhythm, telegraphing, and inertia so ill cover those there 👍

1. Timing & Rhythm

Timing is how you space out your frames both in how long an individual frame is held for, and also when you drawn an inbetween of two frames you can favour one frame slightly more than the other instead of drawing the exact average of the cels, giving the favoured cel more timing weight.

two animated lines showcasing the difference timing makes.

Left line has the cels evenly spaced out on the timeline, right holds the first cel for longer and the second cel slightly favours the last frame. It creates a more interesting rhythm to the animation! Rhythm is how I think of animation timing. Theres a beat like a song to every animation I make, and creating an interesting beat is what makes an animation fun to watch (for me, anyway):

Animation A with a small pink dot pulsing to the animation's beat.
Animation B with a small pink dot pulsing to the animation's beat.

2. Anticipation / Telegraphing

Two animated lines. The first is the same from the previous line gif, but the second now has anticipation applied on top of the different timing.

Before I animate a big change in movement, I like to telegraph that its coming. Usually this is doing a little counter movement in the opposite direction, but thats not the only way to telegraph a motion, e.g. eye movement can telegraph a head turn!

Animation A. A pink arrow flashes above her head as her eyes move to look at the viewer, then her head turns.
Animation A. A small arrow points down for a split second then points upwards as her head tilts in the same directions.
Animation B. An arrow points up and back, then forwards, then sideways and then finally forwards again. She glares and then tilts her head while baring her teeth before transforming into a fox along to these arrows.

3. Follow-through / Overshoot / Inertia

two lines again. The second line now bounces exaggeratedly as it reaches the end of the animation, as if a wooden stick hit something.
The same lines again, the second line stops with a tiny bit of very subtle inertia.

Unless the movement is mechanical, it wont come to a hard stop and will have some level of bounce or easing out to it. How much "bounce" you add will have a big impact on how the animation feels, but a very subtle bounce will add a natural feeling to the end of a motion.

The hair brushing back and head tilt part of animation A.

Secondary animations will use a lot of this, note that the head and the hand have a small amount of continuous motion (primary animation), and then the hair has a lot of bounce and inertia (secondary animation which reacts to the primary animation). Note the different amounts applied to the braid vs the sideburn vs the bangs

anyway! I hope this was insightful ❤️ if you like my art you can commission me by the by :)

More Posts from Hypergores and Others

5 months ago
Have You Chosen To Be? - Submitted By SeesawSiya

Have You Chosen to Be? - Submitted by SeesawSiya

#fec1e2 #f497d0 #c4a8f5 #9184c9 #67558f #a1b3ff


Tags
2 months ago

Drawing one or two leaves is manageable, but drawing a whole cluster of them is a different challenge altogether! I created a tutorial about conveying dense details, like foliage, quickly and efficiently - here’s a snippet from that video ✨

You can watch the full tutorial over on my Patreon! It's my latest tutorial which means that it's available for just $5 - next month it will go into the backlog which costs $10 to access. If you want this tutorial for $5, make sure you sign up this month!


Tags
2 months ago
Why - Submitted By Fastman27

why - Submitted by fastman27

#24C2BA #84E8A4 #CEF4CF #BBE47A #D6BD4B


Tags
2 months ago
You’re My Matador - Submitted By @thetwistedwhiskersshow

You’re My Matador - submitted by @thetwistedwhiskersshow

#2A1C35 #3C2A3D #A67451 #6E252F #80263A #5A3B62 


Tags
10 years ago
HAPPY BIRTHDAY, HABASHIRA RUI!!! 

HAPPY BIRTHDAY, HABASHIRA RUI!!! 


Tags
5 months ago

I made an art/anatomy tutorial about birds! I hope people will find it helpful!

I Made An Art/anatomy Tutorial About Birds! I Hope People Will Find It Helpful!
I Made An Art/anatomy Tutorial About Birds! I Hope People Will Find It Helpful!
I Made An Art/anatomy Tutorial About Birds! I Hope People Will Find It Helpful!
I Made An Art/anatomy Tutorial About Birds! I Hope People Will Find It Helpful!
I Made An Art/anatomy Tutorial About Birds! I Hope People Will Find It Helpful!
I Made An Art/anatomy Tutorial About Birds! I Hope People Will Find It Helpful!
I Made An Art/anatomy Tutorial About Birds! I Hope People Will Find It Helpful!
I Made An Art/anatomy Tutorial About Birds! I Hope People Will Find It Helpful!
I Made An Art/anatomy Tutorial About Birds! I Hope People Will Find It Helpful!
I Made An Art/anatomy Tutorial About Birds! I Hope People Will Find It Helpful!
I Made An Art/anatomy Tutorial About Birds! I Hope People Will Find It Helpful!
I Made An Art/anatomy Tutorial About Birds! I Hope People Will Find It Helpful!
I Made An Art/anatomy Tutorial About Birds! I Hope People Will Find It Helpful!
I Made An Art/anatomy Tutorial About Birds! I Hope People Will Find It Helpful!
I Made An Art/anatomy Tutorial About Birds! I Hope People Will Find It Helpful!
I Made An Art/anatomy Tutorial About Birds! I Hope People Will Find It Helpful!
I Made An Art/anatomy Tutorial About Birds! I Hope People Will Find It Helpful!
I Made An Art/anatomy Tutorial About Birds! I Hope People Will Find It Helpful!

Tags
10 years ago
Eleanor Cunningham
Eleanor Cunningham

Eleanor Cunningham

Two works made up of mixed media. Salts, inks and water on photographic prints and negatives, combining analogue with digital technology.

‘Nonna’s Window / Portal’, 2011

‘Somerset House’, 2009


Tags
1 month ago
People Often Say To Me: “You Draw Like Some Kind Of Inhuman Machine.  If I Eat Your Brain, Will I
People Often Say To Me: “You Draw Like Some Kind Of Inhuman Machine.  If I Eat Your Brain, Will I
People Often Say To Me: “You Draw Like Some Kind Of Inhuman Machine.  If I Eat Your Brain, Will I
People Often Say To Me: “You Draw Like Some Kind Of Inhuman Machine.  If I Eat Your Brain, Will I
People Often Say To Me: “You Draw Like Some Kind Of Inhuman Machine.  If I Eat Your Brain, Will I
People Often Say To Me: “You Draw Like Some Kind Of Inhuman Machine.  If I Eat Your Brain, Will I

People often say to me: “You draw like some kind of inhuman machine.  If I eat your brain, will I gain your power?”  The answer is yes, but there is another way. The key to precise drawing is building up muscle memory so that your arm/hand/fingers do the things you want them to do when you want them to do them.  Teaching yourself to draw a straight line or to make sweet curves is just a matter of practice and there are some exercises you can do to help improve. If you’re going to be doodling in class or during meetings anyway, why not put that time to good use?


Tags
5 months ago
HANDS POINTING From The How To THINK When You Draw ENCYCLOPEDIA - The World’s ONLY Encyclopedia Of

HANDS POINTING from the How to THINK when you Draw ENCYCLOPEDIA - the world’s ONLY encyclopedia of drawing tutorials , all of which is FREE for EVERYONE, FOREVER - and I post LOADS of DIFFERENT tutorials EVERY DAY on  OUR MASSIVE INSTAGRAM HERE and OUR GIANT TWITTER HERE and on TIKTOK HERE !

PLUS! CLICK HERE for 300 EXTRA FREE TUTORIALS!

Lorenzo!


Tags
10 years ago
A Joseb Pic I Drew For My Girl Lady-of-rohan :)

A Joseb pic I drew for my girl lady-of-rohan :) <3

It’s sort-of a spiritual successor to this odd pic, since Linds liked it so much I thought I’d kinda tap into that place again. It goes along well with this song, that I listened to while drawing it. Just something surreal, spooky and tender, all the feels I get from TEW. Hope you can enjoy!


Tags
Loading...
End of content
No more pages to load
  • peggly-sus
    peggly-sus liked this · 2 weeks ago
  • bellascarousel
    bellascarousel reblogged this · 2 weeks ago
  • bellascarousel
    bellascarousel liked this · 2 weeks ago
  • unsettling-catboy
    unsettling-catboy liked this · 2 weeks ago
  • caligulynn
    caligulynn liked this · 2 weeks ago
  • any-other-fandom-blog
    any-other-fandom-blog reblogged this · 2 weeks ago
  • cherrynotaberry
    cherrynotaberry reblogged this · 2 weeks ago
  • cherrynotaberry
    cherrynotaberry liked this · 2 weeks ago
  • theerdtreesnumberonewhore
    theerdtreesnumberonewhore liked this · 2 weeks ago
  • rhizomehaunt
    rhizomehaunt liked this · 2 weeks ago
  • malewifepalamedes
    malewifepalamedes liked this · 2 weeks ago
  • urlocalllama
    urlocalllama liked this · 2 weeks ago
  • nerdsgeeksandotherdweebs
    nerdsgeeksandotherdweebs reblogged this · 2 weeks ago
  • bubblejuices
    bubblejuices liked this · 2 weeks ago
  • animatedbooklover
    animatedbooklover liked this · 2 weeks ago
  • vanarobot
    vanarobot liked this · 2 weeks ago
  • cuculine
    cuculine liked this · 2 weeks ago
  • koishikomeijiofficial
    koishikomeijiofficial liked this · 2 weeks ago
  • marzipanpower
    marzipanpower liked this · 2 weeks ago
  • muspellssynir
    muspellssynir liked this · 2 weeks ago
  • kurooya
    kurooya liked this · 2 weeks ago
  • artistic-pineapple
    artistic-pineapple reblogged this · 2 weeks ago
  • bardnuts
    bardnuts reblogged this · 2 weeks ago
  • bardnuts
    bardnuts liked this · 2 weeks ago
  • elizmanderson
    elizmanderson reblogged this · 2 weeks ago
  • elizmanderson
    elizmanderson liked this · 2 weeks ago
  • frodho-slaggins
    frodho-slaggins liked this · 2 weeks ago
  • curiouscalembour
    curiouscalembour liked this · 2 weeks ago
  • yourundead
    yourundead liked this · 2 weeks ago
  • mymaleficaria
    mymaleficaria liked this · 2 weeks ago
  • freerunnerclementine
    freerunnerclementine liked this · 2 weeks ago
  • brightmoontrigon
    brightmoontrigon liked this · 2 weeks ago
  • alizerasong
    alizerasong liked this · 2 weeks ago
  • kurgy
    kurgy reblogged this · 2 weeks ago
  • sipisttoo
    sipisttoo liked this · 2 weeks ago
  • anonbea
    anonbea reblogged this · 2 weeks ago
  • tyamuffins
    tyamuffins liked this · 2 weeks ago
  • bhujerbamage
    bhujerbamage liked this · 2 weeks ago
  • garplatinum
    garplatinum liked this · 3 weeks ago
  • solhaelan
    solhaelan liked this · 3 weeks ago
  • random-idiots-stuff
    random-idiots-stuff liked this · 3 weeks ago
  • noxernia
    noxernia reblogged this · 3 weeks ago
  • reawoo
    reawoo liked this · 4 weeks ago
  • tarta-de-queso
    tarta-de-queso liked this · 4 weeks ago
  • good-timestime
    good-timestime liked this · 4 weeks ago
  • of-faery-descent
    of-faery-descent liked this · 4 weeks ago
hypergores - ash's dump blog
ash's dump blog

264 posts

Explore Tumblr Blog
Search Through Tumblr Tags