Сегодня покажу вам как можно очень быстро сделать простенькую шапку
сайта. Это она пока простенькая, а если вы подключите свою фантазию, по
получиться должно очень хорошо.
Назначение данного урока — показать принцип рисования шапки сайта и
не больше, многому остальному (рисованию) я вас уже научил в прошлых
уроках.
В следующих уроках про создание шапки сайта я сделаю что-нибудь
посложнее, а пока вперёд залазить не нужно.
Меньше разговоров, больше дела. Вооружайтесь фотошопом и
приступайте к уроку.
Шапка для сайта в фотошопе
1. Создаём новый рисунок размером 800x150 px:
2. Заходим в Layer Style (кликните правой клавишей по слою,
там выберите Blending Options) на вкладку Gradient Overlay.
Там настраиваем градиент следующим образом (красным цветом я написал
шестнадцатеричные значения цветов):
Жмём везде Ok и получаем фон:
3. За тем выбираем инструмент Pen Tool и рисуем такую
фигуру (можете подключить свою фантазию), цвет — #313e5a:
4. Заходим в Layer Style на вкладку Drop Shadow и
выставляем следующие параметры:
После этого должно получиться примерно как у меня:
5. Теперь выберите кисточку с пятнами краски (скачать можно в
конце урока), создайте новый слой и что-нибудь «наляпайте» (фиолетовым
цветом — #313e5a):
6. Снова создайте новый слой, смешивание (Blend Mode)
измените с Normal на Overlay (данный параметр
настраивается на панели слоёв Layers) и снова нарисуйте
что-нибудь кисточками:
7. Создайте новый слой и залейте его любым цветом (с помощью Paint
Bucket Tool), затем непрозрачность заливки Fill уменьшите до
0%.
Зайдите в Layer Style на вкладку Inner Shadow и
настройте следующие параметры:
8. А на вкладке Pattern Overlay настройте заливку
текстурой. В качестве текстуры выберите какую-нибудь штриховку (как
создавать подобную текстуру сказано, например, в начале урока
№21):
Получиться должно вот так:
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. Добавьте к данному слою маску, как это мы делали ранее, и
залейте её чёрно-белым градиентом сверху вниз:
Вот мы и нарисовали в фотошопе шапку для сайта:
Если вы в чём-то не разобрались, тогда задавайте свои вопросы на
нашем форуме или лично мне.
Удачных экспериментов!
|