-
Ahron’s Scribble Tutorial (and making scribble bounce to music)
Hey Guys,
Two things: Saw Aharon @ NAB, and he’s even cooler in person…haha when I talked to him I thought I was watching another tutorial video…Second thing: On the sribble effect, I really wanna recreate the effect from the the liar video for taking back sunday…does anyone know a simple way to make an stroke animate to a music track in the ae timeline (not necessarily using the scribble effect)…in a similar way the lines coming out of the plane vibrate to the beat…
thanks for the help, I appreciate it a ton!!
-
2 Replies
-
OK, they may be a shorter way, but this works. It’s lengthy, a min tutorial, but I wanted to do this as I know I’ll use it later.
Basically it’s:
Add Audio
Convert Audio to Keyframes (to get the y displacement values of the line and needle).
Make a mask for the Stroke effect to draw the line. To change that mask shape to the reflect the audio y displacement I needed to create a new small white solid, I then animated it left to right (for the x movement) then I added the y displacement with an expression, then converted that expression (the expression incorporates the x keyframed values) to keyframes. We can paste those keyframes into that 2 point mask to get the shape for our audio line.
Add stroke to the mask then animate it’s position.
Add another mask to reveal the line.
Add a needle and match it to the line.DETAILS
Add the Audio layer.
Convert audio to Audio Keyframes.
Add a new solid layer (black) and name it “Line”. Draw a 2 point mask, left to right (Pen Tool).
To get the mask shape for a later Stroke effect:
Make a new small solid (30×30). Then select the mask shape (2 point mask) and Copy, then Paste that into the position of the small white solid. This position animation will paste in as 2 seconds, so drag the right keyframe to the end of the audio.
To add in the y amplitude of the audio keyframes, add an Position expression (Alt click the Position stopwatch, then paste in the expression below) to the just animated small white solid layer:temp = thisComp.layer(“Audio Amplitude”).effect(“Left Channel”)(“Slider”)*5;
[position [0], position [1] – temp]I multiplied the audio by 5 (*5) to get a bigger y response. Watch how high the white solid jumps up as you drag the Time Indicator and use your own multiplier (my *5) to get the response you want.
Now select the Position, expression and Animation>Keyframe Assistant>Convert the expression to keyframes.
Select Position again, copy, then paste those keyframes into the Mask Shape of that 2 point mask. Go up and turn off the eyeball for that small white solid. Don’t delete it we need the keyframes later to match the needle to the line.Apply Stroke to the mask.
Add a needle. A new small solid (green for mine, 40×20) with a triangular mask. Drag the needle until it’s point is on the end of the line (right side).
OK, the Line layer get’s it’s Position animated left to right. Go to the end of the Line layer(o) set a position keyframe. Go to the beginning of the layer (i) and drag the x value to the right until the beginning of the line is on the needle point.
Now we need to animate the needle Y to match the line. Add this expression to the needle layers position (Alt click and paste):temp = thisComp.layer(“White Solid 4”).position[1];
[position [0], temp]Note: the *5 needs to match you multiplier.
All you need now is a new solid layer with a mask, between the needle and line layer.
So new black solid (comp size). and with the Rectangular mask tool drag a mask from above the needle, down and to the right, masking off the area to the right of the needle.
OK, if the needle isn’t right on the line as it should be (it might be a few frames off), you need to convert that expression to keyframes, then slide the layer left or right until it’s right. I had to slide mine about 4 to the right. This indicates to me that I’m making a mistake somewhere in my setup as it should be right on, but I’m guessing you’ll have to tweak this like I did.You might also have to adjust that revealing mask between to needle and line layer to get the look right. But mine came out pretty good.
So layer-wise it’s like this:
1 Needle layer
2 Solid with Mask for reveal of line
3 Line layer -
got it, thanks!
Reply to this Discussion! Login or Sign Up