Foto Design-Fototruki

Пятница, 10.05.2024, Приветствую Вас Гость
Главная | Регистрация | Вход

-

Главная » Статьи » Уроки Photoshop » Делаем шапку для сайта

Привет! В этом уроке Photoshop мы будем делать шапку для сайта. Если хочешь узнать, как это делается - читай дальше.

Шаг 1

Создаем новый документ (я сделал документ размером 800х180 пикселей). Для начала, зальем наш фон оранжевым цветом. Установите цвет переднего плана в вашей панели цветов в #ffa557 и цвет заднего плана - #ff5404. Выберите инструмент градиентной заливки, затем щелкайте левой кнопкой мыши сверху вашего документа и тяните вниз, не отпуская кнопку. Получился градиент.

фотошоп photoshop шапка для сайта

Шаг 2

Создаем новый слой (в меню Layer > New > Layer) и выбираем инструмент Pen tool(P). Добавим несколько точек, как на рисунке ниже.

фотошоп photoshop шапка для сайта

Выбираем инструмент Convert point tool(в том же секции, что и Pen Tool) и кликаем правой клавишей мыши на узел, который вы видите ниже на картинке.

фотошоп photoshop шапка для сайта

Перетащите узел так, чтобы линия стала гладкой, как у нас на рисунке ниже.

фотошоп photoshop шапка для сайта

Кликаем правой клавишей по выделению, выбираем " Make Selection” - ставим радиус в "0″. Заливаем выделение белым цветом (в меню Edit > Fill).

фотошоп photoshop шапка для сайта

Шаг 3

Ставим режим смешивания слоя в Soft light и прозрачность в 20%.

фотошоп photoshop шапка для сайта

Шаг 4

Копируем слой  ( Ctrl + J) и ставим прозрачность в 40%.

фотошоп photoshop шапка для сайта

Шаг 5

Сейчас мы сделаем логотип. Создаем новый слой (в меню Layer > New > Layer). Используя инструмент Elliptical marquee tool(M),  создадим окружность и зальем ее белым цветом.

фотошоп photoshop шапка для сайта

Создайте еще одну окружность внизу вашей первой окружность и нажмите Delна вашей клавиатуре. У вас должно получиться что-то вроде этого.

фотошоп photoshop шапка для сайта

Создайте новый слой и добавьте на него маленькую окружность, залитую белым цветом, как у нас на рисунке ниже.

фотошоп photoshop шапка для сайта

Шаг 6

Добавьте надпись на вашу шапку, расположите ее справа.

фотошоп photoshop шапка для сайта

Сейчас мы сделаем отражение текста. Скопируйте слой и поместите его ниже оригинала, затем идем в Edit > Transform > Flip Verticle и ставим прозрачность на20%.

фотошоп photoshop шапка для сайта

Шаг 7

Создаем новый слой и с помощью прямоугольников с закругленными углами делаем меню (радиус закругления - 10 пикселей, цвет заливки - белый).

фотошоп photoshop шапка для сайта

Поставьте прозрачность слоя на 40% и режим смешивания - Soft light.

фотошоп photoshop шапка для сайта

Добавим названия разделов меню… И все - мы закончили!

 

Финальный результат

фотошоп photoshop шапка для сайта

Оригинал статьи с :Источник

Категория : Делаем шапку для сайта | Источник материала |
Просмотров : 1042 | Теги : уроки фотошоп, как сделать шапку для сайта в Photo
Foto Design-Fototruki-www.fototruki.3dn.ru