Выбираем слой c изображением, который мы хотим анимировать, и помечаем его оранжевым цветом (прим. переводчика, честно говоря, я не понимаю зачем нужен шаг.)

Убедитесь, что слой выделен (1), потом выбираем инструмент Move Tool (2), и перемещаем его в положение, как показано на рисунке(3).

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

Затем нажимаем кнопку 'duplicate frame'.

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

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

Параметры tween:

Результат:

Нажмите play, чтобы просмотреть анимацию:

Если вы считаете, что анимация слишком быстра, то отмените tween (edit->undo tween), и повторите эту операцию сначала(предварительно убедившись что выбран первый кадр), но в параметрах поставьте 50 кадров.

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

Теперь нужно сохранить наше творчество, и желательно оптимизировать. Параметры оптимизации находятся на рисунке:

Параметры оптимизации можете менять по своему усмотрению, сохраняем:
file -> save optimized as

Теперь у вас есть готовый анимированный userbar.