Как сделать переход с картинкой

Любой видеоредактор со слоями и анимацией. На верхний слой - шарик, ниже - замещающий ролик 2, ниже - замещаемый ролик 1. В определенный момент времени шарик и ролик 2 (до этого находящиеся за кадром) начинают одновременное движение в кадр. Шарик находится на стыке, чтобы стыке не было видно. Потом при перекрытии всего кадра ролик 2 останавливается. Шарик же останавливается чуть погодя, пока не скроется из кадра.
Самый простой редактор, в котором можно так сделать - Express Animate.

так собственно накладывай свою картинку с шаром на стык двух видео и анимируй ее по оси Х

Хочу сделать где, в какой программе?

В чем проблема? Скачиваете футажные переходы с альфой. Ставите на дорожку выше. Покадрово находите кадр перекрытия, отрезаете левую часть, подсовываете на линию стыка справа, вытягиваете назад левую часть. Все. Если нет альфы, а черное. Эфффекты-Кееры-Бленд_Скрин.

Сам принцип довольно прост.
На нижнем слое замещаемая картинка
Выше - новая картинка, выведенная, допустим, за правую границу экрана.
Еще выше - предмет для перехода (допустим шар). Тоже за правой границей экрана.
Двигаешь шар справа налево вместе с новой картинкой, держа левую границу картинки по центру шара. Когда новая картинка перекроет замещаемую, дальше двигаешь уже только один шар за левую границу.
Если шар еще и крутиться, то эффект перехода будет еще более эффектным. Это можно сделать либо найдя GIF-картинку шара, либо средствами самого видеоредактора.

В Vegas этот процесс будет выглядеть примерно так:

Это изи