В данном уроке я покажу, как легко можно создать великолепный дизайн сайта с помощью простой текстуры старой бумаги. Вот мой конечный результат.
Для создания данного дизайна потребуется изображение папируса или старой бумаги.
Когда вы найдете подходящее изображение, вставьте его в центр документа.
К этому слою примените тень. Для этого с активным слоем с бумагой зайдите в Layer > Layer styles > Drop Shadow со следующими настройками.
Вот мой результат: помните, каждая простая деталь ведет к великолепному дизайну сайта.
С помощью Polygonal Lasso Tool сделайте выделение как на рисунке.
С помощью данного выделения мы будем создавать кнопки. Убедитесь, что выбран первый слой (слой с бумагой) и нажмите CTRL+J. этим мы вырежем кусок бумаги на отдельный слой. Назовите новый слой «кнопка».
Выберите слой «кнопка» и зайдите в Edit > Transform > Rotate 180. С помощью move tool поместите маленькую кнопку наверх документа.
Затем перетащите этот слой над фоновым слоем.
Повторите эти действия пока не разместите все кнопки, которые необходимы. Вот мой результат.
Добавьте текст.
Я хочу поменять цвета кнопок. Самый простой способ – это использовать настройку HUE / Saturation.
Выберите слой с первой кнопкой и нажмите CTRL+U для открывания окна насыщенности. Примените следующие настройки, если хотите получить такой же цвет.
Вот моя новая кнопка.
Теперь измените цвет каждой кнопки. Вот мои кнопки.
Пришло время добавить текст и картинки в документ. Это простое задание и я думаю, у вас не будет с этим никаких проблем.
Дизайн сайта выглядит достаточно хорошо, но я думаю, будет лучше, если мы добавим хороший фон.
Скачайте текстуру с http://www.stock-textures.com/wallpaper/rovere-wood/ и поместите ее над фоновым слоем.
Мне не нравится получившееся изображение, так как нет контраста, которого я хотел. Но я обесцветил фоновое изображение и получил красивый результат. Для обесцвечивания слоя зайдите в Image > Adjustments > Desaturate.
Вот мой конечный результат.
Коментарии (3)
