Вы интересуетесь веб-дизайном? Я покажу вам, как сделать многослойный фон для вашего сайта.

Очевидно, что первое, что мы должны сделать, это создать новый документ. Для этого урока я использую не очень большой размер 1000 ? 700 пикселей. Затем заполните холст черным цветом. После этого мы будем создавать фон Шаг за шагом.

Теперь создаем новый слой, после чего взять Прямоугольную область Rectangular Marquee Tool и сделать выделение как показано на картинке ниже и заполните его цветом # 302f13:

Снимите выделение Ctrl+D и применить Фильтр>Шум Noise>Добавить шум Add Noise с низкими параметрами:

Ваше изображение должно выглядеть как у меня:

После этого применяется Внутренняя тень стиля слоя к этому слою:

Теперь скопируйте этот слой CTRL + J и переместите его вниз, после чего действие изменения угла Внутренняя тень от -90 до +90 градусов:

Ок, давайте делать дальше шаги в создании нашего сайта фон. Выберите Прямоугольную область Rectangular Marquee Tool вновь и сделать выделение около половины оставшихся в черном поле, а затем создать новый слой и заполните ее с цветами 2a400f # и # 1a2f06.

Теперь я хотел бы внести некоторые  градиентной линии. Для этого создайте новый документ размером 3 ? 3 пикселей и сделать косую линию с помощью Карандаша Pencil Tool как показано на картинке ниже:

Затем перейдите в Редактирование-Определить узор Edit> Define Pattern и сохранить его как шаблон. После этого вернемся к нашему основному документу и применить Перекрытие узором Pattern Overlay стиля слоя, чтобы получить следующее фото:

Теперь выберите снова Rectangular Marquee Tool и выберите оставшуюся часть черного фона, затем создайте новый слой и заполните его градиентом, используя цвет 374a20 # и # 1a2d08.

Я думаю, мы должны добавить пару строк на второй план. Теперь выйти Горизонтальная строка Single Row Marquee Tool, Создать новый слой и заполните выделение черным цветом. Затем переместите выделение на один пиксель ниже и заполните его белым цветом. Жмём Ctrl + D чтобы отменить выделение и изменение прозрачности слоя 20%.

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

!

Теперь нам нужно добавить окно, чтобы закончить фон сайт . Создадим новый слой. Теперь взять Закруглённый прямоугольник Rounded Rectangle Tool, Созданная радиусом около 10 пикселей и нарисуйте прямоугольник с закругленными углами на свой холст, то это будет в главном окне.

При необходимости Вы можете применить Тень,Внешнее и внутреннее свечение и Обводку Drop Shadow, Outer Glow, Inner Glow, Gradient Overlay и Обводка  стили слоя к этому слою:

Чтобы закончить фон мы должны добавить вертикальные темные линии с левой и правой стороны холста . Теперь создаем новый слой, после чего активировать Инструмент градиента — черный с прозрачным градиентом, заполнить в рабочей области, как показано на картинке ниже:

Мы сделали  многослойным фон сайта. Надеюсь, что это руководство было полезным для вас.

.

Перевод: swaego