Гладкая градиент Заголовок Учебник Photoshop

Этот учебник покажет вам несколько простых приемов для разработки приятно гладкий градиент заголовке и NAV баре, который можно использовать в вашем веб дизайна.

Это готовые дизайн будет выглядеть следующим образом:

Для начала, создать широкую 770px X 200px высокой документе.
Выберите округлого инструмента прямоугольник, установить радиус в 10px и вытянуть фигуру для заголовка:

Щелкните правой кнопкой мыши на форме вы просто Дрю слой и выбрать параметры смешивания.
Щелкните "Outer Glow 'и дать ему следующие параметры:

Градиент Далее, выберите "Наложение" и дать ему эти настройки:

Наконец, нажмите кнопку "Stroke" и дать ему эти настройки:

Ваш заголовок форма должна теперь выглядеть следующим образом:

Далее с помощью инструмента округлый прямоугольник снова затянуть форму вашего NAV полоса под заголовком, а затем щелкните правой кнопкой на заголовке форм слой и выберите "стиль копия слой", а затем щелкните правой кнопкой на слой NAV баров и "Paste Layer Style". Надо было что-то вроде этого:

Теперь щелкните правой кнопкой на слой NAV бара, перейдите в опцию смешивания и нажмите Gradient Overlay.
Изменить серый / белый градиент и оранжевый использованием этих значений: F0B259> F87811

Нажмите кнопку ОК и ваш NAV бара должна теперь выглядеть следующим образом:

Теперь мы добавим текст, выбрать шрифт и тип необходимых связей в:

В этом уроке мы использовали Univers конденсированного. Мы сейчас Dropshadow добавить в текст, щелкните правой кнопкой на Layer> Blending Options> Drop Shadow
Используйте эти настройки:

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

Мы сейчас добавить разделители между ссылками NAV бар, создаем новый слой и увеличить дюйма Использование инструмента карандаша на 1 пиксель, рисовать две строки следующим образом:

Щелкните правой кнопкой на слой и "Повторение ', переместить этот слой вдоль между следующего набора NAV ссылки, повторить это для всех ссылок.

Ваш NAV завершена:

Теперь все, что требуется, это имя вашего сайта / логотип, чтобы быть добавлены и все остальное, как дополнительной ссылкой заголовка или баннера рекламы и т.д.:

Скачать. PSD здесь