32
104
4
Featured in collections
Recommended for you
Featured in groupsSee All
FPS to FPB to BPM Calculator
15.6K Views|7 Today
Use the BPM Finder to find the BPM of a song.

What is this?
This is a little tool to help other animators to sync their cycle animations perfectly to the music, avoiding those times when you play an animation and it slowly unsyncs with the music until its completely out of beat.

As an animator, how do I use it?
If you want to make a little animation to sync to a song you want, you have to find the BPM of the song first (you can use the BPM Finder mentioned above), then you have to decide the speed of the animation (FPS), and then you can calculate the Frames Per Beat, which are the number of frames that each beat of the song lasts. For example, if my song has 120BPM and I want my animation to have 24FPS, then I should use 12 frames for each beat, which means that on the frames 12, 24, 36, etc I will draw the character in an extreme position and then draw the inbetweens.
Since you cant have half frames, the FPB shouldn't have a decimal value, so play around with the FPS (or even the BPM if you want to change the speed of the song) until you get a whole number. Another option to fix this, is deleting the decimal part of the numbers and then pressing Activate, the tool will give you 3 alternatives and hopefully one of them will have only whole numbers or values that you can use.

As a non-animator, how do I use it?
CLICK BUTTONS AND MAKE SOUNDS! Or if you think it could help an animator you know, sharing it with them. It may have more uses other than for animation, but I just make the tools, you have to explore them and find what else they could be useful for (:
Now you can also use it to sync gif animations to your music using this: fav.me/d711alb

How does it work?
With math MAGIC!

Here are the spells:
- BPM = FPS/FPB * 60
- FPB = FPS / (BPM / 60)
- FPS = (FPB * BPM) / 60

In theory it should be perfectly synced, but in practice, there is latency, lag, slow computers, songs with uneven tempo and many other things that may unsync the animation slowly, but it's a start!

Examples of animations synced with music: Most animations on my Music Gallery Folder.
I hope this helps, if you have questions let me know. All the feedback is welcome and will be considered for the next version ^^

Tool, music & sounds (c)
Image size
800x450px 488 KB
Featured in collections
Recommended for you
Featured in groupsSee All
This is so damn useful! Thanks a gazillion times!!!
Engine0fficial|Hobbyist General Artist
this is perfect! simple and humble! thank you for this!
ThatDiego|Hobbyist Filmographer
Love love LOVE! Just one thing, can you make a calculator that when you enter the bpm it, it outputs possible whole number fpb with a corresponding fps? I hope that made sense, but it will be a real big life saver when you end up having to type in a bunch of random numbers for fps until you get a whole number forfpb.
A4ArtStuff|Professional General Artist
Holy crap this is amazing!!!
SophieaTheCreeperEdited |Hobbyist Digital Artist
This is really helpful. like really helpful. you saved me hours of pure rage. Thank you :0.
ir420Edited |Hobbyist General Artist
Thanks.. I wanted to make some music on FL studio to animate to and thought working out how many FPS I would want from music roughly 140BPM.. I'll up it to 150BPM and it should work out at 10 FPS to sync up with a beat at 25FPS. It's kinda fustrating having small gaps due to mismatched audio and video so building a song with the framerate in mind should really help.. Hats off to you kind sir.
MuffinMyst|Hobbyist Digital Artist
Interesting. I could see this helping. (especially for dancing ^^)
i dont get it
romenX|Hobbyist Artist
Thank you very much this is awesome!

This really worked for 'After Effects' and I got an 'Osu!' editing feel.

I simply animate in BPM then make it to 60 FPS to look smooth.
Cool
inferno988|Hobbyist Filmographer
Thanks! CX
welcomz
MeusYume|Hobbyist General Artist
No cake for me?! ;_;
When I feel experienced enough to start with animations then I'll use this tool and it'll be awesome
btw: you must tell me your secret about how to make that awesome music.
inferno988|Hobbyist Filmographer
It's the unsliceable cake, you have to have either all of it or none of it. But ok, you can have it, just never slice it!

You can use it even now with this other thingy I made: fav.me/d711alb There's a little demo on the bottom of the artist comments section ^^

To make music, first I would recommend starting learning to play a musical instrument you like until you feel comfortable with it, then you can play around with it, record random tracks and listen to them, mix them and make new melodies and explore, have fun!
MeusYume|Hobbyist General Artist
So I'll have to eat the whole cake at once?

I'll try the demo c:

I'm playing piano since a year and a bit now, without a teacher. Additionally I just got a violin So I guess I'll try it with recording random things ^_^

Thanks for all this stuff!
inferno988|Hobbyist Filmographer
Yup, the cake must be eaten in one bite

Ah that's awesome X3 It's good to have initiative to learn to play an instrument, I also have a violin (an electric one), I just don't have as much experience with it as I have with piano, but if you need help with anything let me know
IsaMetric|Student Filmographer
OH MY GOODNESS THANK YOU! It sucks to have to do it every time on my own, and the interface here is just so cute! <3
inferno988|Hobbyist Filmographer
Hehe glad to hear that And ikr, it is pretty annoying to do these formulas by hand every time, I will use this tool pretty often haha.
JonKaGor| Digital Artist
Finally someone made something like this!
Thank you so much! It would be very useful in looping animations xD
inferno988|Hobbyist Filmographer
Yup! No more unsyncing loops and less time lost trying to figure out how many frames you have to use to make it sync with the beat of a song XP
You are welcome, good luck with your animations! (:
JonKaGor| Digital Artist
yay thanks >w<