В этом уроке вы научитесь создавать прелестную глянцевую навигационную панель

Приблизительное время выполнения: 10 минут

Шаг 1

Сначала откройте новый документ любого размера, которого захотите (зависит от того, насколько большим будет ваш сайт и залейте его цветом #1A1A1A.

Затем выделите область, в которой будет находиться ваша панель.

Шаг 2

Теперь залейте её любым цветом и затем зайдите в Blending Options и поставьте следующие настройки:

У вас должно выйти что-то подобное:

Шаг 3

Но мне всё ещё не нравится, как оно выглядит, так что следующим нашим шагом будет добавление
Inner Glow:

Шаг 4

Уже получше. Теперь выделите область немного меньше половины вашей навигационной панели и залейте её #FFFFFF. Поставьте Opacity на 40% и blending status слоя на Overlay.

Шаг 5

Теперь мы создадим кнопку. Выделите небольшую область и залейте её любым цветом, каким захотите. Расположите этот слой под белым слоем. Примените следующие настройки к слою вашей кнопки:

У вас должно получиться что-то подобное этому:

Шаг 6

Теперь давайте добавим текст. Наберите что-нибудь на черной стороне вашей панели шрифтом Arial-Regular-15 pt-Strong и поставьте следующие настройки:

Ваш текст должен выглядеть так:

Вы можете добавить ещё кнопки:

Шаг 7

Теперь давайте добавим текст зеленой кнопке. Используйте тот же шрифт и стиль шрифта, измените лишь опции. Поставьте такие:

Если вы делали то же, что и я, вот что у вас должно было получиться: