Воскресенье, 24.11.2024, 11:46
Massiveattack
Приветствую Вас Гость | RSS




Меню сайта
Наш опрос
Какие уроки вам более нужны?
Всего ответов: 166
Главная » 2008 » Октябрь » 20 » Уроки photoshop // Шапка для сайта в фотошопе
Уроки photoshop // Шапка для сайта в фотошопе
20:08

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



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. Добавьте к данному слою маску, как это мы делали ранее, и залейте её чёрно-белым градиентом сверху вниз:

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

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

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

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

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

.: Дополнительно :.

Шапка сайта, нарисованная при написании урока (в полном размере) | JPG, 800x150, 36,5 КБ

Скачать набор кисточек « Splatteris M1 » | ZIP, 385 КБ

Скачать шрифт « Hooge 05_55 Cyr2 » | ZIP, 15.2 КБ

Просмотров: 764 | Добавил: Franz | Рейтинг: 0.0/0 |
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа
Календарь новостей
«  Октябрь 2008  »
ПнВтСрЧтПтСбВс
  12345
6789101112
13141516171819
20212223242526
2728293031
Поиск
Друзья сайта
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Copyright Massiveattack © 2024Хостинг от uCoz