Urban Rivals RU
Меню сайта
Категории каталога
Материалы сайта
Облако тегов
Шаблон для укоз by EVILMAN (бесплатно) Шаблон на тему CS black by AleX Шаблон для дизайн студии Скачать Адаптация из DLE под ucoz AllForYou Шаблон на тему кино Меняем цвет автомобиля в фотошопе Иконки для УКОЗ Скачать автомобильный шаблон Шаблон для онлайн кинотеатра скачать Скачать шаблон для ucoz Как сделать шапку сайта в фотошопе (PhotoShop) Скачать кнопки для форума Граффити wow шаблон Как сделать Анимированный аватар в PhotoShop Шаблон сайта для ucoz Как сделать оригинальный логотип в PhotoShop? Скачать шаблон бесплатно Шаблон для софт портала icons for ucoz СКАЧАТЬ кнопки для форума ucoz Иконки для форума UCOZ - Круглые янтарные иконки Скачать иконки групп Черно-белый портрет в Фотошоп Crfxfnm valve portal shablon
Главная » Статьи » Уроки 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)
Просмотров: 3103 | Рейтинг: 5.0/2 | |Теги:
Пожалуйста! Если вам понравился этот материал напишите свой отзыв. Посетите наш ФОРУМ


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

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

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