Прекрасные сайты можно создать, если немного пофантазировать. В этом уроке мы создаем сайт, имитирующий рабочий блокнот художника.

Сложность: средняя
Время: более 1 часа

Навыки для «прокачки»:
- работа с инструментом Перо
- работа с 7 фильтрами Фотошоп
- работа со свойствами слоя
- загнутый уголок в Фотошопе
- создание объемных элементов

Создайте новый документ. Фон состоит из двух слоев.



Заполните первый слой Pattern Overlay=Наложение узора, который состоит из черных линий на прозрачном фоне.



Примените Pattern overlay=Наложение узора листьев и Gradient Overlay=Наложение градиента для второго слоя.





Нарисуйте фигуру листа из блокнота с помощью инструмента Pen Tool=Перо.



Примените следующие стиля слоя.





Дублируйте слой с фигурой, и расположите его под оригиналом. Загрузите выделение слоя и залейте чёрным цветом, затем перейдите Edit-Transform-Warp=Редактирование=Трансформирование =Деформация




Измените Opacity=Непрозрачность 70%, режим смешивания Multiply=Умножение.
Затем применим Filter-Blur-Gaussian Blur=Фильтр-Размытие-Размытие по Гауссу 25-35

Выберите Filter-Noise-Add Noise= Фильтр-Шум-Добавить шум  количество 12,5%, Uniform= Равномерное, Monochromatic= Монохромный.



Используя инструмент Rectangle Tool=Прямоугольник, нарисуйте прямоугольник и поместите его под слоем с оригиналом формы листка.

Примените стиль слоя GradientOverlay= Наложение градиента, стиль зеркальный Reflected =Зеркальный



Создадим закладки.
Нарисуйте путь, используя Pen Tool=Перо, как на картинке ниже.
Заполните путь белым цветом (правой кнопкой вызываем меню, выбираем Fill Path - Color = Заполнить путь цветом).



Примените Warp=Деформация закладке.



Добавим следующие стиля слоя:





Загрузите выделение формы листка Ctrl + Click.

Создайте новый слой, выберите Filter-Render-Clouds= Фильтр-Рендеринг-Облака.



Примените Filter-Texture-Graquelure= Фильтр-Текстура-Кракелюры



Выберите режим смешивания Overlay=Перекрытие для этого слоя.



Для того, чтобы сделать закругленными края, создайте прямоугольник, используя Rectangle Tool=Прямоугольник со скругленными углами.

Загрузите выделение с помощью Ctrl + Enter нажмите Delete=Удалить





Примените Selection- Inverse=Выделение-Инверсия, для верхнего края



Дублируйте слой с формой листка несколько раз и примените Transformation- Distort=Трансформирование-Деформация, как показано на картинке ниже.



Откройте любое изображение в Photoshop. В уроке используется изображение цветка.
Перейдите Image-Adjustments-Channel Mixer=Изображение-Корректировки-Смеситель каналов, нажмите на монохромный.
Выберите Filter-Stylize-Glowing Edges=Фильтр-Стилизация-Свечение краев (1; 4; 2)
Затем Image-Adjustments-Invert=Изображение-Корректировки-Инвертировать
Примените режим наложения Multiply=Умножение для этого слоя и Overlay=Непрозрачность 80%.



Примените Filter-Artistic-Watercolor=Фильтр-Имитация-Акварель, установите Overlay=Непрозрачность для слоя 65%



Создайте новый слой, залейте белым цветом, Full=Заливка 0%.
Добавьте стиль слоя GradientOverlay= Наложение градиента (линейный, от белого к прозрачному)



Загрузите выделение изображения, создайте копию выделенной области и вставьте на новый слой под изображением с цветами.



Примените стиль слоя Stroke=Обводка.



Загрузите выделение для изображения цветов и залейте его любым цветом, Fool=Заливка 0%.
Нарисуйте путь, в правом нижнем углу используя Pen Tool=Перо, чтобы вырезать прямоугольник.
Добавьте стиль слоя GradientOverlay= Наложение градиента (линейный, от белого к прозрачному)
Нарисуйте тень, используя черную Brush=Кисть, поиграйте с настройками непрозрачности.



Создайте завернутый угол, использованием Pen Tool=Перо



Загрузите выделение и добавьте стиль слоя GradientOverlay= Наложение градиента (линейный, от белого к прозрачному)
Нарисуйте тень, используя Brush=Кисть.



Выберите верхнюю часть нашего изображения листа блокнота и, залейте его градиентом на новом слое.



Используя инструмент Type Tool=Текст, шрифт Pristina напишите текст, добавьте шум Filter-Noise-Add Noise=Фильтр-Шум-Добавить шум



Создайте новый слой и с помощью инструмента Custom Shape Tool=Произвольная фигура, добавьте Орнамент 1



Примените стиль слоя Stroke=Обводка.



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