Главная » 2016 » Июнь » 03 » Создаём шапку для сайта
18:07
Создаём шапку для сайта

Создаём шапку для сайта

Данный урок будет полезен всем новичкам, он научит вас основным приёмам создания шапки сайта в фотошопе.

Прежде всего, откройте новый документ заказного размера с шириной и высотой (Width & Height) 650 на 199 пикселей соответственно, разрешением (Resolution) 72 пикселя и цветовым режимом RGB (Mode RGB Color).

Создаём шапку для сайта

Создайте новый слой Слой > Новый > Слой (Layer > New > Layer) и затем создайте следующее выделение с помощью инструмента Прямоугольная область Прямоугольная область выделения (Rectangular Marquee Tool) (M) (Rectangular Marquee Tool).

Создаём шапку для сайта

Теперь заполните выделение любым цветом и затем сделайте выделение с помощью инструмента Прямоугольная область Прямоугольная область выделения (Rectangular Marquee Tool) (M) (Rectangular Marquee Tool) как указано ниже.

Создаём шапку для сайта

Теперь выберите инструмент Градиент Градиент (Gradient Tool) (G) (Gradient Tool) и выставьте следующие настройки градиента:

Создаём шапку для сайта

Создайте новый слой Слой > Новый > Слой (Layer > New > Layer) и заполните выделение с помощью инструмента Градиент Градиент (Gradient Tool) (G) (Gradient Tool) с направлением сверху вниз и ваша картинка должна будет теперь выглядеть как внизу:

Создаём шапку для сайта

Создайте новый слой Слой > Новый > Слой (Layer > New > Layer) и сделайте следующее выделение с помощью инструмента Прямолинейное лассо Прямоугольное лассо (Polygonal Lasso Tool) (L) (Polygonal Lasso Tool).

Создаём шапку для сайта

Теперь выполните следующие действия: Выделение > Модификация > Оптимизировать (Select > Modify > Smooth) и примените такие настройки:

Создаём шапку для сайта

Теперь ваш рисунок должен выглядеть так:

Создаём шапку для сайта

Заполните выделение цветом fffffa и затем сделайте следующее выделение с помощью инструмента выделения Прямоугольная область Прямоугольная область выделения (Rectangular Marquee Tool) (M) (Rectangular Marquee Tool) и нажмите Delete.

Создаём шапку для сайта

Создайте новый слой Слой > Новый > Слой (Layer > New > Layer) и нарисуйте следующую фигуру с помощью инструмента Прямоугольник с закругленными углами Прямоугольник со скругленными углами (Rounded Rectangle Tool) (U) (Rounded Rectangle Tool). Затем нажмите правую кнопку мышки и выберите Образовать выделенную область (Make Selection).

Создаём шапку для сайта

Заполните выделение цветом 00bff3 и придайте слою Режим наложения (Blending Mode) - Линейное затемнение (Linear Burn).

Создаём шапку для сайта

После этого Ваш рисунок должен выглядеть, как показано ниже. Теперь создайте следующее выделение с помощью инструмента Прямоугольная область Прямоугольная область выделения (Rectangular Marquee Tool) (M) (Rectangular Marquee Tool).

Создаём шапку для сайта

Создайте новый слой Слой > Новый > Слой (Layer > New > Layer) и заполните выделение цветом fffffa. Режим наложения (Blending Mode) этого слоя должен быть Перекрытие (Overlay). Кроме этого снизьте Прозрачность (Opacity) до 12%.

Создаём шапку для сайта

Создайте следующее выделение с помощью инструмента Область (горизонтальная строка) (Single Raw Marquee Tool) удерживая при этом Shift.

Создаём шапку для сайта

Создайте новый слой Слой > Новый > Слой (Layer > New > Layer) и заполните выделение цветом fffffa, понизив Прозрачность (Opacity) слоя. Затем создайте следующее выделение с помощью инструмента Прямоугольник с закругленными краями Прямоугольник со скругленными углами (Rounded Rectangle Tool) (U) (Rounded Rectangle Tool).

Создаём шапку для сайта

Создайте новый слой Слой > Новый > Слой (Layer > New > Layer) и заполните выделение любым цветом. После этого выберите Внутренняя тень (Inner Shadow) и примените следующие настройки:

Создаём шапку для сайта

Выберите Наложение градиента (Gradient Overlay) и используйте такие настройки:

Создаём шапку для сайта

Теперь выберите Обводка (Stroke) и примените следующие настройки:

Создаём шапку для сайта

После этого Ваш рисунок должен выглядеть так:

Создаём шапку для сайта

Теперь создайте три копии слоя, нажав три раза Ctrl+J, и разместите каждую с помощью инструмента Перемещение Перемещение (Move Tool) (V) (Move Tool).

Создаём шапку для сайта

Затем выберите инструмент Горизонтальный текст Горизонтальный текст (Horizontal Type Tool) (T) (Text Tool) и создайте надписи.

Создаём шапку для сайта

Создайте новый слой Слой > Новый > Слой (Layer > New > Layer) и выберите инструмент Произвольная фигура Произвольная фигура (Custom Shape Tool) (U) (Custom Shape Tool) с использованием фигуры Солнце 1 и таких настроек:

Создаём шапку для сайта

Создайте вышеуказанную фигуру с помощью инструмента Произвольная фигура Произвольная фигура (Custom Shape Tool) (U) (Custom Shape Tool) и затем выберите инструмент Перо Перо (Pen Tool) (P) (Pen Tool). Нажмите правой кнопкой мышки и выберите Образовать выделенную область (Make Selection), задайте радиус 0 пикселей, выберите Новая выделенная область (New Selection) и ОК.

Создаём шапку для сайта

Теперь Ваш рисунок должен выглядеть, как указано ниже. Заполните его цветом fffffa, Режим наложения (Blending Mode) этого слоя должен быть Мягкий свет (Soft Light).

Создаём шапку для сайта

Создайте новый слой Слой > Новый > Слой (Layer > New > Layer) и сделайте выделение с помощью Произвольная фигура Произвольная фигура (Custom Shape Tool) (U) (Custom Shape Tool).

Создаём шапку для сайта

Теперь заполните выделение любым цветом и, зайдя в Параметры наложения (Blending Options), выберите Тиснение (Bevel & Emboss).

Создаём шапку для сайта

Вот и конечный результат:

Создаём шапку для сайта

Категория: Графика для сайта | Просмотров: 298 | Добавил: Эва_Лорд | Теги: Создаём шапку для сайта, Исходники (шаблоны), ретушь фото, Уроки Фотошоп, Дизайн сайта | Рейтинг: 5.0/1
Всего комментариев: 0
Имя *:
Email *:
Код *: