1. Создаём новое изображение:

http://www.designarts.ru/lessons/photoshop/13/1.png

2. Фон зальём белым цветом (спомощью Paint Bucket Tool). Затем выбираем инструмент Ellipse Tool, зажимаем клавишу Shift и рисуем круг любого цвета:

http://www.designarts.ru/lessons/photoshop/13/2.png

3. Заходим в Blending Options слоя с кругом (правый клик по слою на панеле слоёв, там выбираем пункт Blending Options...) и переходим на вкладку Drop Shadow (отбрасывание тени), там выставляем следующие значения:

http://www.designarts.ru/lessons/photoshop/13/3.png

4. Переходим на вкладку Inner Glow (внутреннее свечение) и там делаем как показано ниже:

http://www.designarts.ru/lessons/photoshop/13/4.png

5. А на вкладке Gradient Overlay делаем вот-так:

http://www.designarts.ru/lessons/photoshop/13/5.png

А это градиент в подробностях (чтобы открыть это окошко, нажмите по цветной полосе справа от надписи Gradient:) — красными цифрами обозначены шестнадцатеричные коды цветов:

http://www.designarts.ru/lessons/photoshop/13/6.png

6. Жмём Ok, снова Ok и видим такой результат:

http://www.designarts.ru/lessons/photoshop/13/7.jpg

7. Нарисуем ещё один круг, но немного меньшего размера (тем же способом, что и ранее):

http://www.designarts.ru/lessons/photoshop/13/8.png

8. Заходим в Blending Options слоя с верхним кругом, на вкладку Inner Shadow (внутренняя тень) и там выставим следующие значения:

http://www.designarts.ru/lessons/photoshop/13/9.png

9. На вкладке Outer Glow (внешнее свечение) такие:

http://www.designarts.ru/lessons/photoshop/13/10.png

10. А на вкладке Gradient Overlay выставим следующие параметры градиента (красными цифрами указаны шестнадцатеричные коды цветов — устанавливаются в подробных настройках градиента, как было показано ранее):

http://www.designarts.ru/lessons/photoshop/13/11.png

11. Не закрывая окно Layer Style перейдём в окошко для рисования, зажмём левую клавишу и сместим градиент немного вниз и вправо, как показано ниже:

http://www.designarts.ru/lessons/photoshop/13/12.jpg

12. Теперь в окне Layer Style можно нажать Ok. Выберем инструмент Rounded Rectangle Tool, радиус скругления углов поставим равным 15 пикселей (Radius: 15px) и нарисуем фигуру следующего вида:

http://www.designarts.ru/lessons/photoshop/13/13.jpg

13. Применим к этой фигуре несколько эффектов. На вкладке Drop Shadow вот такие:

http://www.designarts.ru/lessons/photoshop/13/14.png

14. На вкладке Outer Glow такие:

http://www.designarts.ru/lessons/photoshop/13/15.png

15. На вкладке Inner Glow вот аткие:

http://www.designarts.ru/lessons/photoshop/13/16.png

16. И наконец-то перейдём на вкладку Gradient Overlay и настроим параметры градиента:

http://www.designarts.ru/lessons/photoshop/13/17.png

Вот так выглядит окошко с подробными настройками градиента:

http://www.designarts.ru/lessons/photoshop/13/18.png

17. Жмём везде Ok и получаем следующий результат:

http://www.designarts.ru/lessons/photoshop/13/19.jpg

18. Получилось что-то похожее на дорожный знак :) Давайте добавим какой-нибудь текст (цвет текста не важен). Я написал название сайта:

http://www.designarts.ru/lessons/photoshop/13/20.jpg

19. применим некоторые эффекты. Сначала Inner Shadow:

http://www.designarts.ru/lessons/photoshop/13/21.png

20. Затем Outer Glow:

http://www.designarts.ru/lessons/photoshop/13/22.png

21. А после Gradinet Overlay:

http://www.designarts.ru/lessons/photoshop/13/23.png

С вот-такими настройками цвета:

http://www.designarts.ru/lessons/photoshop/13/24.png

22. Жмём везде Ok. На этом этапе мы начнём рисовать блики. Для этого сразу нарисуем ещё один круг, такого же размера как и круг всерху:

http://www.designarts.ru/lessons/photoshop/13/25.png

23. Сейчас берём инструмент Direct Selection Tool и трансформируем круг следующим образом (если вам не хватит опорных точек, то их можно будет добавить с помощью Add Anchor Point Tool):

http://www.designarts.ru/lessons/photoshop/13/26.jpg

24. Применим к полученной фигуре некоторые эффекты. сразу уберём параметр Fill Opacity до нуля:

http://www.designarts.ru/lessons/photoshop/13/27.png

25. Затем добавим внутреннее свечение (Inner Glow):

http://www.designarts.ru/lessons/photoshop/13/28.png

26. И добавим градиент (Gradient Overlay):

http://www.designarts.ru/lessons/photoshop/13/29.png

Так выглядит окно подробной настройки градиента (напоминаю, что в нижних квадратиках выставляется цвет — в данном случае он белый, а в верхних — непрозрачность — значения непрозрачности я написал рядом красными цифрами):

http://www.designarts.ru/lessons/photoshop/13/30.png

Жмём в окошках Ok и получаем блик следующего вида:

http://www.designarts.ru/lessons/photoshop/13/31.jpg

27. Сделаем ещё один блик. Для этого нарисуем ещё один круг и исказим его следующим образом:

http://www.designarts.ru/lessons/photoshop/13/32.jpg

28. Добавим к этому блику такие же эффекты, как и к прошлому (для этого на панеле слоёв, на слое с первым бликом, кликните правой клавишей и выберите пункт Copy Layer Style, затем кликните правой клавишей по слою с новым верхним бликом и выберите Paste Layer Style), непрозрачность (Opacity) этого слоя немного уменьшите:

http://www.designarts.ru/lessons/photoshop/13/33.jpg

29. Теперь сделаем следующее: кликните правой клавишей по слою с текстом и выберите пункт Resterize Layer; затем выделите слой с текстом и прямоугольником (чтобы выбрать два слоя, зажмите клавишу Ctrl и кликните левой клавишей по обоим слоям, по очереди), зайдите в меню Edit и выберите пункт Free Transform Path (произвольная трансформация), поверните немного выделенные слои:

http://www.designarts.ru/lessons/photoshop/13/34.jpg

30. Теперь исказим нашу иконку. Для этого сразу нужно выделить все слои, после этого идём в меню Edit —> Transform Path —> Skew и, передвигая верхние квадратики, искажаем наше изображение, пока не достигнем результата, похожего на мой:

http://www.designarts.ru/lessons/photoshop/13/35.jpg

31. Ну и последнее действие: на панеле слоёв выделим слой с самым нижним кругом, перейдём на панель рисования и немного сдвинем круг вниз (с помощью инструмента Move Tool):

http://www.designarts.ru/lessons/photoshop/13/36.jpg