This is for Sony Vegas but I'm sure the other software
is probably a bit similar when using this kind of effect/transition.

If there are any questions, please ask.

good tut, btw how do you sync the preview with the one on the pancrop preview?

The button in the pan/crop tool just under the timeline.
It's already enabled in the image, it's called "Sync Cursor".
Also, sometimes it might not sync everything correctly, usually when
the aspect ratio of the pan/cropped image is different than your preview.
Still haven't found a workaround that,
but I'll probably post something if I do.