Urban Rivals RU
Меню сайта
Категории каталога
Материалы сайта
Облако тегов
Иконки групп by kz-love Как сделать Анимированный аватар в PhotoShop Скачать Шаблон "WorldPress" Реалистичный огонь Иконки для форума UCOZ Favourites Скачать шаблон для клана CS 1.6 Скачать кнопки для форума Анимированный дождь Скачать шаблон для ucoz Скачать бесплатно шаблон Design Vista Скачать кнопки для ucoz ЧАСЫ Скачать шаблон by bannerkz|TeKtOnIk Граффити Набор иконок для форумов в системе UcoZ - Голубые иконки Набор кнопок для uCoz КС шаблон Скачать Скачать Иконки для ucoz - ApexGold Скачать шаблон для КИНОСАЙТОВ Скачать лучший шаблон для ucoz Скачать иконки групп Скачать ШАБЛОН на тему Wow Templates Иконки групп для ucoz by CкРиПтЕг Рисуем сайт для хостинговой компании Скачать RedDragon Diz Создание композиции в фотографиях
Главная » Статьи » Уроки 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)
Просмотров: 3455 | Рейтинг: 5.0/2 | |Теги:
Пожалуйста! Если вам понравился этот материал напишите свой отзыв. Посетите наш ФОРУМ


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

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

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