32
104
4
FPS to FPB to BPM Calculator
15.6K Views|7 Today
Use the BPM Finder to find the BPM of a song.

:bulletblack: 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.

:bulletblack: 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.

:bulletblack: As a non-animator, how do I use it?
CLICK BUTTONS AND MAKE SOUNDS! :dummy: 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

:bulletblack: 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) ~inferno988
Image size
800x450px 488 KB
anonymous's avatar
Join the community to add your comment. Already a deviant? Sign In
Comments (24)
alferg's avatar
This is so damn useful! Thanks a gazillion times!!! :)
Reply  ·  
Engine0fficial's avatar
Engine0fficial|Hobbyist General Artist
this is perfect! simple and humble! thank you for this!
Reply  ·  
ThatDiego's avatar
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.
Reply  ·  
A4ArtStuff's avatar
A4ArtStuff|Professional General Artist
Holy crap this is amazing!!!
Reply  ·  
SophieaTheCreeper's avatar
SophieaTheCreeperEdited |Hobbyist Digital Artist
This is really helpful. like really helpful. you saved me hours of pure rage. Thank you :0.
Reply  ·  
ir420's avatar
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. 
Reply  ·  
MuffinMyst's avatar
MuffinMyst|Hobbyist Digital Artist
Interesting. I could see this helping. (especially for dancing ^^)
Reply  ·  
Adohr's avatar
i dont get it
Reply  ·  
romenX's avatar
romenX|Hobbyist Artist
Thank you very much this is awesome! :o

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.
Reply  ·  
inferno988's avatar
inferno988|Hobbyist Filmographer
Thanks! CX
Reply  ·  
MeusYume's avatar
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:happybounce:
btw: you must tell me your secret about how to make that awesome music.
Reply  ·  
inferno988's avatar
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! :D
Reply  ·  
MeusYume's avatar
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 :D So I guess I'll try it with recording random things ^_^

Thanks for all this stuff!
Reply  ·  
inferno988's avatar
inferno988|Hobbyist Filmographer
Yup, the cake must be eaten in one bite :dummy:

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 :)
Reply  ·  
IsaMetric's avatar
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
Reply  ·  
inferno988's avatar
inferno988|Hobbyist Filmographer
Hehe glad to hear that :D And ikr, it is pretty annoying to do these formulas by hand every time, I will use this tool pretty often haha.
Reply  ·  
JonKaGor's avatar
JonKaGor| Digital Artist
Finally someone made something like this!
Thank you so much! It would be very useful in looping animations xD
Reply  ·  
inferno988's avatar
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! (:
Reply  ·  
JonKaGor's avatar
JonKaGor| Digital Artist
yay thanks >w<
*soverylatereply orz*
Reply  ·  
inferno988's avatar
inferno988|Hobbyist Filmographer
LOL I wasnt expecting a reply to this XD
You are welcome! :D
Reply  ·  
Not-Hunter's avatar
Not-Hunter|Hobbyist Writer
The background song on this thing is really relaxing.
Reply  ·  
inferno988's avatar
inferno988|Hobbyist Filmographer
It's one of the very few relaxing songs I have composed, most of them are way faster haha.
Reply  ·  
anonymous's avatar
Join the community to add your comment. Already a deviant? Sign In
©2019 DeviantArt
All Rights reserved