As a partner of Agora.community, Frame by Frame provides educational breakdowns of animated and live action movies. Every frame deserves to be seen.

Studio: @GhibliUSA Source: The Boy and the Heron Contrast with timing! Giving two (or more!) characters the same action is a great way to show the audience what makes them unique #agorastudio #framebyframe #ghibli #animation FramebyFrame is an initiative of @AgoraCommunity_
49
3,541
35,443
6,783,958
Time to learn more about timing with these handy examples from ThinkingAnimation! Source: thinkinganimation.com/ #agorastudio #framebyframe #animation #animator #reference #resource
9
2,517
17,120
859,157
Studio: Glitch Productions @glitch_prod Source: Knight of Guinevere Pilot f.mtr.cool/nkyzfzhrsf Animators: We'd love to know!
10
1,405
16,108
478,571
STUDIO: @thelinestudio SOURCE: piped.video/watch?v=J5spiMVI… I love how dynamic the scene is while maintaining the characters' posing & the clear storytelling/composition that drives the eye #agorastudio #framebyframe #animation This study is sponsored by Agora.Community
11
1,837
14,349
522,785
School: @AnimClubSchool Source: f.mtr.cool/qsqoiyaoaq There's lots to love about this clip like how the character animation compliments the sound of the music #agorastudio #framebyframe  #animation #epic FramebyFrame is an initiative of @AgoraCommunity_
9
1,289
13,051
260,808
Let's revisit the fundamentals: the original 12 Principles with helpful visual examples! Source: pinterest.com/pin/4292562136… #agorastudio #framebyframe #animation #animator #reference #resource #12principles #animationtips
9
2,241
10,875
465,003
Toniko Pantoja always has the good resources, great video examples on knowing the differences in frame rate! Source: nitter.app/tonikopantoja #agorastudio #framebyframe #animation #animator #reference #resource #runcycle
4
1,223
10,165
233,334
Artist: Julien Bocabeille @thebokbok Studio: @DreamWorks Source: The Bad Guys 2 🔗 f.mtr.cool/narpkhbyro Before and after shots by Julien Bocabeille.
8
1,236
9,941
306,766
🏃‍♂️ Great tips on a run cycle loop from Sony Senior Anim Chalermphol Wattanawongtrakool! Feel that rhythm! Source: linkedin.com/posts/chalermph… #agorastudio #framebyframe #animation #animator #reference #resource
5
1,202
9,027
205,378
下田スケッチ(@SimodaSketch) gives us a great tutorial on the shapes of ears and how to draw them! Source: nitter.app/simodasketch/status/15… #agorastudio #framebyframe #animation #animator #reference #resource
耳を記号的に覚える事が出来たら、次はこのリボンのように面を捉えていくといいかも。フェチの領域に入っていける。
1
1,490
8,309
1,104,765
Studio: @Framestore Source: Doctor Who This fun shot from the latest season of Doctor Who is a great example of some of the most notable animation principles working together to create visually interesting and easy to read motion - check it out!
8
940
9,250
239,235
Studio: @SonyAnimation Source: Kpop Demon Hunters The secret of great visual comedy is simplicity & clarity with lots of juicy polishy details we love! #agorastudio #framebyframe #animchallenge #animation #huntrix FramebyFrame is an initiative of @AgoraCommunity_
55
584
7,641
1,163,715
Animation Supervisor Chris Sauvé gives us the "business" and shows how he gave the "business" to Dean in the Iron Giant! Source: instagram.com/p/CXO0-t0PWLC/ #agorastudio #framebyframe #animation #animator #theirongiant #irongiant #resource #reference
15
1,559
7,037
5
1,170
7,142
197,251
Some DOs and DONTs for the designs of the Bad Guys! Just look how much detail goes into the handshapes! Source: piped.video/watch?v=0yA3TRHY… #agorastudio #framebyframe #animation #animator #reference #resource
4
1,032
6,459
Studio: @Pixar Source: Ratatouille The progression of the scene is expertly laid out as the facial acting & body language communicate the importance to the audience. #agorastudio #framebyframe #animation #pixar #ratatouille FramebyFrame is an initiative of @AgoraCommunity_
10
999
6,570
328,836
Fabulous visual explanation on the differences in nuance for stop motion animation from Cameron Cortinas! Source: tiktok.com/@cameroncortinas/… #agorastudio #framebyframe #animation #animator #reference #resource #stopmotion
33
1,278
6,085
575,072
Animator: James Baxter We love the great personality that comes through this animation test! There is such a variety of appealing poses in the body & funny facial expressions #agorastudio #framebyframe #animation #centaurworld FramebyFrame is an initiative of @AgoraCommunity_
7
766
6,079
150,667
Studio Paramount Short clip going over Keys, Breakdowns, and Inbetweens. This is what our team thought they were, let us know if you'd label them differently! #agorastudio #framebyframe #animation #tmnt #mikros #cinesite This study is sponsored by Agora.Community
4
868
5,924
283,385
Studio: @SonyAnimation  Source: Kpop Demon Hunters How did the artists behind this scene in K-Pop Demon Hunters ensure that everything was easy to follow and comprehend? #agorastudio #framebyframe #animation #huntrix FramebyFrame is an initiative of @AgoraCommunity_
7
909
6,122
123,741
Here are some helpful little notes on composition and camera angles from various sources! Learning how and when to use them in your animation is key to making a compelling story! #agorastudio #framebyframe #animation #animator #cinematography #reference #resource
7
1,280
5,438
Brendan Body has a great visual demonstration on different horse and panther gaits with breakdowns! Source: linkedin.com/posts/brendan-b… #agorastudio #framebyframe #animation #animator #reference #resource #quadrapeds #gaits
945
5,481
257,389
Artist: Mezzier31 @mezzier_31 Song: Gimme All ur Luv by Hemlocke Springs 𝘛𝘩𝘦𝘺 𝘦𝘷𝘦𝘯 𝘨𝘢𝘷𝘦 𝘵𝘩𝘦 𝘦𝘺𝘦𝘭𝘢𝘴𝘩𝘦𝘴 𝘴𝘦𝘵𝘵𝘭𝘦𝘴 𝘢𝘯𝘥 𝘥𝘳𝘢𝘨! This wonderfully crafted OC animation by Mezzier31 is mesmerizing to watch-- such movement, such polish!
2
510
5,550
61,796
This live-action reference shows all the most critical elements for making a good walk cycle! All these elements will make your walk cycle really stand out! Source: piped.video/ns1fYPFRMvA #agorastudio #framebyframe #animation This study is sponsored by Agora.Community
10
1,012
5,127
Studio: Sony Pictures Imageworks This clip showcases thoughtfully crafted animation & special effects that are a love letter to comics Spiderverse #AnimChallenge agora.community/AnimChalleng… #agorastudio #framebyframe #animation This study is sponsored by Agora.Community
16
874
5,099
339,328
The breakdown of this one simple movement from Jesper shows the amount of thought put into just pointing and laughing! #agorastudio #framebyframe #animation #animator #reference #resource #klaus #spastudios #3danimation
3
483
4,862
83,281
Digital Circus Lead Anim Kevin Temmer breaks down his process for Ep 3, from the stretchy action to the deep acting sadness that make you want to hug Pomni. Source: linkedin.com/posts/kevin-tem… #agorastudio #framebyframe #animation #animator #reference #resource #animationprocess
8
578
4,762
205,892
Really interesting look into the differences of mocap across games and differences through generations. Plus, this doubles as a good reference! Source: Unknown (we'd love to know!) #agorastudio #framebyframe #animation #animator #reference #resource #mocap #gamedev
20
672
4,606
354,061
ANIMATOR: Leonardo Bellassai We broke down Leo's winning clip for the ‘’SciFight’’ #AnimChallenge! We loved the attention to composition and the force shown in every movement! #agorastudio #framebyframe #animation This study is sponsored by Agora.Community
2
588
4,331
206,042
The audience only has a millisecond to grasp what we're trying to show. Let's push these poses for maximum readability in this Agora HOT 🔥 Tip! #agorastudio #framebyframe #agoracommunity #animation #animator #characterdesign Frame by Frame is an initiative of @AgoraCommunity_
7
476
4,318
190,112
✨️ Join us for a very special bts look at Arcane Season 2 ✨️ Presented by Alexis Wanneroy (Anim Supervisor @ForticheProd) & hosted by Brent George! 📅 When: Saturday, February 22nd ⏰️ Time: 8AM PST 🎥 Where: the @Agora.Community Discord channel 🔗discord.gg/j8tQ5cfC?event=13…
6
500
4,319
137,862
Studio: @SonyAnimation Source: The Mitchells vs. The Machines The uncomfortable feeling of her life being taken over is shown with expressions, body language, & by taking over screen space! #agorastudio #framebyframe #animation FramebyFrame is an initiative of @Agora.Community
2
386
4,318
151,871
STUDIO: Disney SOURCE: piped.video/watch?v=tnMuEAMk… In this clip, I love how the emotional distance between the characters is enhanced by the shot choice and the backgrounds. #agorastudio #framebyframe #animation #Lilo #Stitch This study is sponsored by Agora.Community
6
546
3,924
165,352
Asymmetry in expressions and movements add more life to a character! Just look at these great examples! Source: amezure.tumblr.com/post/6278… #agorastudio #framebyframe #animation #animator #reference #resource #characterdesign
5
415
3,805
116,603
Four different types of landing, note the differences in each! Great examples from Sony's Senior Anim Chalermphol Wattanawongtrakool! Source: tinyurl.com/y2zmtsm2 #agorastudio #framebyframe #animation #animator #reference #resource
6
622
4,651
208,781
Something to remember when crafting a shot, Framing is important! Cropping tips from @TOAnimate_ should help with that Source: toanimate.ca/ #agorastudio #framebyframe #animation #animator #reference #resource #framing #animationtips
4
766
3,602
743,106
JP Sans' drawovers of Onur's Illustrations' poses! The stylization of the Bad Guys 2 movies draws out so much personality! Source: f.mtr.cool/thwfpfzipo #agorastudio #framebyframe #animation #animator #reference #resource #badguys #badguys2
7
341
3,827
83,712
Artist: Bryan Konietzko Show: Avatar: The Last Airbender Source: benditlikekorra.tumblr.com/p… This Aang concept art shows his entire personality in just 6 expressions, twinkles and all! #agorastudio #animation #framebyframe #conceptart #atla #avatar #nickelodeon
3
343
3,357
141,604
Studio: DreamWorks Film: Puss in Boots: The Last Wish This breakdown shows a fight between two characters in diverse ways of contrasting their movement in posing, timing, spacing, emotion #agorastudio #framebyframe #animation This study is sponsored by Agora.Community
4
505
3,238
135,655
A page out of Preston Blair's book "How to Animate Film Cartoons" on balancing your characters and animation! Source: livlily.blogspot.com/2010/10… #agorastudio #framebyframe #animation #animator #reference #resource #animationtips
431
3,141
87,899
Studio: @SteamrollerAnim  Source: Spice Frontier Artist:  Assiala Jousse There is a reason that it’s a fundamental exercise, the bouncing ball is everywhere! Watch as Kent’s movement matches closely to a bouncing ball.
9
342
3,358
69,160
Darcy Woodbridge and Studio Spud animated this 1940's style advert and it's mind-blowing! The process alone is fascinating to watch😱 Source: linkedin.com/posts/darcy-woo… #agorastudio #framebyframe #animation #animator #reference #resource #animationprocess
2
433
3,406
73,001
Brendan Body's right way to animate horses! If you ever need to look at equine walk cycles, this is a great tip! Source: linkedin.com/posts/draganast… #agorastudio #framebyframe #animation #animator #reference #resource #quadruped
6
371
3,280
173,417
IK? FK? Ok?? Watch Mr.Doodley's animated tutorial on the difference between these 3D animation joints! Source: doodley.org #agorastudio #framebyframe #animation #animator #reference #resource
4
537
2,939
What makes a pose a good pose? Let's find out in this Agora HOT TIP 🔥 how we can open the face and use the inflection point to push the appeal! #agorastudio #framebyframe #agoracommunity #animation #animationtip #3dAnimaton Frame by Frame is an initiative of @AgoraCommunity_
7
338
3,051
90,259
Know your terminology, like these camerawork tips and commonly used verbiage from Mitch Leeuwe @MitchLeeuwe! Source: nitter.app/MitchLeeuwe/status/163… #agorastudio #framebyframe #animation #animator #reference #resource #camerawork #cinematography
Replying to @MitchLeeuwe
Different camera movements!
402
2,892
91,193
Great sheet by the fantastic Griz and Norm (@GRIZandNORM)! Really good example of simplfying anatomy while still describing the form. Griz and Norm: etsy.com/shop/GRIZandNORMstu… #animation #anatomy #characterdesign #conceptart #lifedrawing
4
448
2,756
Studio: Ghibli Source: piped.video/watch?v=VmaIy2UP… The positioning of the characters and their silhouettes appear to be simple, looking closer, it becomes clear that they were well thought out #agorastudio #framebyframe #animation This study is sponsored by Agora.Community
3
312
2,789
152,284
A regular movie runs on 24 fps - so our audience sees our poses for 0,04 seconds only! We need to make them even clearer & easier to read since they pass by so quickly! #agorastudio #framebyframe #agoracommunity #animation Frame by Frame is an initiative of @AgoraCommunity_
6
445
2,836
121,491
Animator: Kevin Phou Clip: Arcane: The Animated Series Studio: Fortiche It's time for a new segment we like to call: "Animation Appreciation!" Have you seen Arcane?! #agorastudio #framebyframe #animator #animation #cgi #vfx This study is sponsored by Agora.Community
6
424
2,736
Animator Jorge Bompart shares part of his process from his newest work at different stages from tweening to in-betweens to rigging bones! Source: f.mtr.cool/wjnqutaegn #agorastudio #framebyframe #animation #animator #reference #resource #tween #rigging
1
297
2,853
63,377
Studio: Sony Pictures Animation Source: Hotel Transylvania 4 We love how clear the beats are thanks to the very pushed poses and the holds! #agorastudio #framebyframe #animchallenge #animation This study is sponsored by Agora.Community
2
347
2,623
106,008
Studio: @SonyAnimation Source: Goat With comedic shots, remember to keep it simple and clear so that your joke can shine with anything getting in the way! #agorastudio #framebyframe #animation #breakdown #3danimation #goat FramebyFrame is an initiative of @AgoraCommunity_
3
229
2,778
91,331
Animator: Andreas Deja Movie: The Lion King (1994) Music: icons8.com Scar's mouth shapes are much more exaggerated, and he hits accents much harder. #agorastudio #animation #characteranimation #2danimation #penciltest #traditionalanimation #disney #lionking
7
426
2,515
This is an awesome example of value grouping from Mac Smith, he breaks down parts of his process along with the how's and why's. Source: artstation.com/artwork/ozD2m #agorastudio #framebyframe #animation #animator #reference #resource #arttips #colortheory
331
2,582
58,320
Artist: Jin Kim Source: ow.ly/dROT50wu4zN This Elsa character expression sheet from Kim displays great attention to expression and believable, 3D drawing. #agorastudio #frozen #framebyframe #animation #elsa #conceptart This study is sponsored by Agora.Community
332
2,528
148,241
Walk Cycles got you walking in circles? Arcs happen naturally - check out the variety we can observe by tracking different parts of the body in place & space! #agorastudio #framebyframe #agoracommunity #animation #walkcycle Frame by Frame is an initiative of @AgoraCommunity_
1
371
2,577
76,005
Balance is key to making your work feel natural and grounded, here are some tips collected from Tony Bancroft and 21Draw all about it! Sources: - instagram.com/pumbaaguy/ - instagram.com/21_draw/ #Agorastudio #framebyframe #animation #animator #artist #resource #reference
1
408
2,366
Observations on conveying sadness through your characters from Amezure! Source: tumblr.com/amezure/634648424… #agorastudio #framebyframe #animation #animator #reference #resource #expressions
233
2,369
57,273
Animator: Cathy Pierrefeu STUDIO: Netflix/DNEG Movie: Nimona A great example of varied rhythm: strong contrast in rhythm shows moments of change in the character's action #agorastudio #framebyframe #animation #Netflix #DNEG This study is sponsored by Agora.Community
1
323
2,345
99,549
Studio: Disney Source: piped.video/watch?v=Iuum5--i… I love how the emphasis of the action is mainly on the keys and how the line of action and poses are pushed to show off their personalities. #agorastudio #framebyframe #animation This study is sponsored by Agora.Community
5
342
2,290
Super cool examples from Chalermphol Wattanawongtrakool on how to make your poses more dynamic through: camera lens, composition, vanishing point, rule of thirds, and more! Source: linkedin.com/posts/chalermph… #agorastudio #framebyframe #animation #animator #reference #resource
379
2,312
91,073
Studio: Glitch Productions @glitch_prod  Source: Knight of Guinevere: Pilot f.mtr.cool/fsiieoaypg Animator: We'd love to know! Did you catch what Glitch did with the composition in this sequence?
6
306
2,338
37,612
Super informative diagram of the differences in graph editors from Daniel Szabo! Source: linkedin.com/posts/daniel-sz… #agorastudio #framebyframe #animation #animator #reference #resource
2
405
2,210
94,816
Artist: Unknown Movie: Turning Red The way symmetry is used and then broken is such a great design choice that makes Mei the star! #agorastudio #framebyframe #animation #animator #turningred #conceptart #movie #film This study was sponsored by Agora.Community
6
248
2,113
Here are some tips from Schoolism about things to think about when animating or drawing hands! Source: instagram.com/reel/DE0DGDfxB…`w2 #agorastudio #framebyframe #animation #animator #reference #resource #hands
1
163
2,229
12,057
ANIMATOR: Ole Christian Løken SOURCE: linkedin.com/feed/update/urn… I really like the acting of the character and the smoothness of the actions, which makes the performance readable & appealing #agorastudio #framebyframe #animation This study is sponsored by Agora.Community
2
298
2,138
114,620
Animation is such a flexible medium with infinite possibilities, take a look at Senior Animator Collin McAtee's Run Cycle he made by Running! Source: linkedin.com/posts/collinmca… #agorastudio #framebyframe #animation #animator #reference #resource #runcycle
5
269
2,199
110,563
The differences between the animatic and the final product can vary from small adjustments to big camera moves! Have you watched Flow? Source: linkedin.com/posts/vfxexpres… #agorastudio #framebyframe #animation #animator #reference #resource #flow
11
166
2,160
112,671
Artist: Saira Vargas Source: instagram.com/p/CBRxUF9DisL/ You can see the entire characters' relationship dynamics and personalities in this one image just from their designs alone! #agorastudio #animation #framebyframe #conceptart #characterart #characterdesign #character
1
209
2,013
171,585
Here's a great visualization of the wave principle, a good way to see all of those segments coming together! Source: nitter.app/flying_pand4/status/17… #agorastudio #framebyframe #animation #animator #reference #resource #princpiplesofanimation #waveprinciple
How to animate the Wave?
1
234
2,029
79,341
Studio Paramount This is an absolutely stellar example of leading the audience's eye from one action to another. This montage sequence is so cool, and we LOVE IT. #agorastudio #framebyframe #animchallenge #tmnt #mutantmayhem FramebyFrame is an initiative of @AgoraCommunity_
5
353
1,960
67,649
285
1,900
72,548
Check out the full FREE Artbook for Nimona! Look at just how much love and skill was put into the creation of this film. Source: artofnimona.com/ #agorastudio #framebyframe #animation #animator #reference #resource #nimona
2
369
1,897
117,011
Show us those hands, don't be shy! Take these lessons straight from Preston Blair and run! Book: Preston Blair's Advanced Animation Source: animationresources.org/drawi… #agorastudio #framebyframe #animation #animator #reference #resource #drawingtips
2
323
1,756
60,236
Wonderful quad breakdown from Daniel Fotheringham with shoulder and hip tracking! Source: danielfotheringham.com/quad-… #agorastudio #framebyframe #animation #animator #reference #resource #quadrapeds
317
1,858
74,710
Lovely little timing chart example from Toniko Pantoja @tonikopantoja Look how the small changes can do so much with so little! Source: tonikopantoja.com/ #agorastudio #framebyframe #animation #animator #reference #resource #timing #timingcharts #animationprocess
3
229
1,874
38,563
It's always good to refresh the basics, let's take another look at the Principles of Animation examples. Keep in mind, there are more than just these 12! Source: tinyurl.com/2ms6buvc #agorastudio #framebyframe #animation #animator #reference #resource #animationprinciples
3
376
1,811
98,627
Studio: Fortiche Source: piped.video/watch?v=kUNMuczn… Arcane is renowned for it's powerful fighting sequences. Today we'll have a look on what makes these shots read so well! #agorastudio #framebyframe #agoracommunity #animation Frame by Frame is an initiative of @AgoraCommunity_
2
197
1,782
84,588
We care about you here, so don't forget to stretch and exercise your animator muscles! You are your most valuable asset. 😁 Remember to hydrate and take breaks from time to time to sniff a tree or whatever people do outside. 🌤️🌳 #agorastudio #framebyframe #animation #animator
3
526
1,698
Balance comes from even weight distribution and counterbalance to keep a pose stable. Agora 🔥 HOT Tips to keep your poses balanced from @AgoraStudio_ Anna White! #agorastudio #agoracommunity #framebyframe #animation Frame by Frame is an initiative of @AgoraCommunity_
1
180
1,790
47,304
Animator: Olga Parshina Movie: Encanto The choreography in this film is fluid, energetic and purposeful. Don't forget to take a look at the backup donkeys in the back! #agorastudio #framebyframe #animator #animation #disney This study is sponsored by Agora.Community
4
254
1,680
Animator: Unknown (we'd love to know) Movie: Kung Fu Panda 3 (Dreamworks) This shot is an EXCELLENT example of finding nuance and variety in even the "simplest" of actions. #agorastudio #framebyframe #animationanalysis This study is sponsored by Agora.Community
240
1,722
93,200
Studio: @SonyAnimation  Source: Kpop Demon Hunters Animators: We'd love to know! ✈️This shot is deceptively quick and simple, but it's packed with some great use of visual comedy!  #agorastudio #framebyframe #animation #kpdh FramebyFrame is an initiative of @AgoraCommunity_
2
217
1,861
40,128
💃 Break it down 🕺 . . . . #agorastudio #framebyframe #animation #breakdown
Here's the template, use responsibly.
2
131
1,711
48,763
Artist: Shiyoon Kim's Into the Spiderverse Concept Art Source: ow.ly/MyVx50wxsMZ Love how Gwen's personality shines through in Kim's iconic work! #agorastudio #framebyframe #conceptart #spiderverse #characterdesign This study is sponsored by Agora.Community
227
1,701
93,476
5
226
1,605
Artist: Jessica Woulfe Source: iamag.co/the-art-of-jessica-… Woulfe has a special way of creating fantastical environments with lots of movement just like this one! #agorastudio #animation #framebyframe #conceptart #illustration #environmentdesign #digitalpainting
204
1,542
88,086
Something that may help that character design pop out that much more and add variety! Source: Unknown (we'd love to know!) #agorastudio #framebyframe #animation #animator #reference #resource #arttips #characterdesign
229
1,543
55,384
Animator: @SpencerWan & @StudioGrackle Source: piped.video/watch?v=qdBfDYAJ… The director keeps everything super clear by guiding the eye with directional lines, graphical shapes, & composition! #agorastudio #framebyframe #animation This study is sponsored by Agora.Community
3
224
1,493
John Pomeroy's acting reference for this tense moment of Milo in Atlantis is such a great learning piece. Notice how much his actions carry into the final! Source: instagram.com/p/DKaBaQBRMn4/… #agorastudio #framebyframe #animation #animator #reference #resource #atlantis
4
244
1,593
113,667
Studio: Dreamworks Source: nitter.app/Car10s3306/status/1524… I love how the animator here managed to use great poses with awesome LOA to create such an appealing piece of animation. #agorastudio #framebyframe #animation #badguys #cgi This study is sponsored by Agora.Community
246
1,463