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

фотошоп photoshop шапка для сайта

Привет! В этом уроке Photoshop мы будем делать шапку для сайта. Если хочешь узнать, как это делается – читай дальше.

Шаг 1

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

фотошоп photoshop шапка для сайта

Шаг 2

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

фотошоп photoshop шапка для сайта

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

фотошоп photoshop шапка для сайта

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

фотошоп photoshop шапка для сайта

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

фотошоп photoshop шапка для сайта

Шаг 3

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

фотошоп photoshop шапка для сайта

Шаг 4

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

фотошоп photoshop шапка для сайта

Шаг 5

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

фотошоп photoshop шапка для сайта

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

фотошоп photoshop шапка для сайта

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

фотошоп photoshop шапка для сайта

Шаг 6

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

фотошоп photoshop шапка для сайта

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

фотошоп photoshop шапка для сайта

Шаг 7

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

фотошоп photoshop шапка для сайта

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

фотошоп photoshop шапка для сайта

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

 

Финальный результат

фотошоп photoshop шапка для сайта

Оригинал статьи с : webmasterwidget.com

Перевод : alltutorials.ru

Любые поправки и дополнения оставляйте на форуме!

——————-

Посуточно квартиры в Москве – всегда есть множество вариантов, Вам обязательно понравится!

Наш сайт находят по следующим ключевым словам

google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru news2.ru rumarkz.ru memori.ru moemesto.ru

Метки: , , ,
  1. Очень просто и доходчиво! Спасибо!!!

    Comment by Алекс — 29.03.2008 @ 16:05

  2. всегда рады помочь ;)
    если вдруг есть заказы на перевод уроков – обращайтесь, переведем!

    Comment by admin — 29.03.2008 @ 16:06

  3. [...] шапка сайта в photoshop [...]

    Уведомление by советы по ночной съемке | AllTutorials.RU - Уроки Фотошоп — 18.08.2010 @ 16:43

  4. [...] шапка сайта в фотошопе Послать ссылку на этот обзор другу по ICQ или E-Mail:Разместить у себя на ресурсе или в ЖЖ:На любом форуме в своем сообщении: Filed under: photoshop,для начинающих,фотообработка Метки: для начинающих, фотообработка, эффект сияния Комментариев нет 15.03.2008 @ 12:27 | Автор: admin | [...]

    Уведомление by золотое сияние | AllTutorials.RU - Уроки Фотошоп — 18.08.2010 @ 17:34

  5. [...] шапка для сайта Послать ссылку на этот обзор другу по ICQ или E-Mail:Разместить у себя на ресурсе или в ЖЖ:На любом форуме в своем сообщении: Filed under: photoshop,веб дизайн,для начинающих,компьютерная графика,спецэффекты,фотообработка,фототехника Метки: photoshop, глянцевые фотографии, книги по фотографии, эффекты Комментарии (10) 14.03.2009 @ 20:23 | Автор: admin | [...]

    Уведомление by Рисуем волшебный снег…/ уроки фотошоп | AllTutorials.RU - Уроки Фотошоп — 18.08.2010 @ 18:32

  6. [...] var begun_block_id = 170859927; « Как загрузить шаблоны (patterns)? Создаем шапку для сайта / уроки фотошоп [...]

    Уведомление by необычный эффект освещения | AllTutorials.RU - Уроки Фотошоп — 18.08.2010 @ 19:11

  7. [...] шапка для сайта в фотошопе [...]

    Уведомление by свадебная открытка | AllTutorials.RU - Уроки Фотошоп — 18.08.2010 @ 19:11

  8. [...] var begun_auto_pad = 150572789; var begun_block_id = 170859927; « Создаем шапку для сайта / уроки фотошоп Правильный контраст / уроки фотошоп [...]

    Уведомление by делаем фотографию четче и ярче | AllTutorials.RU - Уроки Фотошоп — 18.08.2010 @ 19:26

  9. [...] шапка сайта в фотошопе [...]

    Уведомление by Интервью с Булатом Гариповым, блог Artzmania | AllTutorials.RU - Уроки Фотошоп — 18.08.2010 @ 19:43

RSS-лента комментариев к этой записи. TrackBack URL

Извините, обсуждение на данный момент закрыто.