Стильная кнопка для сайта.

1.Создайте новый документ(File>New) 450*450px.,72dpi.

2.Активируйте инструмент Стильная кнопка для сайта. Rounded Rectangle Tool (Прямоугольник со скруглёнными углами) с такими настройками и нарисуйте фигуру.

Стильная кнопка для сайта.

Стильная кнопка для сайта.


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

Стильная кнопка для сайта. Стильная кнопка для сайта.

Стильная кнопка для сайта. Стильная кнопка для сайта.

Стильная кнопка для сайта. Стильная кнопка для сайта.
Получится что то вроде этого:
Стильная кнопка для сайта.


4.Далее можно ввести текст. Активируйте инструмент Стильная кнопка для сайта. Horizontal Type Tool (Горизонтальный текст) , проставьте такие параметры:

Стильная кнопка для сайта.


Напечатайте нужный текст

5. Теперь зададим параметры для нашего текста, правый клик пo слою с текстом, выберите Blending Options и проставьте такие опции:

Стильная кнопка для сайта.
Стильная кнопка для сайта. Стильная кнопка для сайта.


Теперь у вас вот такая кнопка
Стильная кнопка для сайта.


6. Теперь активируйте инструмент Стильная кнопка для сайта. Rectangular Marquee Tool (Прямоугольное выделение) и сделайте такое выделение.

Стильная кнопка для сайта.


7. Затем нажмите Ctrl+Shift+N,что бы создать новый слой. Теперь, зажимаем Ctrl+Shift+Alt и щёлкаем по слою с кнопкой.

Стильная кнопка для сайта. Стильная кнопка для сайта.


8. Теперь Select>Modify>Contract ставим 1px.

9.Активируем инструмент Стильная кнопка для сайта. Bucket Tool,и заливаем выделение чёрным цветом.

10. Выставляем в палитре слоёв, Opacity 18%.

11. Ctrl+D, снимаем выделение. Наша кнопка готова.