Пластиковая кнопка

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

Сначала вам нужно создать новое изображение, выберем размер 200x200 px. С помощью инструмента square ion tool выделите на изображении вот прямоугольную область.

Теперь создайте новый слой (new layer)

Цвет переднего плана (foreground color) изменим на светло-серый. Далее нам нужно будет поработать с градиентом (gradient tool). В его настройках выберите тип "Foreground to transparent"

Залейте градиентом нашу выделенную область. Также нам нужно сделать для кнопки рамку edit > stroke. Размер - 1px, цвет - medium gray, layer style - normal

Теперь соедините (merge) слои за исключением слоя фона. Для этого нужно сделать дубликат слоя выбором команды "duplicate layer" в палитре слоев

Вокруг наших кнопок я добавил вот такую рамку серого цвета. А затем еще одну, но уже светло-серого цвета. Сверху меню можете добавить полоску темно-серого цвета

Теперь осталось лишь добавить текст на наши кнопки