Создаем новое изображение 700 x 500 pixels (File > New). Создаем новый слой (Layer > New > Layer …). На нем с помощью инструмента Rectangular Marquee Tool (M) делаем выделение в левой части изображения и заливаем цветом #EBEBEB.
Выбираем инструмент Gradient Tool (G). Тип его устанавливаем как Linear . Далее настраиваем так как показано на рисунке ниже, единственное что нужно заменить это цвет переднего плана на #CFCFCF.
Протяните градиентом в нашем выделении слева на право.
Сейчас мы будем создавать текстуру. Создаем новое изображение 11 x 11 pixels (File > New). Увеличим изображение нажав сочетание клавиш (Ctrl и +). Далее выбрав инструмент Pencil Tool (B) и установив цвет переднего плана как #000000 рисуем квадратики, и сразу же выделяем все изображение (Ctrl + A)
Выполняем команду Edit > Define Pattern. Указываем название нашей текстуры и жмем ОК. Далее это изображение можно закрыть. Возвратившись на наше основное изображение выбираем инструмент Paint Bucket Tool (G). Выбираем тип как Pattern и далее выбираем нашу созданную текстуру
Кликаем нашим ковшом по левой части. Должно получиться так (в увеличенном варианте)
Далее выполняем команду Edit > Fade Paint Bucket. В появившемся окошке указываем Opacity 18%. Теперь выбираем инструмент Single Column Marquee Tool и делаем выделение рядом с нашим градиентом, залив его (вновь созданное выделение) цветом #878787
После этого снова берем инструмент Rectangular Marquee Tool (M) и делаем выделение подобное рисунку ниже. Заливаем его цветом #D6D6D6
Теперь берем инструмент Gradient Tool (G) и делаем все как в шаге 1. Единственное что меняем так это цвет переднего плана на #C0C0C0.
Сейчас берем инструмент Single Column Marquee Tool и делаем два выделения. Заливаем их цветом #878787.
Снова при помощи этого же инструмента (Single Column Marquee Tool) делаем выделение между нашими двумя предыдущими выделениями и заливаем цветом #EBEBEB
Тот слой, на котором мы создали левую часть, дублируем (Layer > Duplicate Layer). Получившийся дублированный рисунок располагаем справа и выполняем команду Edit > Transform > Flip Horizontal. И наконец объединяем наши два слоя (кроме слоя Background. Его лучше вообще выключить, кликнув по глазику около него) Итак теперь мы имеем рисунок с полосками слева и справа.
Теперь будем делать шапку. Итак создаем новый слой (Layer > New > Layer …) и назовем его “Шапка”. Сделайте выделение подобное рисунку ниже и залейте цветом #FFFFFF. Затем с помощью разных кистей создаем произвольный абстрактный рисунок
Теперь раскрасим нашу шапку при помощи команды Hue/Saturation (Ctrl + U).
Время добавить лого. В данном уроке использовался объект из игры
Counter Strike. У него был удален фон, а ненужные части были отрезаны,
чтобы он компактно поместился на нашей шапке
Затем создаем новый слой. Инструментом Rectangular Marquee Tool (M) делаем выделение равное 1 pixel и заливаем цветом #878787 (рисунок увеличен)
Опять делаем выделение подобное нижнему рисунку и заливаем цветом #DCDCDC.
Берем инструмент Gradient Tool (G). Тип его Linear . Цвет переднего плана #C7C7C7. Проводим по нашему выделению сверху вниз. Так же ниже делаем выделение в один пиксел, и заливаем цветом #878787
Сейчас снова будем создавать текстуру. Подробное ее создание,
сохранение и применение описано в шаге 2. Вот как должна выглядеть
новая текстура
Создаем новый слой. Назовем его “Текстура”. На нем делаем выделение подобное рисунку ниже (выделение должно быть 5 пикселей вниз). Заливаем его нашей текстурой и приводим как показано на рис ниже
Создаем новый слой (Layer > New > Layer…) и заливаем его цветом #EBEBEB. Перемещаем его ниже всех слоев, но выше нашего выключенного слоя Background. Возвращаемся на слой “Текстура”. Изменяем значение Opacity у этого слоя на 28%. Опять создаем новый слой и на нем делаем выделение подобное рисунку ниже и заливаем цветом #878787.
Создадим меню нашему сайту. Итак создаем новый слой. Назовем его “Меню”. Берем инструмент Rectangular Marquee Tool (M). Настраиваем его как показано на рисунке ниже и создаем выделение
Заполняем выделение цветом #DCDCDC . Идем в Layer > Layer Style > Stroke. Настраиваем
Снова создаем новый слой. На нем делаем выделение. Заполняем его цветом #C9C9C9. Инструментом Gradient Tool (G) с цветом переднего плана #B3B3B3 (как это мы проделывали уже много раз) проводим сверху вниз. Также здесь делаем 2 выделения размером 1 пиксел. Заливаем их #878787
Выбираем средний промежуток между нашими выделениями и заполняем цветом #EBEBEB.
Сделаем выделения подобные рисунку ниже справа нашего меню
Создаем новый слой и заполняем наши выделения #C6C383. Выполним Layer > Layer Style >Stroke
Объединяем слои которые получились выше слоя “Меню” с ним. Мы имеем готовое окошечко меню. Дублируем наш готовый слой “Меню” (Layer > Duplicate Layer) Используя инструмент Moovie Tool (V) расположим наш появившийся слой ниже
Дублируем слой еще несколько раз
Подпишем наши меню (T). Цвет шрифта #878787.
Сделаем надпись нашей шапке. Используйте шрифт на ваш вкус. Применим к нему стиль Layer > Layer Style > Outer Glow.
Сделаем еще продольное меню сверху. Дублируем наш слой “Меню”. Располагаем его как на рис выше. Делаем выделение
Идем Edit > Transform > Scale. Увеличиваем размер
Вот и все. Дизайн готов.
Перевод подготовил: Кивач Мстислав
Источник: www.psdtuts.com | 
