Откройте уже готовый Userbar, который вы хотели анимировать. Откройте окно анимации (Window -> Animation).

Выделяем нужный слой (1), потом выбираем инструмент "Move Tool" (2), и перемещаем слой в положение, как показано на рисунке (3) (перемещения можно совершать с помощью курсоров на клавиатуре).

Кликните на небольшую стрелку, которая обозначена на рисунке, чтобы изменить задержку времени в 0,1 секунды.

Затем нажимаем кнопку "Duplicates selected frames".

Выберем только что сделанный нами кадр (1), берём "Move Tool" и перемещаем в положение, как показано на рисунке (2) (перемещения можно совершать с помощью курсоров на клавиатуре).

Теперь выбираем кадр №1 (1), и щелкаем на кнопку "Tweens animation frames" (2). Таким образом, у нас получится последовательность анимации между первым и вторым кадром.

Параметры "Tweens animation frames":

Нажмите "Plays animation", чтобы просмотреть резуьтат:

Если вы считаете, что анимация слишком быстра, то отмените "Tweens animation frames" (Edit -> Undo Tween), и повторите эту операцию сначала (предварительно убедившись, что выбран первый кадр), но в параметрах поставьте 50 кадров.

Получается не совсем красиво, когда нет паузы между концом и началом анимации. Чтобы это исправить переходим к последнему кадру и изменяем задержку времени на одну секунду.

Теперь нужно сохранить наше творчество, и желательно оптимизировать. Идем по адресу File -> Save for Web & Devices..., переходим к закладке "Optimized", выставляем указанные ниже параметры и жмем "Save" (параметры оптимизации можете менять по своему усмотрению).

Вот и всё!