[показать]1. Данный урок можло использовать на не очень большх изобрадениях он занимает мало места но оживит к примеру баннер или то что сейчас будем делать (назову пока подписью)
2. Создаем новое изображение к примеру по уроку это будет 150х20 Файл-новый = File-New.
3. теперь наш урок раздвоиться на две часть
-1часть- пункты 4-10 - для тех кто хочет все сделать)) или может другой размер исходника
-2часть- пункты 11-14 - для тех кто не хочет детально возться или не получается
4. И так 1я часть. Делаем все сами. значит мы создали новый.. теперь закрашиваем его любым цветом:
[показать]
5. Далее выполняем обводку в 3рх. Редактировать-выполнить обводку = Edit-Stroke. Я сделала черным цветом вы можите выбрать другой. [показать]
6. Теперь печатаем любой текст.. любым цветом и шрифтом. [показать]
7. Создаем 3 новых пустых слоя [показать]
[показать] увличиваем маштаб на 1600%
[показать]
9. Теперь для чего нам данная линейка) выбирам инструмен его обвела в красный овал.. и с помошью его выделяем 2пикселя их тоже указала примером штрихпунтира))) 
[показать]
10. Закрашиваем данный прямоугольник белым цветом (у меня он будет хорошо виден вы можете выбрать другой цвет)) Заметим что этот прямоугольник состоит из 2х квадратов теперь отступая 3 таких кватрада опять выделяем прямоугольник из 2х квадратов и закрашиваем белым.. И так вокруг по нашей обводке будем соблюдать 2 через 3 вот так (см рисунок ниже):
Что бы ускорить процесс сделав 3 таких прямоугольника, сделайте копию этого 1го пустого слоя ctrl+J и подвинув на необходимое расстояние, и еще раз копию подвигая так вы сразу будете двигать готовые прямоугольники а не вырисовывая их.
- и так вы сделали такой пунктир во всему перемитру обьядените это в 1 слой ctrl+E
- теперь работаем со вторым пустым слоем отступив от края уже 2 квадрата и далее продолжая опять чередовать 2 через 3. и опять закончив обьядените это в 1 слой ctrl+E
- после и третий.. все три начала данного пунктира я показала на изображении:
(его покажу большой картинко так как она самая главная в данном уроке=)) [показать]
(если вы выбрали 1ю часть то переходите сразу к пункту 15)
11. И так 2я часть. у вас не получается или вам просто не хочется мучаться с штриховкой то сохраняйте данное изображение и открывайте его в ИР и переносите в ФШ что бы анимаия сохранилась:
[показать]
12. теперь выбирая инструмент "волшебная палочка" нажимаем на белый центр [показать]
13. Создаем новый пустой слой, и закрашиваем любым цветом .. перетаскиваем его на самый вверх что бы был виден в каждом кадре.
14. Теперь печатаем любой текст.. любым цветом и шрифтом.
(если вы выбрали 2ю часть то переходите сразу к пункту 17)
15. И так у нас есть (перечисляю с низу вверх): 1. слой цветной с обводкой 2.слой с текстом 3.первый слой с пунктиром 4.второй слой с пунктиром 5.третий слой с пунктиром. --- ок? тогда все правильно ---
16. Создаем анимацию.. создав 3 кадра скорость 0.1с : 1й кадр вины все слои + 1й слой с пунктиром.. 2й кадр вины все слои + 2й слой с пунктиром.. 3й кадр вины все слои + 3й слой с пунктиром [показать]
17. УРА!! теперь какую бы часть пути вы не выбрали мы вместе
[показать]18. И так либо вы закончили урок или далее украшаем по вкусу и сохраняем для web в Фш в формете GIF