Сначала откройте новый документ любого размера, которого захотите (зависит от
того, насколько большим будет ваш сайт и залейте его цветом
#1A1A1A.
Затем выделите область, в которой будет находиться ваша панель.
Шаг 2
Теперь залейте её любым цветом и затем зайдите в Blending
Options и поставьте следующие настройки:
У вас должно выйти что-то подобное:
Шаг 3
Но мне всё ещё не нравится, как оно выглядит, так что следующим нашим шагом
будет добавление Inner Glow:
Шаг 4
Уже получше. Теперь выделите область немного меньше половины вашей
навигационной панели и залейте её #FFFFFF. Поставьте
Opacity на 40% и blending
status слоя на Overlay.
Шаг 5
Теперь мы создадим кнопку. Выделите небольшую область и залейте её любым
цветом, каким захотите. Расположите этот слой под белым слоем. Примените
следующие настройки к слою вашей кнопки:
У вас должно получиться что-то подобное этому:
Шаг 6
Теперь давайте добавим текст. Наберите что-нибудь на черной стороне вашей
панели шрифтом Arial-Regular-15 pt-Strong и поставьте следующие
настройки:
Ваш текст должен выглядеть так:
Вы можете добавить ещё кнопки:
Шаг 7
Теперь давайте добавим текст зеленой кнопке. Используйте тот же шрифт и стиль
шрифта, измените лишь опции. Поставьте такие:
Если вы делали то же, что и я, вот что у вас должно было получиться: