Создание navigation menu


1. Создание navigation bar.


Хорошо, начнем. Создайте новый документ, используя размеры 800 x 100. Установите второстепенный белый цвет . Вы можете изменить фон по вашему усмотрению. Создайте новый слой, Layer > New > Layer… (Shift+Ctrl+N). Используя Rounded Rectangle Tool создаем прямоугольник, используя настройки приведенные ниже. Измените цвет переднего плана на *525253.

Создание навигационного меню в Photoshop


Должно получиться как здесь.


Создание навигационного меню в Photoshop


2. Используем инструмент pen tool, чтобы создать форму .


Нажмите на Pen Tool , используя настройки .


Создание навигационного меню в Photoshop

Создайте Anchor point как показано в изображении.

Создание навигационного меню в Photoshop


Закончив делаем правый клик на форме и выбираем Make Selection.Выбираем в Feather Radius: 0. Затем удаляем выделленое. Результат должен быть такой.


Создание навигационного меню в Photoshop

3. Применение градиента и режима смешивания Blending.


Нажмите на Gradient Tool, используйте эти настройки.



Создание навигационного меню в Photoshop


Применяем градиент .


Создание навигационного меню в Photoshop


В blending option устанавливаем значения.

Создание навигационного меню в Photoshop


Нажмите OK.



4. Создание кнопок .



Создайте новый слой,Layer > New > Layer… (Shift+Ctrl+N). Используя Rounded Rectangle Tool создают прямоугольник, используя настройки. Измените цвет переднего плана на *9ad346

Создание навигационного меню в Photoshop

Должно получиться примерно так.



Добавляем текст по вашему усмотрению.



Удачи,урок закончен. Урок взят и переведен с сайта http://www.crazyleafdesign.com