Мы запустили Форум! (*beta)






Видеокурс «Photoshop Professional. От чайника до профи за один день» поможет Вам стать профессионалом в фотошопе всего за 24 часа! Курс специально построен так, чтобы Вы научились создавать работы профессионального качества уже на следующий день. МИНИМУМ ТЕОРИИ, МАКСИМУМ ПРАКТИКИ

Подробнее...




сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

Шаг 1.
Создайте новый документ размером 440x220 пикселей с чёрным фоном. Сделайте выделение, используя инструмент Овальная область (Elliptical Marquee Tool) и залейте его серым цветом - #C1C1C1 в новом слое (а). Перейдите в меню Выбор»Растушевать (Select > Feather) и потом примените Сжатие (Modify - Contract), введите значение 5 пикселей и залейте выделение белым цветом (b).



a)
Белое навигационное меню

b)
Белое навигационное меню





Шаг 2.
Далее инструментом Прямоугольник с закругленными краями (Rounded Rectangle Tool) с радиусом – 30 пикселей, создайте фигуру как показано на рисунке (b).



a)
Белое навигационное меню

b)
Белое навигационное меню


Шаг 3.
Теперь растеризируйте прямоугольник со сглаженными краями, приблизьте до 200%, создайте новый слой (Create New Layer) и выберите инструмент Перо (Pen Tool). Добавьте первую и вторую точку (а), чтобы сделать кривую, и третью, чтобы сделать кривую как на рисунке (b). Теперь продолжите кривую за пределами прямоугольника (с)



a)
Белое навигационное меню

b)
Белое навигационное меню

c)
Белое навигационное меню



Шаг 4.
Как только вы закончите контур, отдалите и сделайте выделение контура. Добавьте яркости к этому слою с прямоугольником. Перейдите в меню Тон/Насыщенность (Hue/Saturation). Введите значения – 10. Выделенная зона станет темнее (b). Далее добавьте стиль Внутренняя тень (Layer Style - Inner Shadow), настройки показаны ниже.




a)
Белое навигационное меню

b)
Белое навигационное меню

Белое навигационное меню

c)
Белое навигационное меню


Шаг 5.
Приблизьте изображение до 200% и используйте инструмент Многоугольное лассо
(Polygonal Lasso Tool), чтобы вырезать область (a). Приблизьте изображение до 500% и сделайте выделение инструментом Прямоугольная область (Rectangular Marquee Tool) (b). Выберите инструмент Градиент (Gradient Tool) и выберите зеркальный градиент сверху на панели настроек. Цвет заливки (foreground) установите – белый и цвет фона (background) - #C1C1C1. Потом проведите его из центра выделения, чтобы создать новый слой с градиентом. (с)



a)
Белое навигационное меню

b)
Белое навигационное меню

c)
Белое навигационное меню



Шаг 6.
Отдалите изображение и добавьте текст инструментом Горизонтальный текст
(Horizontal Type Tool). Я использовал шрифт Arial Black, размер - 14. Потом примените стиль Отбрасывание тени (Layer Style - Drop Shadow), настройки показаны ниже.


Белое навигационное меню

Белое навигационное меню







Шаг 7.
Сделайте несколько копий слоя и добавьте текст к ним. Объедините слои с текстом со слоем с кнопкой соответственно:



Белое навигационное меню




Шаг 8.
Создайте новый слой (Create New Layer) и сделайте кривую используя инструмент Перо
(Pen Tool).



Белое навигационное меню





Шаг 9.
Сделайте вторую кривую



Белое навигационное меню





Шаг 10.
Выберите инструмент Кисть (Brush Tool), размер кисти – 4 пикселя, жёсткая кисть, цвет заливки (foreground) - (919191). Создайте новый слой (Create New Layer) и кликните правой кнопкой на контуре, выберите обводка контура (stroke path). Это сделает контур на 4 пикселей шире:


Белое навигационное меню







Шаг 11.
Сделайте выделение кривой линии, затем перейдите в меню Выбор»Растушевать (Select->Feather) и введите значение -1 пиксель, потом залейте выделение белым цветом.


Белое навигационное меню



Шаг 12.
Далее переместите 1 кнопку используя инструмент Свободная трансформация (Free Transform) как показано ниже:


Белое навигационное меню




Шаг 13.
Сделайте то же самое и для других кнопок:


Белое навигационное меню




Ссылка на источник урока

Добавление комментария

Ваше Имя

Ваш E-mail

Код:Включите эту картинку для отображения кода безопасности
обновить код

Введите код: