Красивая глянцевая кнопка для сайта.

1. Создайте новый документ, File > New с такими значениями:

With – 300px
Height – 300px
Resolution 72 pixels/inch

2. Активируйте инструмент Красивая глянцевая кнопка для сайта. Elliptical Marquee Tool (клавиша М) Нарисуйте круг, удерживая клавишу Shift.

Красивая глянцевая кнопка для сайта.


3.Затем активируйте инструмент Красивая глянцевая кнопка для сайта. Paint Bucket Tool (Заливка) и залейте выделение цветом #2В2В2В.

Красивая глянцевая кнопка для сайта.


4. Теперь создайте новый слой, нажав на палитре слоев, иконку Красивая глянцевая кнопка для сайта. Create a new layer, Layer1.

5.Нажмите пункт текстового меню, Select>Modify>Contract и поставьте 2px и Select > feather, поставьте 5px.

6. Активируйте инструмент Красивая глянцевая кнопка для сайта. Paint Bucket tool и залейте цветом 5F5F5F.

Красивая глянцевая кнопка для сайта.


7. Теперь создайте новый слой, Layer2.

8. Сделайте на палитре инструментов, цвет переднего плана белый. Активируйте инструмент Красивая глянцевая кнопка для сайта. Gradient, выберите Linear gradient от белого к бесцветному и проведите мышкой с нажатой левой кнопкой сверху вниз сферы. Снимите выделение (Ctrl+D)

Красивая глянцевая кнопка для сайта.


9. Теперь создайте новый слой, Layer3.

Активируйте инструмент Красивая глянцевая кнопка для сайта. Elliptical Marquee Tool, и нарисуйте внутренний круг, залейте его цветом #3D6D9C, инструментом Paint Bucket Tool.

Красивая глянцевая кнопка для сайта.


10. Затем создайте дубликат слоя, кликнув правой кнопкой по активному слою, и клик по команде Duplicate Layer. Перетяните дубликат под слой Layer3 и залейте черным цветом инструментом Красивая глянцевая кнопка для сайта. Paint Bucket tool,заливку вы не можете видеть т.к. она расположена под слоем Layer3.

11. Теперь Edit > Free Transform, поставьте значения W103%H103%.

Красивая глянцевая кнопка для сайта.


Затем,щёлкнув правой кнопкой, выберите Blending Options и Gradient overlay и поставьте следующие значения.

Красивая глянцевая кнопка для сайта.

Красивая глянцевая кнопка для сайта.


12. Теперь активируйте слой Layer3, выберите Blending Options, для этого щёлкните левой кнопкой мыши по маленькой букве f в палитре Layers, и в списке выберите Inner Shadow и Inner Glow и поставьте такие значения.

Красивая глянцевая кнопка для сайта.

Красивая глянцевая кнопка для сайта.


У вас должно получиться так:

Красивая глянцевая кнопка для сайта.


13. Теперь активируйте инструмент Красивая глянцевая кнопка для сайта. Burch Tool, и проставьте следующие значения:
Красивая глянцевая кнопка для сайта.


Цвет переднего плана 3D6D9C, и мягко проведите в нижней части сферы 2,3 раза, чтобы получился глянцевый эффект.

Вид палитры слоёв после всех преобразований.

Красивая глянцевая кнопка для сайта.


А вот такая красивая кнопка у вас должна получиться.

Красивая глянцевая кнопка для сайта.