Как нарисовать в PhotoShop шапку сайта — урок… Сегодня покажу вам как можно очень быстро сделать простенькую шапку сайта. Это она пока простенькая, а если вы подключите свою фантазию, по получиться должно очень хорошо. Назначение данного урока — показать принцип рисования шапки сайта и не больше, многому остальному (рисованию) я вас уже научил в прошлых уроках.В следующих уроках про создание шапки сайта я сделаю что-нибудь посложнее, а пока вперёд залазить не нужно. Меньше разговоров, больше дела. Вооружайтесь фотошопом и приступайте к уроку.
Шапка для сайта в фотошопе
1. Создаём новый рисунок размером 800×150 px:
(IMG:http://scrache.com/images/forum/kyrchik/urok13/1.png)
2. Заходим в Layer Style (кликните правой клавишей по слою, там выберите Blending Options) на вкладку Gradient Overlay. Там настраиваем градиент следующим образом (красным цветом я написал шестнадцатеричные значения цветов):
(IMG:http://scrache.com/images/forum/kyrchik/urok13/2.png)
Жмём везде Ok и получаем фон:
(IMG:http://scrache.com/images/forum/kyrchik/urok13/3.jpg)
3. За тем выбираем инструмент Pen Tool и рисуем такую фигуру (можете подключить свою фантазию), цвет — #313e5a:
(IMG:http://scrache.com/images/forum/kyrchik/urok13/4.jpg)
4. Заходим в Layer Style на вкладку Drop Shadow и выставляем следующие параметры:
(IMG:http://scrache.com/images/forum/kyrchik/urok13/5.png)
После этого должно получиться примерно как у меня:
(IMG:http://scrache.com/images/forum/kyrchik/urok13/6.jpg)
5. Теперь выберите кисточку с пятнами краски (скачать можно в конце урока), создайте новый слой и что-нибудь «наляпайте» (фиолетовым цветом — #313e5a):
(IMG:http://scrache.com/images/forum/kyrchik/urok13/7.jpg)
6. Снова создайте новый слой, смешивание (Blend Mode) измените с Normal на Overlay (данный параметр настраивается на панели слоёв Layers) и снова нарисуйте что-нибудь кисточками:
(IMG:http://scrache.com/images/forum/kyrchik/urok13/8.jpg)
7. Создайте новый слой и залейте его любым цветом (с помощью Paint Bucket Tool), затем непрозрачность заливки Fill уменьшите до 0%.
Зайдите в Layer Style на вкладку Inner Shadow и настройте следующие параметры:
(IMG:http://scrache.com/images/forum/kyrchik/urok13/9.png)
8. А на вкладке Pattern Overlay настройте заливку текстурой. В качестве текстуры выберите какую-нибудь штриховку (как создавать подобную текстуру сказано, например, в начале этого урока):
(IMG:http://scrache.com/images/forum/kyrchik/urok13/10.png)
Получиться должно вот так:
(IMG:http://scrache.com/images/forum/kyrchik/urok13/11.jpg)
9. А сейчас напишите название сайта:
(IMG:http://scrache.com/images/forum/kyrchik/urok13/12.jpg)
10. Раскрасьте его по следующему принципу:
(IMG:http://scrache.com/images/forum/kyrchik/urok13/13.jpg)
11. Нарисуйте ещё что-нибудь и напишите слоган вашего сайта:
(IMG:http://scrache.com/images/forum/kyrchik/urok13/14.jpg)
12. А сейчас создайте копию слоя с названием сайта (для этого перетащите слой на иконку создания нового слоя или кликните по слою правой клавишей и там выберите Duplicate Layer).
Отразите по вертикали копию слоя с названием сайта (Edit —> Transform —> Flip Vertical) и разместите её (надпись) ниже:
(IMG:http://scrache.com/images/forum/kyrchik/urok13/15.jpg)
13. Добавьте маску слоя (на панели слоёв кликните по кнопке Add layer mask):
(IMG:http://scrache.com/images/forum/kyrchik/urok13/16.png)
14. Выберите инструмент Gradient Tool (градиент) и чёрно-белым градиентом залейте маску сверху вниз:
(IMG:http://scrache.com/images/forum/kyrchik/urok13/17.jpg)
15. Снизу напишите названия основных разделов сайта:
(IMG:http://scrache.com/images/forum/kyrchik/urok13/18.jpg)
16. Создайте новый слой. С помощью инструмента Rectangular Marque Tool выделите верхнюю часть изображения и залейте её белым цветом (с помощью Paint Bucket Tool):
(IMG:http://scrache.com/images/forum/kyrchik/urok13/19.jpg)
17. Добавьте к данному слою маску, как это мы делали ранее, и залейте её чёрно-белым градиентом сверху вниз:
(IMG:http://scrache.com/images/forum/kyrchik/urok13/20.jpg)
Вот мы и нарисовали в фотошопе шапку для сайта:
(IMG:http://scrache.com/images/forum/kyrchik/urok13/21.jpg)
Если вы в чём-то не разобрались, тогда задавайте свои вопросы на нашем форуме или лично мне. Удачных экспериментов! .: Дополнительно :.
Шапка сайта, нарисованная при написании урока (в полном размере) | JPG, 800×150, 36,5 КБ
Скачать набор кисточек « Splatteris M1 » | ZIP, 385 КБ
Скачать шрифт « Hooge 05_55 Cyr2 » | ZIP, 15.2 КБ
автор урока: Gyljay S.V. aka Serg