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

Часто у веб-дизайні використовуються елементи навігації, які найчастіше зустрічаються в меню. У цій статті ми розглянемо методику створення простого меню, яке буде схоже на пластик:

Спочатку потрібно створити нове зображення, виберемо розмір 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" на панелі шарів

Навколо наших кнопок я додав таку рамку сірого кольору. А потім ще одну, але вже світло-сірого кольору. Зверху меню можна додати смужку темно-сірого кольору

Тепер залишилося лише додати текст на наші кнопки