Difference between revisions of "Help:Guide to Synchronization"

Jump to: navigation, search
m (Guide to Synchronization moved to Help:Guide to Synchronization: Moving to the Help namespace.)
(No difference)

Revision as of 19:12, February 26, 2007

Synchronization, or sync is the matching of images with audio to improve the impact of both. It is a vital part of many YTMND, but what seems like a simple task can actually be quite difficult. The purpose of this guide is to not only instruct on the basic idea of sync, but to also share the tips and tricks that can only come with experience.

The Building Blocks

Any sync'ed YTMND will require the use of a gif, an mp3 and the Flash Preloader.

The Gif
This guide won't be covering gif creation (will link it when someone makes the page for it), but the MAXIMUM file size that you want your animated gif to be is 3mb.
The Mp3
The sound file has to be in mp3 format because the flash preloader does not yet recognize a wav. While this is disadvantageous due to the short pause the mp3 codec adds to the end of an mp3 file, we'll just have to live with it until Syncan wraps the the .wav support for the preloader.
The Flash Preloader
As easy to use as clicking a checkbox. Check the wiki for the preloader if you seem to be too retarded to handle that.

The Tools

You are going to, of course, need an image and a sound editor. Which one doesn't matter as long as you can edit the time each frame of your gif is on screen.

Also, a nice tool is the YTMND Previewer by Error. It doesn't have the flash preloader (if someone could add it, that would be amazing by the way!) so the sync will never be quite perfect, but it is excellent to get everything near-perfect before having to endure the load times (and bandwidth rape on max) from the upload/preview/reupload/repreview process.

The Process

The process that leads to sync is an easy, if not tedious, one.


First, go to the site creation screen. If you are on the site creation screen that has everything listen on one page, that is NOT the one you want. From that page, click the "create a site" button again and you should wind up on this page.

Lie while agreeing to those terms, fill out the title and such then upload your image and audio. If you're stumped by this, there is a site creation help page located here.


AFTER selecting to use the flash preloader with a 0 delay, select "preview" to see your site. This is what the world will see when you post your site. On the first try, the sync will be roughly NOWHERE NEAR what you want. But that's ok, just close the preview window, and hit the "previous" button to go back to the image/audio upload screen. Go back to your image editor to change the timing on your image. Once the next version of your GIF is ready, re-upload the new, slightly improved sync version of the image.

The problem with this sort of editing is if you're not organized when changing the timing of your gif over and over, eventually it can become a complete mess.

Getting it Right (anchor points)

The actual strategy for this varies from user to user, so I'll just share what works best for me.

  1. Listen closely to your audio. Pick out "major sound events" like action sounds (gunshot, fall sound, etc) and, with a person's voice, make sure the hard sounds match up (hard sounds in the word cardboard for example are "CarDBoarD") or anything else that gets your attention. Consider these your "anchor points" in your audio.
  2. For every "anchor point" in your audio, find the image in your GIF that matches that sound (the image of the gun firing, the positions of the guy's mouth as he makes the C, RD, and D sounds).
  3. Start in the beginning of your GIF, and change the timing of the first images leading up to your first anchor point. Once the audio and video have their first anchor points meeting, move onto the second anchor point.
    IMPORTANT: Be careful not to change timing in the beginning of the gif without realizing that it alters the timing for the later anchor points. It seems obvious, but when you get into sync'ing, you can overlook this.
  4. Just work your way further and further along the anchor points until you've matched them all up.


We'll use Gooodman Feeds as our example.

  • In the audio, the major sound events are (in order):
    • The Roar
    • The Bird
    • Over The Line
  • davedevil16 matched up the head bursting through the mud to the roar, the bird to the bird, and Goodman's open piehole to the word "LINE"
  • So first he uploaded his rough image and audio, then Preview'ed it.
  • He went back and changed the image timing so the head pops out as soon as the roar starts.
  • Upload the new image, fine tune the timing until it matched up just right.
  • Once the roar/head happen at the same time, sync'ing up the bird was next. Then the "over the line".

That's almost it, except for one important part.


Getting your image to loop properly is an easy enough step, usually only requiring minor shortening/lengthening at the end of the image and/or audio. As a general rule, I try to make sure my shorter YTMND's don't loose sync while repeating for at least 8 loops. With the longer ones, 3 or 4 times is fine.

Just consider how many times you sit and watch the same YTMND loop for half a dozen times, and how disappointing when the audio and video desync after the very first run through.

Final Word

This is just my approach. I encourage everyone to add to it (and maybe clean up my poor focus for me) with their own personal technique. If anyone has any suggestions but don't want to wiki edit, just send me a YTMND message.


Originally posted by MrStump.
If you contribute, be sure to leave your mark.