#animation tutorial
Explore tagged Tumblr posts
i-got-da-rubes · 2 years ago
Text
Post with the original animation
Mini animation tutorial thingy for someone on tiktok
Song: The Kite by Luisa Marion
174 notes · View notes
michaeladrianwright · 3 months ago
Text
Tumblr media Tumblr media
A knight and friends.
589 notes · View notes
marianarira · 1 year ago
Text
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!
youtube
275 notes · View notes
littledigits · 3 months ago
Text
Tumblr media
HELLO EVERYONE
Tomorrow is lesson 2 to my toonboom classes. To those of you who didnt need the refresher lesson one this is great to start. Its all focusing on clean posing workflow and tips/tricks I use to keep my keys clean and consistent! It starts at 1PM EST on my twitch channel.
HOWEVER here is a you tube channel for anyone who cant make it, and I will be storing all my lessons here moving forward. My streams are a lil jenky but I hope you can learn something from them
We will be using the SMILEZ rig which is great! you can download and follow along if you like
56 notes · View notes
creativecapybara · 2 months ago
Note
hellooo I do have a question !! If you don’t mind !!!
so I’ve seen a few of your traditional animations and I’m (well first off I’m IN LOVE with them they’re done SO WELL) just curious if you have any tips ?
I was thinking about trying a small one of my own but . I’ve never done . anything like this before .
Just something like if you have a trick for drawing things the same size , or how to draw stuff in motion
obviously practice is a factor !!! But figured I’d at least try an ask ! anything helps !!! Your stuff always looks amazing hehe <333
Dawww thank you I'm glad you like what I do
I have uploaded quite a bit of traditional(mostly rw related) gifs and I think here I can attempt to show something akin to a tutorial. At the very least these are the steps I use for animating on paper
So first off for making small gifs I usually use a single sheet of paper and separate it into a number of evenly sized parts by using a ruler and **LIGHTLY** tracing with a pencil. My papers are 9" by 12" so measuring the portions is usually easy. How big/how many parts you separate your sheet into depends on how many frames are in your gif
Tumblr media
Then we start with the sketches. For me it helps with keeping the animation smooth and the same size by using shapes(especially circles for me but it depends on what you wanna draw). Be aware that this might be considerably difficult for anyone with little to no experience with animating
Tumblr media
Then you wanna get the simple sketch done using the shapes as a work-around to draw details while keeping the animation smooth. Be sure to keep the sketches LIGHT so you can draw over them or erase any mistakes you make without them being too obvious in the final product
Tumblr media
Next it's time to work on lineart(and shading if you wanna but personally I don't prefer to do that too much when it comes to animations)
Tumblr media
Now it's time to actually compile the frames. You can choose to screenshot each and every frame and compile them in order on an animation app or website(like Flipaclip for example) but for me when it comes to short gifs it's faster to use Capcut and simply separate the image into six parts while zooming in appropriately for each frame
Tumblr media
And you could end it here by making this into a gif but me personally I prefer to use Exgif to turn the mp4 into a gif since it has a higher quality(and also to adjust the frames and crop the gif to your hearts content)
Tumblr media
And then that's it! Enjoy your gif lmao
Tumblr media
And in the meantime also enjoy dancing Moonie
24 notes · View notes
amjz-artist · 6 months ago
Text
Tumblr media Tumblr media
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.
49 notes · View notes
annathefenecfox · 2 months ago
Text
The frightened Peso.
Tutorial.
youtube
20 notes · View notes
mayonaizs · 14 days ago
Text
animatings actually easy as shit heres how to animate a quick movement in 5 frames
Tumblr media
(works better with small things, if there is larger movement, then you probably should have more than 5 frames but whatever):
key frame 1 (start position):
Tumblr media
key frame 2 (end position):
Tumblr media
now we have the start and end, we make a middle stage:
Tumblr media
the pink and green are the previous and next frames showing. its called onion skin and is good for drawing inbetweens 👍
here is the middle stage without onion skin:
Tumblr media
and then, using the first frame, we make an ease in frame, which is just the first frame with a teensy tiny bit of movement towards the goal (onion skin showing frame 1 on the left and no onion skin on the right):
Tumblr media Tumblr media
then we get an overshoot frame, which is the final frame but extended a bit further so when it plays, theres this spring-like bounceback effect (it makes it more realistic). (onion skin showing last frame on the left and no onion skin on the right):
Tumblr media Tumblr media
now make sure that the key frames (first and final frames) are on for multiple frames since they are when the movement is still. the program i use, FireAlpaca, has an option to change the amount of frames a frame is onscreen for, but you can duplicate frames manually if needed
Tumblr media
or
Tumblr media
the amount of frames the image needs to be onscreen for depends on the framerate of the whole animation (how fast each frame is onscreen for). note that higher framerate does not necessarily equal smoother animation and an animation can still be pretty darn smooth even with 8 fps (frames per second) but the standard for animation is 24 fps. its all a matter of how you animate. i like to do 8 or 12 fps cuz i dont have to draw as many inbetweens teehee
here is the animation on 12 fps:
Tumblr media
^ i have put the key frames on for half a second, which is half the framerate, so the key frames here are on for 6 frames
this is the animation on 24 fps:
Tumblr media
^ i have increased the key frames frame count to 12 frames since the framerate was increased.
the movement is faster in 24 fps because the amount of frames are the same, but the more inbetweens you add it will be slower. this is a tutorial for animating with 5 frames, though, so who cares. plus if this is the effect you want then whatever
lasty, here is one on 8 fps:
Tumblr media
much slower than the previous two. duh (the key frames are now on screen for 4 frames in this version)
anyways reblog with your tries if you find this, dear animation babies and theres another example below:
works with other things as well obvs heres a quick one i did on 12 fps:
Tumblr media
frame breakdown:
key frame:
Tumblr media
ease in:
Tumblr media
middle stage:
Tumblr media
overshoot:
Tumblr media
key frame:
Tumblr media
im only showing the important frames in onion skin, like ease in is mostly based on the first frame, overshoot is mostly based on the last frame, and the middle stage is only based on the key frames. but whatever yknow heres the ease in frame with onion skinning on both sides:
Tumblr media
theres a bit more going on in it so it might be confusing for animation babies but whatevs
heres it on 24 fps its a bit scary 😨:
Tumblr media
also heres one where the middle stage is a blank frame its kinda cool like anime moves too fast you cant even see it type shit:
Tumblr media
^ i made this on accident but its pretty epic therefore you should experiment with animation styles and shit might look cool
18 notes · View notes
mistyycowoa · 8 months ago
Text
How to animate really fast
A tutorial
29 notes · View notes
ghduck · 21 days ago
Text
Made an animation tutorial
youtube
I really dont like this video
7 notes · View notes
lilydafrog · 9 months ago
Text
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 :)
23 notes · View notes
slugdragoon · 10 months ago
Text
youtube
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!
Tumblr media
24 notes · View notes
michaeladrianwright · 3 months ago
Text
Knight Process
73 notes · View notes
vilkalizer · 2 years ago
Text
Ok ok i did the goddamn neocities thing
Tumblr media
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.
94 notes · View notes
littledigits · 3 months ago
Text
youtube
Uploaded the stream I did today on youtube! I'm a pretty low key person so I dont do anything too fancy but you can keep an eye out for the rest of the streams im going to be doing for the next 3 months here.
14 notes · View notes
star-seed-animaiton · 7 months ago
Text
Tumblr media
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!
youtube
8 notes · View notes