Creating Karaoke Style Text Urgent

[Roland R. kahlenberg]

This was supposed to be a tutorial for the COW. But since you’re desperate … .

You’ll need a layer to act as the VisualSelector. I’ve used a solid named Royal Blue Solid 1. It can be the ubiquitous karaoke ball or anything that you want. The idea is to keyframe this layer so that it’s x-location is where you want the text to change its property(ies). You can switch it off its visual if you don’t need it. The process in creating such an effect helps if you have an object/layer that guides you as to the location of the effect. What you need to do is to listen to the song and then simply animated the layer so that it is in sync with the lyrics with respect to the text layer’s rendition of the lyrics. A small layer works best – 20×20 or set it to your requirements.

You’ll need to place the script into the prescribed property for each text layer.

Instructions:
Copy and past this script into a Text Layer’s Range Selector’s Start Property. Apply a Text Animator to any property that you want to animate, for example Fill Color or Scale etc. maxNumberKeyframes is crucial. You need at least two keyframes for the VisualSelector layer. There are times when there is a pause to the singing and that is where you may need more keyframes. Just ensure that maxNumberKeyframes tallies with the number of keyframes that you have for each text layer.

I’ve added an Adjustment to the script for finetuning purposes. This comes in handy if the VisualSelector looks to be lagging or ahead of the effect. If you wanted a sphere/bulge effect then simply pickwhip the required parameter onto the VisualSelector’s position property. You will have to offset the value for y-position, for the sphere/bulge effect so that the effects sits directly on the text. For that, use this script on the position for Sphere/Bulge:
//Start of Script
SphereLocation = thisComp.layer(“Royal Blue Solid 1”);
[SphereLocation.position[0],SphereLocation.position[1]+30]
//End of Script

//Start of Script
VisualSelector = thisComp.layer(“Royal Blue Solid 1”);
Start = VisualSelector.position[0];
maxNumberKeyframes = 4; //insert the number of keyframes you have for the text layer;
StartAdjustment = 10;
EndAdjustment = -10;
linear(Start,thisComp.layer(“Royal Blue Solid 1”).position.key(1)[0]+StartAdjustment,thisComp.layer(“Royal Blue Solid 1”).position.key(maxNumberKeyframes)[0]+EndAdjustment,0,100)
//End of Script

HTH

Roland Kahlenberg
broadcastGEMs
customizable animated backdrops with Adobe After Effects project files

[Espnetboy3]

Wow RoRK this looks pretty advanced but ill give it a shot tomorrow. I really apreciate the time you took to write this out for me. Much apreciated.

[Espnetboy3]

Can anyone put this in more basic terms? I dont really deal with adding scripts in AE.

[Roland R. kahlenberg]

For some reason linking to an AEP in the forum here just isn’t happening. Let me have your email and I’ll send the AEP that way.

Cheers
Roland Kahlenberg
broadcastGEMs
customizable anmated backdrops with Adobe After Effects project files

[Filip Vandueren]

I created a script a while ago that will highlight the next word responding to markers,
You can highlight the words using any text-property that can be animated: color, size, opacity, blur whatever.

read the post here, there are a few examples in flash and the project file for downloading.

karaoke after effects