На Вашем компьютере обнаружен устаревший браузер!
(Доступ на сайт будет ограничен)
Советуем Вам скачать новую версию браузера:

Вход на сайт

Рекомендуем ознакомиться со следующими разделами Фотошопа:



Разместите здесь свою рекламу
Главная » Photoshop » Сайт-портфолио художника в стиле блокнота
04.06.2020

Сайт-портфолио художника в стиле блокнота

Сайт-портфолио художника в стиле блокнота - уроки фотошоп

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

Сложность: средняя
Время: более 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=Обводка.

Сайт-портфолио художника в стиле блокнота - уроки фотошоп

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

Сайт-портфолио художника в стиле блокнота - уроки фотошоп

Автор: Alexandra Fomicheva
Ссылка на источник: http://alfoart.com

(+8 баллов, 8 оценок)
Loading ... Loading ...
Написать комментарий

Подписаться, не комментируя

.