#animation tutorial

[marianarira]

10 tips for character animation in CLIP for beginners and not-so-beginners!

This is the software I use for anime work, it's pretty much the industry standard in Japanese animation. Knowing the software is not skill-based and it can be a game changer ;) so check it out!

[lynaferns]

So, someone asked for a tutorial of this animation so, why not?

I need to say first that I'm not a profesional animator, I'm a selftaught artist and I'm terrible at teaching/making tutorials so maybe this isn't the best example of how to animate.

Having said that, this was my process:

I first drew the important key frames, in other words, where I wanted point A and point B to be. No details, only body and head (I have no save of the original frames but basically no bells or ribons nor ruffles)

Then I needed a frame in betwen to conect them

I added a bounce effect duplicating the images, squeezing and stretching it a little (I have no save of this part but I have a video on my phone from january of last year, sorry it looks a little bad, I had to crop it)

I slowed it down so you can see the bounce

It's just like 3 frames each bounce

Now, to animate all the frames I started from A to inbetween 1,

then later to point B and closed the loop with inbetween 2.

To make this easier I drew a "rute" on the background

It looked something like this

and with the animation

It's a process of trial and error. While you are drawing the frame you don't actually know if it's the correct pose (unless you are some kind of god), so you have to draw the inbetweens, check how it looks in movement, spot where it lack/exceeds frames or where it needs more space between frames... untile it's finished and you get something like this.

As you can see only 8/46 frames aren't drawn. These 8 frames are little "stops" for the images so the character is still.

Some of these frames has the character still but something else is moving, like Moons hat.

Finally, I got to animate the details: sunrays, hat, bells, etc. Each of these objets has its own physics and this part enters more in how I belive the physics would behave like having in mind the mass of the objet and the inertia.

Example:

The hat has a lot of inertia because fast movement so: it moves faster and it takes time to stop.

The ribons and ruffles has less inertia because even though it is still fast is a slower movement so: it moves fast BUT stops fast.

Note to add: the faster and objet moves the less frames it needs to be drawn, sometimes it may need to draw the character/object deformed to look right. The slower it moves the more frames you'll have to draw and the more precision you'll need to make it look right.

Some cursed frames:

Some "still" frames:

Another note to add: this is animated at 24fps, this means every 1 second has 24 images. Most cartoons and movies are animated at 24-25 fps, this not only aplies to 2d animation but also 3d and stopmotion.

Fun fact: the human eye perceives between 30-60 fps, however animating at 30 fps or more can give an unnatural feeling to the animation.

At last, here is the animation clean up that I never finished

I added a couple of frames to make it a lil' more smooth.

Hope this crapy tutoria helped somehow.

Now I'm going to bed and hope when I see this in the morning it looks decent.

[i-got-da-rubes]

Post with the original animation

Mini animation tutorial thingy for someone on tiktok

Song: The Kite by Luisa Marion

[edentimm]

I made this Extremely Basic mouthchart for my students to help them learn what Basic shapes are associated with what sounds. Made with 2d builds in mind, as thats the most common 2d work in my area.

Every single project has its own show style regarding lipsync, so this NOT the be-all-end-all. You and your projects arent beholden to these suggestions, theyre purely a jumping off point.

Happy animating!

[amjz-artist]

First image is page 301 from The Animator's Survival Kit by Richard Williams, regarding how flexible objects wave as they change direction (as well as how a whip's action works, on the upper half of the page).

The second image is an animated gif I made, which I traced from the page, to show the principle in motion as a way to assist anyone who may have difficulty visualizing the motion on the still page.

[vilkalizer]

Ok ok i did the goddamn neocities thing

Took the opportunity to finish up a tutorial i'd been procrastinating over for like 2 years. So, here's my guide to Everything you need to know about FE battle animations™. It's illustrated and has sections on the tools needed, how an animation is built and scripted, and notes on how to draw and animate it and finally insert it with febuilder.

Hopefully it's sufficiently comprehensive and easy to follow even for a beginner but if you think anything's missing feel free to point it out and i'll see about updating it.

Click the source link below to get to it, i'm not sure how weird tumblr is about external links these days.

[slugdragoon]

This one goes out to anyone who wants to learn to animate pixel art! There are a lot of great resources from great artists out there, I'm not one! But I show my entire process, and how someone who doesn't have a great understanding of perspective and anatomy, but needs to learn this stuff for gamedev can approach animation, and it doesn't have to be intimidating.

I personally find to useful to, along with expert tutorials, also watch less experienced creators doing full walkthroughs of their process of learning/creating, so that's what I'm offering too! It gives me confidence that I don't have to know everything to start.

So, I show everything from creating a silhouette to making an animatable rig, blocking out the animation, keyframes, interpolating frames, keeping shapes consistent, and I talk through all the choices I make until it's done. Right up until the colour side of things, which I will do in a follow-up.

Partly I realized some of my devlogs could be all art some weeks, and I could spend days making something I could show in a minute, so why not make the process into something I can use and share as well? I hope people find this helpful!

[lilydafrog]

As requested here's a small video on how I animate.

