Page 1 of 1

Asking for a tutorial to do a Beatmeter like Sir Derriere in After Effect

Posted: Wed Jun 21, 2017 9:08 pm
by Caius Prepus
Hi,

Could somebody explain me how to do a beatmeter that looks like that in After Effect, or another software (if it is free). ?

Thanks a lot.

Re: Asking for a tutorial to do a Beatmeter like Sir Derriere in After Effect

Posted: Wed Jun 21, 2017 9:46 pm
by kerkersklave
You could use my tool to do it:
viewtopic.php?f=25&t=19946

Customizing beatmeters is a bit tricky as you have to split up the images in the right way and figure out, how to do it.
But if you send me one image of what the beatmeter should look like, I can do it for you. (Preferable an SVG image).
You can also have transparency effects, just put them in the picture.
You could either use the tool to match your beats or if you have some other solution you have to provide the beat times in a text file.

Re: Asking for a tutorial to do a Beatmeter like Sir Derriere in After Effect

Posted: Thu Jun 22, 2017 4:30 pm
by Caius Prepus
thanks for answer, maybe I will go that way but I would also like to have a way to do it in after effect. So I bump that tread for other people to see it !

Re: Asking for a tutorial to do a Beatmeter like Sir Derriere in After Effect

Posted: Thu Jun 22, 2017 4:55 pm
by WatchItDry
If you have after effects it should come with a plugin that makes it automatically. You just have to add the beat track and choose the colors.

Re: Asking for a tutorial to do a Beatmeter like Sir Derriere in After Effect

Posted: Thu Jun 22, 2017 5:34 pm
by pl3b
Here's a tutorial for you: https://www.youtube.com/watch?v=c6FOuC0g7_w

There's ways to customize it more to your liking like strethching or squeezing the beats, changing the thickness or colorizing it.

I used to do it this way myself, but recently i swapped to what I personally see as cleaner:
Image
That however uses a completely different approach and has nothing to do with the tutorial above. If you're just beginning to add beatmeters to your videos, I'd strongly recommend to just stick to the waveforms, they're simple enough to create in relatively short time.

Re: Asking for a tutorial to do a Beatmeter like Sir Derriere in After Effect

Posted: Thu Jun 22, 2017 7:53 pm
by VinDickDiv
Based off of the timer in the upper left and the effects he is definitely using Adobe Premiere with After Effects. The tutorial that PLB gave you is what I would recommend. All of the other stuff you have to start looking for specifically via google or just messing with it yourself.

Re: Asking for a tutorial to do a Beatmeter like Sir Derriere in After Effect

Posted: Fri Jun 23, 2017 10:16 pm
by Caius Prepus
I played around it yesterday and did a decent beatmeter in AF EFFect,

Thanks for info

Re: Asking for a tutorial to do a Beatmeter like Sir Derriere in After Effect

Posted: Sat Jun 24, 2017 12:54 am
by book_guy
I like the beat-meter with Tori Black on it. Could you all do Tori Black beat-meters? That would be great. :-P

Re: Asking for a tutorial to do a Beatmeter like Sir Derriere in After Effect

Posted: Sat Jun 24, 2017 1:31 am
by Lanyx
Hey Pl3b, I don't recognize that meter. Is it in a project you are working on or do you have a masterpiece out there I haven't seen yet?

Re: Asking for a tutorial to do a Beatmeter like Sir Derriere in After Effect

Posted: Sat Jun 24, 2017 6:07 am
by pl3b
A project I'm working on. In fact I currently work on two at once :-)

Re: Asking for a tutorial to do a Beatmeter like Sir Derriere in After Effect

Posted: Mon Jun 26, 2017 4:26 pm
by Caius Prepus
I like your beatmeter with the dots too... :-P :-P

If even you feel like sharing your knowledge, don't be shy it will be appreciated around the community :smile:

Re: Asking for a tutorial to do a Beatmeter like Sir Derriere in After Effect

Posted: Tue Jun 27, 2017 4:08 pm
by pl3b
Well it's not very complex but it's not as easy to set up as a regular beat meter either. If you can't stand looking at some math or few lines of somewhat-code, feel free to skip over this :)
In short it goes like this:

