Понедельник, 23.10.2017, 18:24
Приветствую Вас Гость

Быстрая регистрация
Photoshop
Наш опрос
Как вам наш сайт?
Всего ответов: 12
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » Статьи » Уроки по фотошопу » Графика для сайта

Хедер для автомобильного сайта
Делаем стильный хедер с навигацией для автомобильного сайта.

На новом документе нарисуйте черный прямоугольник с помощью rectangular shape tool

Щелкните дважды на слое с прямоугольником, чтобы открыть палитру стилей. Примените следующие стили:


Получится такая форма:

Создайте еще одну форму, используя pen tool

Щелките дважды на слое с новой фигурой, чтобы снова открыть палитру стилей. Примените следующие стили:


Получится так:

Таким же способом создайте еще одну закругленную фигуру. Заполните ее серо-черным градиентом.

Создайте прямоугольную полоску, используя rectangular shape tool

Дважды кликните по новому слою, чтобы открыть палитру стилей.
Примените следующие стили.



Вот результат:

Зажмите клавишу Ctrl и кликните по слою с прямоугольником, появится выделение. Уменьшите выделение на 2 пикселя, для чего в главном меню - Select - Modify - Contract - 2 px - OK

Создайте новый слой
Установите градиентот черного к белому и залейте выделенный прямоугольник.
Поменяйте режим смешивания слоев на "color dodge" и установите прозрачность (opacity) на 50%.

Создайте еще несколько форм. Разместите панель "поиск" как показано на картинке. Вырежите картинку машины, например Феррари, и разместите его слева от таблички "поиск".

Вставьте еще одну картинку автомобиля. Поменяйте режим смешивания (blending mode) на "luminosity". Переместите этот слой под слой с серой формой в палитре слоев.

Напишите названия ссылок на прямоугольной полоске.

Вот и готов наш скоростной заголовок с панелью навигации.
Думаю, вам будет очень удобно рулить сайтом с помощью такого хедера.

Категория: Графика для сайта | Добавил: Кузя (03.12.2009)
Просмотров: 850 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа


Регистрация на сайте
Напомнить пароль
Поиск
RSS-лента
Кликните по иконке, чтобы получать новые уроки по RSS каналу
Друзья сайта