шапку для сайта на AdobePhotoshop

Новые сообщения

Страница 1 из 1 1
Модератор форума: chocopie

шапку для сайта на AdobePhotoshop (как быстро сделать отличную шапку)

шапку для сайта на AdobePhotoshop

ruslansymvol

пользователь

Сообщений: 111

Репутация:

off-line Добавлено: 2012-Янв-18 - 15:34 | Сообщение #1

Отличный урок создания шапки для сайта на Adobe Photoshop CS. За несколько шагов мы создаём уникальный и красивый элемент сайта!
Рассмотрим с Вами как можно быстро сделать несложную шапку для сайта на AdobePhotoshop. Шапка на самом деле несложная, но если вы подключите свою фантазию, то может получиться очень даже хорошо.
И так, вооружаемся "фотошопом" и приступайте.

1. Первое, что нужно сделать, это создать новый холст, пусть он будет размером 800x150px:

2. Заходим в Layer Style (кликните правой клавишей по слою, выберите Blending Options) вкладка Gradient Overlay. Следующим образом настраиваем градиент (красным цветом на картинке отмечены шестнадцатеричные значения цветов):

Жмём везде «Ok» и получается фон:

3. После этого выбираем инструмент Pen Tool и рисуем фигуру. Подключайте свою фантазию. Возьмём цвет #313e5a:

4. Заходим в Layer Style на вкладку Drop Shadow и выставляем следующие параметры:

После этого должно получиться примерно как на картинке:

5. Теперь выбираем кисточку с пятнами краски (если у Вас в наборе нет подобной кисточки, поищите в Интернете), создайте новый слой и что-нибудь «наляпайте» примерно как на картинке:

6. Создаём новый слой ещё раз, смешивание (Blend Mode) измените с Normal на Overlay и снова нарисуем что-нибудь:

http://www.woolfs.ru/images/photoshop/80000000.jpg

7. Создайте новый слой и залейте его любым цветом (с помощью Paint Bucket Tool), затем непрозрачность заливки Fill уменьшите до 0%.

Зайдите в Layer Style на вкладку Inner Shadow и настройте следующие параметры:

8. А на вкладке Pattern Overlay настройте заливку текстурой. В качестве текстуры выберите какую-нибудь штриховку (как создавать подобную текстуру сказано, например, в начале урока №21):

Получиться должно вот так

А сейчас давайте напишем название для сайта. Самый ответственный момент.

10. Раскрасьте его по следующему принципу:

11. Нарисуйте ещё что-нибудь и напишите слоган вашего сайта:

12. А сейчас создайте копию слоя с названием сайта (для этого перетащите слой на иконку создания нового слоя или кликните по слою правой клавишей и там выберите Duplicate Layer).

Отразите по вертикали копию слоя с названием сайта (Edit —> Transform —> Flip Vertical) и разместите её (надпись) ниже:

13. Добавьте маску слоя (на панели слоёв кликните по кнопке Add layer mask):

14. Выберите инструмент Gradient Tool (градиент) и чёрно-белым градиентом залейте маску сверху вниз:

15. Снизу напишите названия основных разделов сайта:

16. Создайте новый слой. С помощью инструмента Rectangular Marque Tool выделите верхнюю часть изображения и залейте её белым цветом (с помощью Paint Bucket Tool):