» Форма входа

»Мoy-weB ver.4.1

» Статистика

Главная » 2008 » Сентябрь » 10 » Mакет автомобильного сайта

Mакет автомобильного сайта
10.Сен.2008 | 16:48:21
Cars & Transportation layout

Результат:

Mакет автомобильного сайта



Создайте новый документ размером 760 x 770 px, цвет фона: #343e48.

Затем выберите Rectangle Tool и в новом слое нарисуйте прямоугольник цветом #a00000.

Разместите это прямоугольник как показано на рисунке ниже:

Mакет автомобильного сайта


Затем добавьте стиль к слою с прямоугольником:

Mакет автомобильного сайта


Теперь добавьте картинку с машиной:

Mакет автомобильного сайта


Дублируйте слой с машиной (выберите слой с машиной и нажмите CTRL+J).
Затем: Edit > Transform > Flip Vertical.

И поместите дубликат слоя как показано ниже:

Mакет автомобильного сайта

Далее нажимаем Add Layer mask (3 кнопка снизу на панели слоев).
Затем выбираем Gradient Tool и делаем следующие установки:

Mакет автомобильного сайта


Залейте градиентом в направлении, показанном ниже:

Mакет автомобильного сайта


Результат:

Mакет автомобильного сайта



Теперь мы создадим новый узор.

Откройте новый документ 8 x 8 px с прозрачным фоном.
Увеличьте документ до 1600% и с помощью Pencil tool (размер 1 рх) нарисуйте следующее:

Mакет автомобильного сайта


Затем переходим Edit > define pattern.
Выбираем имя узора и нажимаем ОК.
Теперь можно закрыть документ 8x8.

Выберите Rectangular Marquee Tool и сделайте выделение сверху макета:

Mакет автомобильного сайта

Создайте новый слой (CTRL+SHIFT+ALT+N)
Выберите Paint Bucket Tool и заполните выделение созданным ранее узором.
Затем нажмите CTRL+D чтобы снять выделение.

Mакет автомобильного сайта


Далее переходим Filter > Render > Lightning Effects и делаем следующие установки:

Mакет автомобильного сайта


Мой результат:

Mакет автомобильного сайта


Теперь сделайте еще одно выделение:

Mакет автомобильного сайта


Создайте новый слой и заполните его тем же узором, снимите выделение:

Mакет автомобильного сайта



Добавьте стиль слоя:

Mакет автомобильного сайта


Результат:

Mакет автомобильного сайта


Нажмите CTRL+F (чтобы добавить тот фильтр, который использовали ранее):

Mакет автомобильного сайта



Добавьте текст:

Mакет автомобильного сайта


Добавьте изображения, для фона изображений я использовал тот же узор:

Mакет автомобильного сайта


Добавьте пунктирные линии:

Mакет автомобильного сайта


Выберете теперь фоновый слой (красный).
Идем в Layer > Rasterize > Shape.
Затем Filter > Render > Lightning Effects с установками:

Mакет автомобильного сайта


Мой результат:

Mакет автомобильного сайта


Добавьте стили слоя к заголовку сайта (CAR DEALER):

Mакет автомобильного сайта


Mакет автомобильного сайта

Mакет автомобильного сайта


Mакет автомобильного сайта


Mакет автомобильного сайта



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

Mакет автомобильного сайта


Автор: talk-mania.com
Перевод: Nastia
Категория: Уроки фотошоп | Просмотров: 786 | Добавил: CorsaR
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]