Главная >> Кнопки >> Меню для сайта в фотошопе

Меню для сайта в фотошопе

Автор: Артемий   
15.05.2007 17:22

Меню для сайта в фотошопеСегодня мы с вами будем рисовать очень интересное и красивое меню. Урок по рисованию меню в photoshop достаточно прост, проблем возникнуть не должно. Не забываем голосовать за урок! Успешной работы.

 {mosgoogle}
1
Начнем урок с того, что нарисуем фон для нашего меню с помощью инстурмента "Rounded Rectangle Tool". Нарисуем прямоугольник с закругленными краями радиуса 5 пикселей. Цвет значения не имеет.
2
 Теперь когда форма есть, кликаем по этому слою в списке слоев и выбираем "Blending Options...". И там выбираем  "Drop Shadow".
 настройки в фотошопе ставим такие
НЕ нажимаем Ок еще. Позже.
3
 Далее идем во вкладку "Inner Shadow".
 настройки в photoshop ставим такие
НЕ нажимаем Ок еще. Позже.
4
 Выбираем "Gradient Overlay".
 настройки в фотошопе ставим как слева и на рис. 1
После шага 5 можно нажать ОК.
5
Рис. 1
6
У вас должно получиться что-то похожее:
 
7
Выбираем инструмент текста "Text Tool" и шрифт Verdana размером 10, ставим жирным и пишем заглавными буквами цветов 5fbfef. Так же установим Tracking в 40.
8
 Когда текст будет готов, кликаем по этому слою в списке слоев и выбираем "Blending Options...". И там выбираем  "Drop Shadow".
 настройки в photoshop ставим такие
Довольно нажимаем ОК.
9
Копируем текст и размещаем его на картинке симметрично первому. На картинке видно.
10
Теперь берем "Line Tool" и выставляем ширину в 1 пиксель. Нарисуем линию с зажатым "Shift" (чтобы линия была прямой). Цвет линии установим 55bbee.
11
 Когда линия будет готова, кликаем по этому слою в списке слоев и выбираем "Blending Options...". И там выбираем  "Drop Shadow".
 настройки в фотошопе ставим такие
Не менее довольно нажимаем ОК =)
 
12
Должна получиться примерно такая картинка:
13
Используя "Pen Tool" нарисуем форму, похожу на ту, что мы нарисовали (картинка ниже). Закрасим ее белым цветом. (урок Рисование с помощью Pen Tool).
 
Теперь с зажатым "Ctrl" кликаем по слою с меню для получения выделения вокруг него. Затем идем в главное меню и выбираем "Select", затем "Modify" и там уже выбираем "Contract". Сжимать будем на 2 пикселся. Выставляем, жмем ОК. Затем опять идем в главное меню во вкладку "Select" где выбираем "Inverse". Теперь растеризуем наш слой с белой формой (правой кнопкой по слою - растеризовать). После чего идем в "Edit" и "Cut".
 

Результат урока в фотошоп

Установим прозрачность (opacity) до очень маленького значения (на свой вгляд), чтобы получилось примерно похожее, как на картинке слева. Надеюсь, вам понравился этот урок. 

 

 

Автор - http://www.empiredezign.com/

Перевод - http://graphic-tutorials.ru/

Комментарии (1)


Показать/скрыть комментарии

Написать комментарий

меньше | больше

busy