PSD

(Если не умеем - сначала учимся его создавать, а потом уже смотрим сюда )

01. Создаем новый слой.
(если на вашем юзербаре присутствует слой, который придает объемности - помещаем новый слой под него)

02. Берем Инструмент Прямоугольная область и выделяем небольшой квадратный участок

03. Берем Инструмент Градиент. Основной цвет выбираем черный, рисунок градиента - от черного к прозрачному. Тогда проводим курсором линию в центре выделенной области слева направо.

Затем выделение снимаем.

04. Создаем новый слой (над нашим слоем с градиентом) и рисуем на нем наш "пульс". Пока, для примера, я беру обычную кисть и рисую просто линию. Как рисовать сам пульс рассказано в следующем посте

05. Наводим курсор между слоями с градиентом и с пульсом.

Затем зажимает Alt и кликаем левой клавишей мыши.

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

06. Теперь перейдем к созданию самой анимации.
В слоях выделяем наш шар с градиентом. Берем Инструмент Перемещения и тянем наш градиент слой левой клавишей мыши влево до того момента, пока изображения не будет видно.

07. В меню выбираем Окно => Анимация (Для CS2 переходим в Image Ready - Shift+Ctrl+M). Открывается новое окошко. В нем выбираем изображение листика (Дублировать кадр) и нажимаем его один раз.

09. Выделяем в окошке анимации второй кадр, опять берем Инструмент Перемещения и тянем наш градиент слой теперь уже вправо до того момента, пока изображения опять не будет видно.

10. В окошке анимации нажимаем клавишу с кружочками (Создать промежуточные кадры)

Появляется новое окошко Создать промежуточные кадры. В пункте Фреймы, которые надо добавить, прописываем "150". После этого у нас в окошке анимации появляется 152 кадры.

11. Нажимаем Файл => Сохранить для Web и устройств. Сохранияем в формате *.gif

И вот наш результат

Затем, рисунок пульса можно делать и сложнее. Но сам принцип остается тем же.

Рисуем пульс (Дополнение к уроку выше)

 Выполняем всё до 4 пункта, в том месте, где необходимо нарисовать сам пульс

01. Первым делом выбираем инструмент Pencil tool (B) и выбираем в палитре нужный нам цвет, которым будет окрашен наш пульс. Далее берём инструмент Pen tool (P) и рисуем наш пульс.

Теперь кликаем правой кнопкой мыши, и в появившемся меню выбираем Stroke Path

В появившемся окне выбираем Pencil

Наш пульс окрасится выбранным ранее цветом. Если результат нас устраивает, то мы можем удалить путь от Pen tool - для этого кликаем по картинке правой кнопкой мыши, и выбираем Delete path

02. Теперь нам необходимо "размножить" наш пульс. Для этого в панели слоёв кликаем на нашем слое с пульсом правой кнопкой мыши, и выбираем Duplicate layer. Теперь выбираем слой-копию, и инструментом Move tool (M) сдвигаем его вправо, чтобы он стал продолжением нашего первого слоя с пульсом.

В панели слоёв выделяем оба слоя с пульсом, снова щёлкаем правой кнопкой мыши, и выбираем Merge layers. Теперь снова повторяем пункт 2 - дублируем, сдвигаем, объединяем слои. И так до тех пор, пока пульсом не будет заполнено необходимое нам пространство Продолжаем урок в предыдущем посте (пункт 5 и далее).
-------------------------------------