Header with tech look

[web-design]

Рисуем

Для начало создадим документ размеров 800*200 пикселей и белым фоном.
Зададим цвет переднего плана таким #01b9f5,
а заднего таким #006696

Создаем новый слой и заливаем его градиентом сверху вниз.
Должно получиться что-то вроде этого


Выбираем Elliptical Marquee Tool с такими настройками


Рисуем выделение


Затем выбираем Rectangular Marquee Tool с настройками

И добавляем выделение вот так


И еще раз Elliptical Marquee Tool,но уже с другими настройками

и рисуем еще одно выделение


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


Заливаем белым цветом и давим ctrl+D чтобы снять выденение


Копируем этот слой и уменьшаем в размере


Берем Line Tool толщиной 1 пиксель и рисуем


Выбираем Ellipse Tool и дорисовываем круг


Используя Rectangle Tool добовляем прямоугольник


Шагаем по адресу Edit > Transform > perspective
и выставляем такие параметры


Копиhetv слой до получение желаемого рузультата


Объединям все слои составляющие этот рисунок


И клонируем


Выбираем оба слоя и опять клонируем


Шагаем Edit > Transform > Flip Horizontal
и выставляем копии симметрично
можно добавить текст (как у автора)


Теперь автор советует скопировать 4 ранее полученных слоя,чтож не будем ему отказывать


Выбираем Move tool ( press V )
и ровняем вот так


Результат выравнивания такой


Добавляем детали.У автора это текст написанный шрифтом маленького размера


И еще одна деталь добавляющая стиля в рисунок

Создаем новый документ с параметрами


Увеличиваем масштаб до 1600,берем Pencil tool и рисуем три точки


Идем Edit > Define Pattern... и жмем ОК
Возвращаемся к нашему шедевру
Создаем новый слой и заливаем его только что созданным узором


Получаем вот что


Меня параметры наложения вот на такие


Воаля!Наш шедевр готов.



Если поиграть с фильтрами и эффектами можно получить интересные результаты.
Спасибо за внимание.

Автор: Admin
Источник:Talk-mania
Взято с

@темы: Уроки, Web-дизайн