Web-дизайн в Photoshop: Создание зеленой кнопки для сайта

|

21 Окт 2011

|

Оставить комментарий

Привет! Вернемся к сайтостроению, а точнее к созданию симпатичных кнопок для сайтов. Сегодня Вы научитесь создавать зеленую кнопку :-) В принципе, она может быть любого цвета, но конкретно в этом случае будем использовать зеленый

Создаем новый документ. Затем, используя инструмент Rounded Rectangle Tool с радиусом закругления углов 8px, создайте такую вот форму:

Затем перейдите к стилям слоя с формой Layer > Layer Style > Blending Options и добавьте следующие стили:

Drop Shadow

Inner Shadow (используется цвет #3a7010)

Gradient Overlay (цвета от #589221 к #7bae28)

И Stroke с цветом #3a7010

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

Теперь давайте добавим небольшой блик, что придаст кнопне немного объема. Для этого создайте новый слой над кнопкой, удерживая Ctrl, кликните по иконке слоя с кнопкой, чтобы появилась область выделения. И залейте ее белым цветом.

Затем перейдите Select > Transform Selection и нажмите один раз на стрелку вниз на клавиатуре. Делается это для того, чтобы сместить область выделения на 1 пиксель вниз. Нажмите Del, чтобы удалить лишнее.