Подпишись на наши RSS Уроки по Фотошоп , просто щелкнув по иконке.


Новинка! Узнайте о Самом Результативном Способе Изучения Фотошопа, Без Посещения Дорогих Курсов, Без Черно-Белых Самоучителей и Без Метода Тыка!

10 Часов Практических Уроков Записанных с Экрана Монитора с Подробными Аудио-Комментариями сделают из Вас настоящего Учителя Фотошоп!

Подробнее..


Создаём новогоднюю поздравительную открытку
Создаём сложное выделение волос
Превращаем современную фотографию в старую
Создаём разноцветную светящуюся спираль
Наносим естественную татуировку в Фотошопе


Создание шапки для сайта


Отличный урок создания шапки для сайта на Adobe Photoshop CS. За несколько шагов мы создаём уникальный и красивый элемент сайта!
Рассмотрим с Вами как можно быстро сделать несложную шапку для сайта на AdobePhotoshop. Шапка на самом деле несложная, но если вы подключите свою фантазию, то может получиться очень даже хорошо.

И так, вооружаемся "фотошопом" и приступайте.

1. Первое, что нужно сделать, это создать новый холст, пусть он будет размером 800x150px:


2. Заходим в Layer Style (кликните правой клавишей по слою, выберите Blending Options) вкладка Gradient Overlay. Следующим образом настраиваем градиент (красным цветом на картинке отмечены шестнадцатеричные значения цветов):


Жмём везде «Ok» и получается фон:


3. После этого выбираем инструмент Pen Tool и рисуем фигуру. Подключайте свою фантазию. Возьмём цвет #313e5a:


4. Заходим в Layer Style на вкладку Drop Shadow и выставляем следующие параметры:


После этого должно получиться примерно как на картинке:


5. Теперь выбираем кисточку с пятнами краски (если у Вас в наборе нет подобной кисточки, поищите в Интернете), создайте новый слой и что-нибудь «наляпайте» примерно как на картинке:


6. Создаём новый слой ещё раз, смешивание (Blend Mode) измените с Normal на Overlay и снова нарисуем что-нибудь:


7. Создайте новый слой и залейте его любым цветом (с помощью Paint Bucket Tool), затем непрозрачность заливки Fill уменьшите до 0%.


Зайдите в Layer Style на вкладку Inner Shadow и настройте следующие параметры:

8. А на вкладке Pattern Overlay настройте заливку текстурой. В качестве текстуры выберите какую-нибудь штриховку:


Получиться должно вот так:


9. А сейчас давайте напишем название для сайта. Самый ответственный момент.


10. Раскрасьте его по следующему принципу:


11. Нарисуйте ещё что-нибудь и напишите слоган вашего сайта:


12. А сейчас создайте копию слоя с названием сайта (для этого перетащите слой на иконку создания нового слоя или кликните по слою правой клавишей и там выберите Duplicate Layer).

Отразите по вертикали копию слоя с названием сайта (Edit —> Transform —> Flip Vertical) и разместите её (надпись) ниже:


13. Добавьте маску слоя (на панели слоёв кликните по кнопке Add layer mask):


14. Выберите инструмент Gradient Tool (градиент) и чёрно-белым градиентом залейте маску сверху вниз:


15. Снизу напишите названия основных разделов сайта:


16. Создайте новый слой. С помощью инструмента Rectangular Marque Tool выделите верхнюю часть изображения и залейте её белым цветом (с помощью Paint Bucket Tool):


17. Добавьте к данному слою маску, как это мы делали ранее, и залейте её чёрно-белым градиентом сверху вниз:


Вот мы и нарисовали в шапку для сайта на Photoshop. Получилось симпотично.


И, на последок, хотелось бы дать небольшой совет: экспериментируйте, творите, делаёте что-то новое и оригинальное. Удачных экспериментов!



Если хотите не упустить данный урок, добавьте его в закладки:  

Хотите освоить весь Фотошоп с нуля?

Рекомендую Вам курс "Учитель Фотошопа в видеоформате", который состоит из 2-х частей: теоретической и практической. Все уроки даны в видеоформате с подробным озвучиванием всех выполняемых действий. Именно такой подход в изучении, позволит Вам в максимально короткие сроки овладеть всеми аспектами работы в Фотошоп.

Узнать подробнее

Рейтинг:     Добавлено: 2008-11-28    Просмотров: 15602    Сайт-источник: www.DesignArts.ru

Оцените урок: 1   2   3   4   5   6   7   8   9   10    



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


Комментарий by Евгений, От 2009-03-27

Спасибо за урок.

Комментарий by СерП, От 2009-06-01

спс боьшое=)

Комментарий by Гость-Кость, От 2009-09-27

Ща попробую

Комментарий by Евгений, От 2010-02-18

СПАСИБО БОЛЬШОЕ)) Научился делать класно шапки))

Комментарий by XXX))), От 2010-04-10

Научите пользоваться инструментом "Pen Tool" плииз...

Комментарий by ывапвп, От 2010-07-07

XXX))), иди нахуй уебан сука, школота пидарестическая быдла еба

Комментарий by Pen Tool, От 2010-07-18

Чё за инструмент...У меня Adobe Photoshop русифицированный и я не как не могу догнать чё за инструмент!

Комментарий by fasin, От 2010-08-29

хД, drizt впалил))

Комментарий by aia, От 2010-10-08

cool!!!

Комментарий by Нуб, От 2010-10-18

а перевод ни как не мог сделать? или тупо перекатал с другого сайта ?

Оставить комментарий:

Ваше имя:

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

Введите число показаное на картинке (проверка от автороботов):

  


 

Рассылка - "Лучшие видеоуроки Фотошоп даром". Подписавшись на неё, Вы 2 раза в месяц будете получать на свой почтовый ящик, ссылки на лучшие уроки по работе в программе Adobe Photoshop совершенно бесплатно!

Лучшие уроки по Фотошопу 2 раза в месяц!

Ваше имя на русском: *
Ваш Email адрес: *

Подпишитесь сейчас и получите доступ к разделу "Лучшие уроки Фотошопа".


Если Вы давно мечтаете о создании собственного сайта на движке Drupal, то советую Вам обратить внимание на мой новый видеокурс "Drupal - Как создать профессиональный сайт с нуля". Это более 100 видеоуроков из которых Вы узнаете, как создать 4 сайта различной напрвленности, сложности и функционнальности.

Узнать подробнее


Родинки и веснушки, в отличие от прыщиков и бородавок, нельзя считать дефектами. Даже напротив, они придают человеку индивидуальность. Поэтому, прежде чем искоренять подобные детали средствами Photoshop, посоветуйтесь с вашей моделью или заказчиком портрета.

Узнать больше


Внимание!
X
Хотите Получать 2 Видеоурока по Работе В Программе Фотошоп ЕЖЕМЕСЯЧНО?
Ваш e-mail: *
Ваше имя: *