This is what the meter composition looks like:
Image
It's made of big (middle) indicator that grows according to beats audio and small indicators that move (or rather - appear to move).

The key to all this is the ability to convert audio to numeric values (keyframes) and then tie it to specific layer property such as scale (for the middle one that grows) or opacity for the small ones (more on this later). To do that, all you need to do is to select the beat audio (without music) and go to Animation->Keyframe Assistant->Convert Audio to Keyframes (or rightclick the beat audio and find Keyframe Assistant there). This will cause a new layer to appear which has a keyframe in each time frame with a value that literally corresponds to how loud the beat audio is at that moment. It'll look something like this:
Image
Depending on how loud you exported the beats those values will be higher or lower. For me they're in range of about 0-20. At this point all you need to do is tie this to some value of a layer. For example - i want the middle indicator to go to 130% scale when there's a beat and then go back down to 100%. The way you tie some layer property to a value is using expressions. To tie a layer property to another value you Alt+leftclick on the stopwatch next to the property. This will open up expression editor where you type in your expression:
Image
In case of the scale changes from 100 to 130 when the beat happens, the expression is the following:
https://pastebin.com/pxYTTY4D
The first line retrieves the value from the keyframed audio layer (in my case - "BPMTool Audio Keyframes") and assigns it to variable v. Next line takes that value and linearily converts it from range 0-10 (I assume that audio above value of 10 is a valid beat) and converts it to range 100-130. Last line assigns the result value to x and y scale. That way we get the middle indicator pulsing accordingly to beats.

You repeat the process with the small ones except this time you tie it to opacity. The effect we want to achieve is the dot appearing for a single frame when there's a beat and disappearing after that until the next beat happens. However, it's not as simple as in the previous case, because if you simply applied the formula above (in range 0-100%) to opacity, you'd get your dot appearing and then slowly fading. The reason for that is that the beat audio doesn't instantly go up above given falue (in my case - 10) and then instantly goes to 0. Instead, it slowly fades. Therefore the expression in this case is as follows:
https://pastebin.com/Lrv1TJ0q
It looks at given audio frame value and the one before. If current is above threshold and previous is not (meaning we're just at the start of the beat) it sets the opacity to 100, otherwise it's 0. If it sounds a bit confusing to you - it's fine, just copy paste it, it works.
At this point we have a single small beat blinking for one frame every time a new beat happens.
What can you do with that though? Well, all that's left is setting them in a row one next to another and shifting them in time by one frame. It'll look something like this (I've disabled the opacity expression in the screenshot so that you can see exactly what I mean):
Image
As you can see, there's multiple duplicates of the same layer (which inside has the opacity set to mentioned expression) that are shifted in time by 1 frame - make sure it's 1 frame, otherwise it'll be blinking. At the same time, the layers are also separated in x position (first layer on the screenshot being the right-most one). The further apart you put them, the faster they'll appear to move. The effect should be the following - at given time when a beat happens, one layer blinks (opacity set to 100%) while others remain at 0%. Next frame that layer has its opacity set to 0 and next one (which is 1 frame later in time) appears. This gives an illusion of moving beats, while in fact all they do is appear and disappear.

At this point you're done. Just put all together: small and big beat comps, add music with beats audio, add video, captions and all the good stuff.

As I've said, it's not as easy. But you asked, so in case you're motivated, you should know how to do it now :)

Re: Asking for a tutorial to do a Beatmeter like Sir Derriere in After Effect

Posted: Tue Jun 27, 2017 9:21 pm
by Caius Prepus
thanks for all the info.

I did something a little bit similar but more basic with the animated circle I used as a beatmeter in the last Perfect 10. I will sure takes time to read it fully adn try this out because I like the style of your beatmeter a lot !

Thank for the time it took you for this after effect lesson, appreciated.

Re: Asking for a tutorial to do a Beatmeter like Sir Derriere in After Effect

Posted: Thu Jun 29, 2017 8:21 pm
by BadCompany
pl3b wrote: Thu Jun 22, 2017 5:34 pm Here's a tutorial for you: https://www.youtube.com/watch?v=c6FOuC0g7_w
Thanks that helped me out a ton.