Прекрасные сайты можно создать, если немного пофантазировать. В этом уроке мы создаем сайт, имитирующий рабочий блокнот художника.
Сложность: средняя
Время: более 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=Обводка.
Вот и все! Вот что у вас должно получиться!
