Сразу же покажу, что примерно должно получиться в результате этого урока

Создадим новый документ. Его можно создать и с такими параметрами, можно с другими. Тот значок, что вы видите выше, создан с параметрами 200х200 пикселов. Если вы не планируете делать анимацию то фон нужно сделать белым.

Обратимся к палитре инструментов и выберем инструмент Произвольная фигура (Custom Shape) вверху появились настройки для этого инструмента. Найдем похожую на орден фигуру. Нарисуем ее.

Растеризируем нашу фигуру - щелкните правой кнопкой мыши по слою с фигурой и выберите команду  Растеризовать слой (Rasterize Layer)

Выделите фигуру (зажмите клавишу Ctrl и щелкните по слою с фигурой левой клавишей мыши)

Перейдите на палитру цветов и выберите 2 цвета одного оттенка (один чуть светлее, другой чуть темнее). Я выбрала бирюзовые цвета темный #188BB3 и светлый #65D9DC. Создайте новый градиент с такими цветами. Если вы не знаете как это делается, то вам сюда http://www.mamask.ru/forum/index.php?to … 0#msg17180

И залейте нашу фигуру таким образом

Снимите выделение клавишами Ctrl+D

Фигуре следует придать немного эффектов.
Нажмите кнопку Добавить стиль слоя  внизу палитры  Слои (Layers).

Выберите  Тень (Drop Shadow) и установите следующие параметры.

Затем  Тиснение (Bevel and Emboss) и установите следующие параметры.

Далее  Глянец (Satin)

И в заключении  Обводка (Stroke)

Если у вас сложности с установкой градиента обводки, то можете оставить один темный цвет.
На самом деле здесь все просто: щелкнув на линии где вы видите цветной градиент, появится еще одно окошко, где вам нужно будет установить три флажка - 2 по краям с темным цветом и 1 со светлым.

В итоге должно получиться так:

Для следующего этапа нужно создать НОВЫЙ слой

Нажмите на букву "D", чтобы сбросить палитру цветов на черно-белую
Верхний цвет должен остаться белый.

Убедитесь, что новый слой у вас активен.
Выберите инструмент круглое выделение
И выделите небольшую часть значка.Вот так:

Обратитесь к палитре  Слои (Layers) и установите такие параметры для слоя  Слоя 1 (Layer 1). Теперь выберите инструмент заливка  и залейте выделение белым цветом.
Уберите выделение Ctrl+D
После выполнения всех действий рисунок будет выглядеть вот так:

Осталось добавить имя владельца этого значка. У меня получилось вот так.

После добавила немного объема.

Получился вот такой  значок:

Вобщем работу по созданию значка можно считать законченной. Осталось сохранить его в формате gif (Файл - Сохранить для Web...)

Если же вы хотите узнать, что такое анимация, то я попрошу еще несколько минут вашего внимания. Я специально не добавляла никакого блеска нашему значку. Мне кажется, что именно так он выглядит более солидно. Создадим эффект мерцания. Для этого мы должны убрать некоторые лишние элементы с нашей работы. Что бы увидеть их сделаем подложку черным фоном. Создайте новый слой, переместите его под слой со значком и вы увидите лишнюю фигуру, которая будет мешать нашей анимации. Что бы ее убрать я выбрала инструмент Волшебный ластик и просто стерла все лишнее, пройдитесь и между зубцами тоже.

Черный слой удалите. Он нам больше не нужен.

Создайте новый слой над слоем со значком и добавьте следующий градиент. Это должно выглядеть  вот так:

Жмем Ctrl + Alt + G  (или Ctrl+G, попробуйте на вашей версии фотошоп) - это мы создаем обтравочную маску,  и устанавливаем режим наложения  на overlay (перекрытие). Обравочная маска служит для того, чтобы верхний слой распространялся только на слой, находящийся под ним, а не на весь рисунок. Создать обтравочную маску или  группу отсечения  можно нажав клавишу Alt, щелкнув по линии, разделяющей имя этого слоя и имя слоя, расположенного непосредственно над ним (курсор примет вид двух перекрывающих друг друга кружочков) (Слои, отобранные для группы отсечения, должны быть последовательно расположены на палитре. Слои могут быть сгруппированы с набором слоев, но не со слоями, расположенными за его пределами)

Располагаем слой с градиентом вот таким образом и создаем еще один слой. Уменьшите непрозрачность слоя с градиентом примерно до 50 процентов.

Теперь создаем анимацию.
Для версии Cs2 переходим  на Image-ready
Для версии Cs3 и выше Окно-Анимация

Видим окошко анимации

Нажимаем следующую  кнопку Duplicates current frame (Дублировать выделенные кадры):

Изменяем расположение градиента для второго кадра. Находясь на втором кадре перетаскиваем градиент светлой полосой так, как показано на скриншоте. Возможно здесь придется поэкспериментировать и сделать этот шаг ни один раз. Будьте внимательны. У меня стал виден темный участок слоя с градиентом. Взяв, мягкий ластик, я стерла его до светлого блика. Возможно вам придется даже трасформировать градиент, для того что бы он проходил равномерно через весь знак. Экспериментируйте, смотрите, делайте как вам больше нравится.
Для более медленной анимации на этом этапе возможно выставление времени проигрывания каждого кадра. Можно  поставить 0.1 сек. Для этого правой кнопкой мыши щелкните внизу кадра в окошке анимация и там можно выбрать время проигрывая каждого кадра. Но это все познается только опытным путем. Пробуйте, смотрите. Только не забудте в палитре история поставить значок архивной кисти, что бы была возможность вернуться к исходному моменту, а не переделывать всю работу заново.

Нажмите  tween (создать промежуточные кадры), это кнопка с точками, и установите следующие параметры:

Жмем на кнопку запуск воспроизведения анимации. Любуемся.

Здесь же можно уменьшить наш значок без потери анимации. Изображение - размер изображения. Ставим нужный размер. Сохраняем анимацию. Файл - сохранить для web...со всем соглашаемся. Анимация готова.