Somewhat, simple karaoke text animation [CS3] by fl0wzz

Final Product:

*Prepare for the long, monotonous directions* XD

Step 1: Create a new document; decent size, with transparent background.
Step 2: Select Type Tool, font style, and font size.

Step 3: Enter text. When you enter your text, you will need to enter each
letter individually as in on different layers. Dont worry about placement of the letters right now.
<a href="http://i88.photobucket.com/albums/k174/mc_chinh/karaoke%20pts%20tut%20imgs/Capture_01052008_143051.jpg" target="_blank">http://i88.photobucket.com/albums/k174/mc_...2008_143051.jpg</a>

Step 4: Rearrange your layers list so its easier to understand. Then go to View > Show > Grid. Once you have a grid, you can rearrange your letters around easier. After youve rearranged the text, you can turn the grid off.
<a href="http://i88.photobucket.com/albums/k174/mc_chinh/karaoke%20pts%20tut%20imgs/Capture_01052008_143155.jpg" target="_blank">http://i88.photobucket.com/albums/k174/mc_...2008_143155.jpg</a> <a href="http://i88.photobucket.com/albums/k174/mc_chinh/karaoke%20pts%20tut%20imgs/SCRN_0016.jpg" target="_blank">http://i88.photobucket.com/albums/k174/mc_...s/SCRN_0016.jpg</a>
*I changed the font here cause the other one was kinda dull...

Step 5: Go to your layers list, and duplicate all the layers.


Step 6: Next, apply some effects to the copies. Right Click on layer in layers list > Blending options. All I did was add an outer glow.

Step 7: Go to Window > Animation. Then duplicate the first frame for the amount of letters you have.





Step 7.5: Animation. What to do in each frame:
______________________________________________________________
*Do the appropriate amount of frame steps as needed. Im only explaining 6 because there are six #/ltrs in fl0wzz *
-First frame:
1. Disable the visibility of the first original letter and enable the visibility of the other originals.
2. Enable the visibility of the copy of the first letter and disable the visibility of the other letter copies.
-Second frame:
1. Disable the visibility of the second original letter and enable the visibility of the other originals.
2. Enable the visibility of the copy of the second letter and disable the visibility of the other letter copies.
-Third frame:
1. Disable the visibility of the third original letter and enable the visibility of the other originals.
2. Enable the visibility of the copy of the third letter and disable the visibility of the other letter copies.
-Fourth frame:
1. Disable the visibility of the fourth original letter and enable the visibility of the other originals.
2. Enable the visibility of the copy of the fourth letter and disable the visibility of the other letter copies.
-Fifth frame:
1. Disable the visibility of the fifth original letter and enable the visibility of the other originals.
2. Enable the visibility of the copy of the fifth letter and disable the visibility of the other letter copies.
-Sixth frame:
1. Disable the visibility of the sixth original letter and enable the visibility of the other originals.
2. Enable the visibility of the copy of the sixth letter and disable the visibility of the other letter copies.

-Any more frames! (I think you get it by now but...):
1. Select frame.
2. Disable the visibility of the original corresponding letter and enable the visibility of the other originals.
3. Enable the visibility of the copy of the corresponding letter and disable the visibility of the other letter copies.
______________________________________________________________

Step 8: Tween.
1. Set the delay time on all frames to 0.1 sec.

2. Select frame 1. Then click Tween. Choose tween with: next frame and add 2 frames. The tween button is right next to the duplicate button.

*Since you have added 2 frames, your next original frame will be 2 frames after the previous original, so it would look something like this:

(The highlighted ones are the original frames.)
3. Tween the rest of the original frames, except for the last one.
4. Test it out. Press the little play button.

Step 9: Crop
Made your canvas size too big? Just crop it using the Crop Tool. Select the area with the text with Crop Tool then Right Click > Crop.


Step 10: Save
1. You might want to save it as a .psd file for later editing or reference. File > Save (Ctrl + S)
2. Save as a .gif: File > Save for Web & Devices (Alt + Shift + Ctrl + S)
_____________________________________________________________________

Sorry if that was a bit long and confusing. haha :lol:
Post your attempts