This is just three simple frames I use. If you want to do what I did and make the timeline longer all you have to do is pinch the screen and drag out your fingers. But ya this is basically how I make it. If you have another question or need a longer one just ask :)

[mistyycowoa]

How to animate really fast

A tutorial

[megadraws24]

Free Animation Tutorial video on Patreon

Heya! Some of you have expressed some interest in me in making some animation tutorials. So after a bit of work and editing I've made a free tutorial on the Bouncing ball over on Patreon Which ive just launched today.

This will be the first of many tutorials i have planned as well as allowing you access to more exclusive content such as

High res files

WIPS and Sketches

Custom requests

Process videos

You dont have to get on a Tier to watch this tutorial, just sign up for a free members account and you'll get to hear my voice in all its glory!

Ill still be uploading stuff to Tumblr, nothing has changed there, But if you like my work and want to support me so i can continue to make more art and animation for you guys, signing up to one of the Tiers or Donating to My KOFI is much appreciated 😁

Hope to see you there, Thanks!

-MD

[star-seed-animaiton]

Hey everyone,

We've got some exciting news to share with you! Since 2015, our channel has been called "Lucky Pie," and we've had the pleasure of creating fun and memorable animations for you all. But as our studio has grown and evolved, we're getting ready to launch a wider range of animation projects. So, we've officially decided to change our channel name to Studio Starseed! This new name reflects where we're headed and the exciting content we have in store. If you love animation as much as we do, make sure to give a shout-out to your friends who are into it as well, and join us as we continue to grow and create even more awesome stuff!

Thanks for all your support over the years. We can't wait to share this next chapter with you. Stay tuned!

[seshkenas]

Animating process! | PART 4 (final part)

This one is a bit rough.

1. Very rough movement idea.

2. Finishing up the sketch.

3. Lineart! No fancy outer lineart here because of the background I'll be using.

4. Colors and the dark background. (Trust the process on this one. Bland makes do)

Now time for extra one-frame shots!

They're so goofy.

PART 3:

[horseshoemybeloved]

I also have this little side by side thing and a little breakdown of the process :3

We’ve got storyboard, animation, and then filters and compression

Also here are some of the gifs I used for this animating ( yes I animate only using gifs )

These are bases I used so I didn’t have to re draw the parts that didn’t move a whole bunch ( in this case it was the bodies )

Some Pete chatting

And then the Patrick heads :)

And then I put the gifs as an overlay on a paper animation, using the app capcut. Then once that’s done I go in and use the app prequel to add some grunge ( I use the effect Linograph and the filter Brownie, lower contrast and highlights, add a bunch of grain and just fiddle with things )

Then finally I use some rando online video compressor cus I find it just,,,, looks odd if it’s HD cus like most old animations are NOT HD those things are like 2 x 2 pixels

[alexanderblackday]

Animation - Timing Charts / 12 FPS

Most animations typically use 12 FPS in a 24 FPS video format, which causes each frame of the animation to repeat.

1 Second = 12 frames 

1 Frame = 0.08333... seconds 

1 Keyframe every 6 frames 

2 Timing charts = 1 second

-

I prepared a second example to notice that although the timing charts have different effects, the time that the animation takes place is exactly the same.

-

Download on:

Gumroad

Blogger

Payhip

[maplewoodstreet]

Table of Contents

Easily find all my posts. That way you won't have to scroll through my reblogs to find what you want! (⁠ ⁠ꈍ⁠ᴗ⁠ꈍ⁠)

Resources for Creatives

Video Tutorials

Surround Sound on YouTube

Downmixing Discrete 5.1 Surround Sound to Dolby Pro Logic II

Upmixing Dolby Pro Logic II to Discrete 5.1 Surround Sound

Manually Encoding Dolby Pro Logic II

Isolating or Removing the Center Channel In Audacity

Custom Closed Captions on YouTube

HDR on YouTube

Optimizing Video Quality on YouTube

Masters for Archiving

yt-dlp: Downloading YouTube Videos the Right Way

Animation and Film Tutorials

Free Animation Production Tracker Spreadsheet

Free Storyboards and Layout Templates

Underlighting

Cel Color Palette

Film Grain

Film Gate Jitter

Animation help reblogs

My Work

Neurodivergent Help and Personal Blog

Autism help

Health help

Personal blog

[marianarira]

Animate DTIYS with tutorial!

Meet Petals and Antenna 🌸 🍃 I’m hosting my first DTIYS challenge, aimed at 2D animation beginners or illustrators who want to try animation, check out the tutorial!

(The main challenge is on Instagram, but of course, you can share it here too! Though I gotta be honest, I still don't know exactly how Tumblr works, so I may not see it, but tag me or send a message or something please! And I'm sorry I feel so boomer lol).

Guidelines - Animate (or draw) Pet and Anty (one or both) - You can follow the tutorial or make a crazy sakuga, however you want! - I’ll share them until June 15th

With all the AI stuff going on, I am in a pretty bad mood regarding art; so much disrespect toward artists is disheartening. To counteract that, I decided to host my first challenge with an animation approach! Starting 2D animation can be daunting, hopefully this challenge and tutorial gives you an easy introduction and gets you pumped about what you can accomplish!

Cheers 💕