простой урок, для самых, так сказать, не опытных)))
[400x100]
1. Откройте в Фотошопе изображение, с которым вы хотите работать.
2. Создадим новый слой (Control+Shift+N)
3. Возмите eliptical marquee tool(выделение кругом) и сделайте круг.
4. Залейте круг цветом (#FFFFFF) (можно и любым цветом, на свое усмотрение)
5. Идите в [Edit(правка) > Stroke(контурировать)] с этими параметрами
[298x320]
6. Поменяйте bleending mode(смешивание) на Soft Light(мягкий свет)
[205x82]

7. Теперь идем в Image Ready нажав Control+Shift+M
8. Поставьте круг в то место, где у вас будет начинаться анимация
[565x159]
9. Продублируйте фрейм.
[463x131]
10. Передвиньте круг в место, где будет заканчиваться анимация.
[565x161]
11. Выберите оба фрейма, удерживая нажатым shift, и затем кликните на первом. Теперь жмём на кнопку tween.
[466x131]
12. Выставим такие параметры:
[380x223]
13. Повторим начиная с шага 8, только вернём наш круг назад, чтобы создать зацикленную анимацию.
14. Готово. Сохраните через [ File(файл) > Save Optimized As(сохранить оптимизированное как...)] в .gif файл.
[400x100]