Мы запустили Форум! (*beta)






Видеокурс «Photoshop Professional. От чайника до профи за один день» поможет Вам стать профессионалом в фотошопе всего за 24 часа! Курс специально построен так, чтобы Вы научились создавать работы профессионального качества уже на следующий день. МИНИМУМ ТЕОРИИ, МАКСИМУМ ПРАКТИКИ

Подробнее...




сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

В этом уроке мы будем создавать такой дизайн:


Дизайн шапки авто-диллерского сайта


1. Создайте новый документ размером 766×329 пикселя с разрешением 72 dpi. Потом инструментом Прямоугольник (Rectangle Tool) создайте форму, показанную ниже:


Дизайн шапки авто-диллерского сайта


2. К слою с прямоугольником примените стиль Наложение градиента (Layer Style - Gradient Overlay):


Дизайн шапки авто-диллерского сайта

Дизайн шапки авто-диллерского сайта


3. Создайте основную часть шапки сайта цветом #484846.


Дизайн шапки авто-диллерского сайта


4. Инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) создайте область для объявления. Не забудьте применить стили слоя, показанные в следующем шаге:


Дизайн шапки авто-диллерского сайта


5. Примените стиль Внутреннее свечение (Layer Style - Inner Glow):


Дизайн шапки авто-диллерского сайта


Обводка:


Дизайн шапки авто-диллерского сайта

Дизайн шапки авто-диллерского сайта


6. Инструментом Прямоугольник (Rectangle Tool) создайте ещё одну фигуру, как показано ниже. Она тоже является элементом дизайна:


Дизайн шапки авто-диллерского сайта


7. К слою с прямоугольником примените стиль Наложение градиента (Layer Style - Gradient Overlay):


Дизайн шапки авто-диллерского сайта

Дизайн шапки авто-диллерского сайта


8. Инструментом Перо (Pen Tool) создайте фигуру цветом #E5E5E5 на области опубликования, показанную ниже. Эта фигура будет свечением. Добавьте маску слоя, кликнув на соответствующей иконке внизу палитры слоёв, и чёрной мягкой кистью обрисуйте левую и нижнюю стороны.


Дизайн шапки авто-диллерского сайта

Дизайн шапки авто-диллерского сайта


9. Между градиентными полосками создайте фигуру чёрного цвета инструментом Прямоугольник (Rectangle Tool). Потом создайте новый документ размером 2х2 пикселя. Инструментом Карандаш (Pencil Tool) создайте узор, показанный ниже, цветом #898989.


Дизайн шапки авто-диллерского сайта


Перейдите в меню Редактировать»Определить узор (Edit>Define Pattern):


Дизайн шапки авто-диллерского сайта


10. Вернитесь в основной документ и к созданной фигуре примените следующие стили в меню Стилей слоя (Layer Style - Blending Options):

Внутренняя тень:


Дизайн шапки авто-диллерского сайта


Наложение узора (выберите созданный узор):


Дизайн шапки авто-диллерского сайта


Результат:


Дизайн шапки авто-диллерского сайта


11. Вставьте изображение машины.


Дизайн шапки авто-диллерского сайта


12. Теперь займёмся созданием заголовка:


Дизайн шапки авто-диллерского сайта


13. Используя показанные ниже настройки текста, напишите название сайта “AUTO DEALER”:


Дизайн шапки авто-диллерского сайта


К этому текстовому слою примените стиль Наложение градиента (Layer Style - Gradient Overlay):


Дизайн шапки авто-диллерского сайта


Отбрасывание тени:


Дизайн шапки авто-диллерского сайта


14. Для маленького текста используйте эти настройки:


Дизайн шапки авто-диллерского сайта


Стиль Наложение градиента:


Дизайн шапки авто-диллерского сайта


Отбрасывание тени:


Дизайн шапки авто-диллерского сайта


15. Перейдём к созданию меню:


Дизайн шапки авто-диллерского сайта


Используя такие настройки текста, напишите названия кнопок меню:


Дизайн шапки авто-диллерского сайта


Примените стиль Отбрасывание тени (Layer Style - Drop Shadow) и настройте так:


Дизайн шапки авто-диллерского сайта


16. Инструментом Линия (Line Tool) создайте разделительные линии толщиной 1 пиксель.


Дизайн шапки авто-диллерского сайта


17. В области для опубликования напишите текст:


Дизайн шапки авто-диллерского сайта


Это настройки для слова “FREEDOM” (остальные настройки стилей такие же, как и для оранжевого текста с заголовка):


Дизайн шапки авто-диллерского сайта


Это настройки для белого текста (слова “GIVE” и “CHOICE” должны быть написаны жирным шрифтом):


Дизайн шапки авто-диллерского сайта


Настройки стиля Отбрасывание тени (Layer Style - Drop Shadow) для белого текста:


Дизайн шапки авто-диллерского сайта


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


Дизайн шапки авто-диллерского сайта



Ссылка на источник урока

Добавление комментария

Ваше Имя

Ваш E-mail

Код:Включите эту картинку для отображения кода безопасности
обновить код

Введите код: