Urban Rivals RU
Меню сайта
Категории каталога
Материалы сайта
Облако тегов
Рисуем дизайн сайта в Photoshop Скачать шаблон для мУзыКаЛьного сайта Скачать ШАБЛОН Game RaCiNG PoRtaL Скачать бесплатно шаблон для ucoz Dle To Ucoz by Bass Иконки для УКОЗ Отличный шаблон для ucoz на тему кино Иконки групп для форума Кнопки для форума UCOZ Реалистичный огонь Иконки для форумов в системе UcoZ Шаблон для сайтов на uCoz Создаём в фотошопе (PhotoShop) дизайн интерфейса в стиле Windows Vista Как превратить современный город в руины Скачать Шаблон "WorldPress" Скачать Красные иконки для UCOZ, тёмный форум Шаблон форума Invision power board pro2 (под uCoz) Кс CS шаблон шаблон для сайта "Qwarez" Как нарисовать Красивый 3D логотип в фотошопе Набор иконок для форумов в системе UcoZ - Круглые синие иконки Скачать WindowZ by Aspire Ретро эффект в 2 клика Иконки для ФОРУМА ucoz Иконки для форума UCOZ - Иконки Vista Иконки групп для форума "by DRaGoN"
Главная » Статьи » Уроки Adobe Photoshop » Для сайта

Как сделать шапку сайта в фотошопе (PhotoShop)

« Шапка сайта в фотошопе (PhotoShop) »

Как нарисовать в PhotoShop шапку сайта — урок...

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

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

В следующих уроках про создание шапки сайта я сделаю что-нибудь посложнее, а пока вперёд залазить не нужно.

Меньше разговоров, больше дела. Вооружайтесь фотошопом и приступайте к уроку.

Шапка для сайта в фотошопе

1. Создаём новый рисунок размером 800x150 px:

шапка сайта в фотошопе

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

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

Жмём везде Ok и получаем фон:

шапка сайта в PhotoShop

3. За тем выбираем инструмент Pen Tool и рисуем такую фигуру (можете подключить свою фантазию), цвет — #313e5a:

шапка для сайта в PhotoShop

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

как нарисовать шапку сайта

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

как нарисовать шапку сайта в фотошопе

5. Теперь выберите кисточку с пятнами краски (скачать можно в конце урока), создайте новый слой и что-нибудь «наляпайте» (фиолетовым цветом — #313e5a):

как нарисовать шапку сайта в PhotoShop

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

рисуем шапку сайта

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

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

нарисовать шапку сайта

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

нарисовать шапку для сайта

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

нарисовать в фотошопе шапку для сайта

9. А сейчас напишите название сайта:

нарисовать в фотошопе шапку сайта

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

в фотошопе шапка сайта

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

в PhotoShop шапка сайта

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

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

как рисуется шапка сайта

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

как в фотошопе рисуется шапка для сайта

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

как в PhotoShop рисуется шапка для сайта

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

шапка сайта в фотошоп

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

нарисовать в фотошоп шапку сайта

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

в фотошоп нарисовать шапку для сайта

Вот мы и нарисовали в фотошопе шапку для сайта:

как нарисовать шапку для сайта

Если вы в чём-то не разобрались, тогда задавайте свои вопросы на нашем форуме или лично мне.

Удачных экспериментов!



Категория: Для сайта | Добавил: cinemania (20.12.2008)
Просмотров: 3481 | Рейтинг: 5.0/2 | |Теги:
Пожалуйста! Если вам понравился этот материал напишите свой отзыв. Посетите наш ФОРУМ


Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма Входа
Четверг, 03.07.2025, 03:42
-й день

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
 
Друзья сайта
Статистика
Рейтинг сайтов
Онлайн всего: 2
Гостей: 2
Пользователей: 0

Лучшие фильмы | Уроки Adobe Photoshop | Шаблоны для uCoz | Онлайн-TV | Кнопки для сайта UCOZ | Иконки для сайтов UCOZ | Скрипты для uCoz