Создаем шапку для сайта / уроки фотошоп

Привет! В этом уроке Photoshop мы будем делать шапку для сайта. Если хочешь узнать, как это делается – читай дальше.
Шаг 1
Создаем новый документ (я сделал документ размером 800х180 пикселей). Для начала, зальем наш фон оранжевым цветом. Установите цвет переднего плана в вашей панели цветов в #ffa557 и цвет заднего плана – #ff5404. Выберите инструмент градиентной заливки, затем щелкайте левой кнопкой мыши сверху вашего документа и тяните вниз, не отпуская кнопку. Получился градиент.

Шаг 2
Создаем новый слой (в меню Layer > New > Layer) и выбираем инструмент Pen tool(P). Добавим несколько точек, как на рисунке ниже.

Выбираем инструмент Convert point tool(в том же секции, что и Pen Tool) и кликаем правой клавишей мыши на узел, который вы видите ниже на картинке.

Перетащите узел так, чтобы линия стала гладкой, как у нас на рисунке ниже.

Кликаем правой клавишей по выделению, выбираем «Make Selection» – ставим радиус в «0″. Заливаем выделение белым цветом (в меню Edit > Fill).

Шаг 3
Ставим режим смешивания слоя в Soft light и прозрачность в 20%.

Шаг 4
Копируем слой (Ctrl + J) и ставим прозрачность в 40%.

Шаг 5
Сейчас мы сделаем логотип. Создаем новый слой (в меню Layer > New > Layer). Используя инструмент Elliptical marquee tool(M), создадим окружность и зальем ее белым цветом.

Создайте еще одну окружность внизу вашей первой окружность и нажмите Del на вашей клавиатуре. У вас должно получиться что-то вроде этого.

Создайте новый слой и добавьте на него маленькую окружность, залитую белым цветом, как у нас на рисунке ниже.

Шаг 6
Добавьте надпись на вашу шапку, расположите ее справа.

Сейчас мы сделаем отражение текста. Скопируйте слой и поместите его ниже оригинала, затем идем в Edit > Transform > Flip Verticle и ставим прозрачность на 20%.

Шаг 7
Создаем новый слой и с помощью прямоугольников с закругленными углами делаем меню (радиус закругления – 10 пикселей, цвет заливки – белый).

Поставьте прозрачность слоя на 40% и режим смешивания – Soft light.

Добавим названия разделов меню… И все – мы закончили!
Финальный результат

Оригинал статьи с : webmasterwidget.com
Перевод : alltutorials.ru
Любые поправки и дополнения оставляйте на форуме!
——————-
Посуточно квартиры в Москве – всегда есть множество вариантов, Вам обязательно понравится!
Наш сайт находят по следующим ключевым словам
- фото уроки фотошопа
- рисуем меню уроки фотошоп
- картинки фотошоп
- обработка фото фотошоп интересные
- урок фотошоп тонирование фото старых
- фотошоп тонирование
Разместить у себя на ресурсе или в ЖЖ:
На любом форуме в своем сообщении:
Метки: web-design, создание меню, шапка, эффекты с текстом
RSS-лента комментариев к этой записи. TrackBack URL
Извините, обсуждение на данный момент закрыто.

Очень просто и доходчиво! Спасибо!!!
Comment by Алекс — 29.03.2008 @ 16:05
всегда рады помочь
если вдруг есть заказы на перевод уроков – обращайтесь, переведем!
Comment by admin — 29.03.2008 @ 16:06
[...] шапка сайта в photoshop [...]
Уведомление by советы по ночной съемке | AllTutorials.RU - Уроки Фотошоп — 18.08.2010 @ 16:43
[...] шапка сайта в фотошопе Послать ссылку на этот обзор другу по ICQ или E-Mail:Разместить у себя на ресурсе или в ЖЖ:На любом форуме в своем сообщении: Filed under: photoshop,для начинающих,фотообработка Метки: для начинающих, фотообработка, эффект сияния Комментариев нет 15.03.2008 @ 12:27 | Автор: admin | [...]
Уведомление by золотое сияние | AllTutorials.RU - Уроки Фотошоп — 18.08.2010 @ 17:34
[...] шапка для сайта Послать ссылку на этот обзор другу по ICQ или E-Mail:Разместить у себя на ресурсе или в ЖЖ:На любом форуме в своем сообщении: Filed under: photoshop,веб дизайн,для начинающих,компьютерная графика,спецэффекты,фотообработка,фототехника Метки: photoshop, глянцевые фотографии, книги по фотографии, эффекты Комментарии (10) 14.03.2009 @ 20:23 | Автор: admin | [...]
Уведомление by Рисуем волшебный снег…/ уроки фотошоп | AllTutorials.RU - Уроки Фотошоп — 18.08.2010 @ 18:32
[...] var begun_block_id = 170859927; « Как загрузить шаблоны (patterns)? Создаем шапку для сайта / уроки фотошоп [...]
Уведомление by необычный эффект освещения | AllTutorials.RU - Уроки Фотошоп — 18.08.2010 @ 19:11
[...] шапка для сайта в фотошопе [...]
Уведомление by свадебная открытка | AllTutorials.RU - Уроки Фотошоп — 18.08.2010 @ 19:11
[...] var begun_auto_pad = 150572789; var begun_block_id = 170859927; « Создаем шапку для сайта / уроки фотошоп Правильный контраст / уроки фотошоп [...]
Уведомление by делаем фотографию четче и ярче | AllTutorials.RU - Уроки Фотошоп — 18.08.2010 @ 19:26
[...] шапка сайта в фотошопе [...]
Уведомление by Интервью с Булатом Гариповым, блог Artzmania | AllTutorials.RU - Уроки Фотошоп — 18.08.2010 @ 19:43