Эффект рваной бумаги

Вступление

Этот урок посвящен созданию реалистичного эффекта рваной бумаги с пятнами кофе. Урок тренирует навыки работы со слоями.

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

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

Создание документа

2. Залейте любым цветом.

3. Продублируйте слой Фон. Нажмите CTRL+J. Нажмите правой кнопкой по новому слою и переименуйте его в «Записка».

Создание рваные краев

1. Используя Инструмент “Лассо”, создайте выделение как показано ниже:

2. Удалим выделенное. Выберите Редактирование->Вырезать. Аналогично поступаем с оставшимися сторонами квадрата. Получаем:

Сделаем края записки еще более неровными, для этого:

2. Перейдите во вкладку “Форма отпечатка кисти”. Выберите стандартную кисть радиуса

17px, выставьте следующие параметры:

Установите значение “Интервалы” 47\%.

Поставьте галочку рядом с “Динамика формы”. Колебания размера установите 100\%.

Колебания угла 61\%.

Поставьте галочку рядом с вкладкой “Рассеивание”. Поставьте галочку рядом с “Обе оси”. Установите значение счетчика 2, а колебание счетчика 98\%.

Поставьте галочку рядом со “Сглаживание”.

Нажмите еще раз F5, чтобы убрать с экрана настройки кисти.

3. Создайте новый слой.

5. То же самое проделайте для всех сторон. В итоге должно получиться:

Сливаем эти два слоя (слой с квадратом и слой с «рваными» краями). Для этого:

1. Нажмите правой кнопкой на Слой1 ->Объединить с предыдущим.

Работа с текстурами

Применим к слою «Записка» следующие настройки:

1. Перейдем Слои->Стили слоя->Наложение узора.

2. Выберите самый последний узор.

Для лучшего эффекта можно под слои с бумагой добавить текстуру, например, дерева.

1. Нажмите Файл->Открыть.

2. Выберите нужный файл. Нажмите ОК.

3. В появившемся окне справа во вкладке Слои нажмите правой кнопкой на Фон и выберите “Создать дубликат слоя”.

4. Во вкладке Документ выберите Кофе, дайте слою имя “Дерево”. Закройте файл

“Дерево”.

5. В файле “Кофе” слой “Дерево” переместите на последнее место.

6. Нажмите правой кнопкой на этот слой и объедините его со слоем Фон.

Редактирование изображения

Создадим под запиской тень. Для этого:

1. Дублируем слой Записка.

2. Выделяем объект и заливаем его черным цветом.

3. Даем слою название Тень.

4. Переместите слой с тенью ниже слоя с бумагой.

5. Выполните: Редактирование->Трансформирование->Деформация.

6. Деформируем нижний край нашей тени как показано на рисунке:

7. Немного размоем тень:

a) Фильтр->Размытие->Размытие по Гауссу с радиусом размытия 13px:

Видим, что тень неравномерно видна. Исправим это. Используя инструмент Деформация,

скорректируем тень, это должно добавить больше реализма изображению

Следующим шагом будет наложение мятой бумажной текстуры. (Скачать можно здесь

https://www.sxc.hu/photo/1146676)

1. Нажмите Файл->Открыть. Выберите нужный файл. Нажмите ОК.

2. В появившемся окне справа во вкладке Слои нажмите правой кнопкой на Фон и выберите “Создать дубликат слоя”.

3. Во вкладке Документ выберите Кофе, дайте слою имя “Бумага”. Закройте файл

“Бумага”.

4. В файле “Кофе” слой “Бумага” переместите этот слой над остальными слоями.

7. Нажмите Ctrl+X чтобы удалить ненужную нам область.

Измените режим наложения на Умножение. Для этого:

1. Перейдите Слои->Стиль слоя->Параметры наложения.

2. Режим наложения измените на Умножение. Нажмите ОК.

Теперь добавим больше деталей. Для этого понадобиться этот файл

https://www.sxc.hu/photo/1231636.

1. Загрузите этот файл так же как и файл “Бумага”. Дайте слою имя Текстура.

2. Переместите слой над остальными.

3. Во вкладке Слои нажмите правой кнопкой на слой Текстура.

4. В списке выберите Создать обтравочную маску. Непрозрачность установите 26\%.

Работа с кистями

Добавим несколько пятен от кофе. Для этого понадобятся новые кисти, их нужно загрузить. (Ссылка на кисти https://www.brusheezy.com/brushes/1192-Coffee-Stains)

1. Выберите Инструмент “Кисть” и нажмите F5, чтобы вывести настройки кисти.

2. Нажмите на “Управление наборами” внизу экрана.

3. В открывшемся окне нажмите Загрузить и перейдите в папку, где хранятся кисти.

Выберите нужный файл.

4. Создайте новый слой.

5. Выберите темно-коричневый цвет и на новом слое поставьте несколько пятен.

Нужно удалить те части кисти, которые выходят за пределы бумажной области.

1. Перейдите на слой Бумага, и с нажатым Ctrl кликните на этот слой.

2. Перейдите на слой Пятна и нажмите Выделение->Инверсия, чтобы инвертировать выделение.

3. Нажмите Ctrl+X чтобы удалить ненужную нам область.

Работа с текстом

Напишем текст на записке:

1. Выберем инструмент “Горизонтальный текст”.

2. Выделите некоторую область и напишите текст.

3. Шрифт выберите Segoe Script размер 36пт. Поменяйте цвет на темно-синий.

Переместите, если нужно, текст. Режим смешивания смените на Жесткий свет.

Для начала необходимо иметь представление о том, как выглядит рваный край бумаги. Чтобы его увидеть, берем лист бумаги и рвем его на две половинки. Теперь посмотрите на рваный край одной из половинок с как можно более близкого расстояния. Если издалека он кажется ровный, то при детальном рассмотрении становиться понятно, что это совсем не так: он неровный и шероховатый. Знание этого факта пригодиться нам при создании эффекта рваной бумаги в Photoshop.

В качестве исходного материала для выполнения данного урока нам потребуется бумажная текстура. Самый лучший способ ее получения - скачать ее с какого-нибудь ресурса в интернете. Еще можно самому крупно сфотографировать лист бумаги.

Теперь заходим в Photoshop. Открываем в нем только что полученную бумажную текстуру.

Еще надо открыть документ (для ясности назовем его рабочим), в котором мы будем делать рваный край бумаги. Если размер этого документа будет меньше размера документа с текстурой, уменьшите значение последнего. Сделать это можно с помощью диалога

Image Size

Вызываемого командой

Image > Image Size

Инструментом

перетаскиваем текстуру в рабочий документ. В результате в палитре

наряду с пустым слоем (фоновый слой, Background) появиться еще один, с текстурой. Активизируем слой Background, кликнув по нему. Затем выберем инструмент

Pain Bucket (ведро с краской)

и зальем фоновый слой любым цветом.

Инструмент Move

Инструмент Pain Bucket

Создадим дубликат слоя с текстурой бумаги. Для этого нажмем по нему в палитре слоев правой кнопкой мыши и выберем пункт

Duplicate Layer

В результате получим два текстурных слоя: оригинал и дубль. Для удобства обзовем один из них (неважно какой) "текстура верх", а другой - "текстура низ". Далее мы будем работать с первым слоем. Поэтому во избежание путаницы отключим видимость для второго. Для этого щелчком мыши снимем в палитре

напротив слоя "текстура низ" изображение глаза.

Cнимем в палитре

напротив слоя "текстура низ" изображение глаза

Теперь нарисуем линию, по которой будет идти будущий

рваный край бумаги.

Сначала создадим новый слой. Сделать это можно нажатием на кнопку "Create a new layer" в палитре

Cоздадим новый слой

Настроим для инструмента

Brush (кисть)

толщину "3" и режим "Normal". На только что созданном пустом слое нарисуем им ломанную линию. Рисуйте ее таким цветом, каким можно будет разделить ваш документ на две части.

Выберем инструмент Brush (кисть)

Настроим для него необходимые параметры

На пустом слое нарисуем ломанную линию

Теперь инструментом

выделим часть текстуры, находящуюся под линией разрыва.

Выберем инструмент

Magic Wand (волшебная палочка)

Выделим часть текстуры, находящуюся под линией разрыва

Активизируем видимый слой "текстура верх". Затем нажатием клавиши

удалим выделенный участок текстуры. И нажмем

Активизируем видимый слой "текстура верх"

Удалим выделенный участок текстуры

Пора сделать линию отрыва, которую будет иметь другой

рваный край бумаги

Он принадлежит к слою "текстура низ". Сделаем его видимым, а "текстуру верх" - невидимым. Над слоем "текстура низ" создадим новый слой. Назовем его "срез 2".

Над слоем "текстура низ" создадим новый слой, "срез 2"

Снова берем кисть с теми же параметрами и рисуем линию, обозначающую границу, где будет проходить второй

рваный край бумаги.

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

Рисуем границу второго рваного края

Затем выполняем уже знакомые после по работе с верхним краем действия. Инструментом

Magic Wand (волшебная палочка)

выделяем область под второй линией и в слое "текстура низ" удаляем выделенную текстуру.

В слое "текстура низ" удаляем выделенную текстуру

У слоев со вспомогательными линиями, обозначающими границы, по которым проходит рваный край каждого кусочка бумаги, отключаем видимость. Они нам больше не понадобятся. Теперь визуально отделим верхний край разрыва от нижнего, сделав слой "текстура низ" чуть светлее. Засветлить слой можно с помощью диалога

Brightness/Contrast

Вызываемого командой

Image > Ajustments > Brightness/Contrast

В нем настройками соответствующих параметров добиваемся нужного эффекта.

Внутри лист бумаги имеет шероховатое строение, а наша линия рваного края получилась чересчур ровной. У порванного листа бумаги края слегка топорщатся. Добьемся соответствующего эффекта с помощью инструмента

Eraser (ластик).

Сначала задайте для его параметров следующие значения: Brush="1", Mode="Pensil", Opasity="100%".

Выберем инструмент

Eraser (ластик)

Настроим инструмент

Eraser (ластик)

Теперь сотрем некоторые пикселы с самого края слоя "текстура низ".

Сотрем некоторые пикселы с самого края

С помощью фильтра

Gaussian Blur

добавим этому же слою "волокнистости". Командой

Filter > Blur > Gaussian Blur

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

Дело за малым: кинуть тень на рваный край бумаги. Двойным щелчком мыши по слою "текстура низ" в палитре

вызовем редактор слоев этого слоя. В меню редактора ищем пункт

Drop Shadow

и настраиваем предоставленные нам параметры, как показано на рисунке. По завершении настроек жмем

Кидаем тень на рваный край бумаги

Вот такая

рваная бумага

у меня получилось в итоге.

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

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

Использованное ПО: Adobe Photoshop CS4 (и выше)
Сложность: средняя
Время выполнения: 1 – 1,5 часа

Изображение До и После

Шаг 1
Откройте стоковое фото в фотошопе.

Шаг 2
Назовите этот основной слой “Парой”, после чего продублируйте его (Ctrl + J).

Шаг 3
Увеличьте размер холста при помощи инструмента Рамка (Crop Tool (C)). Создайте под всеми существующими слоями еще один новый слой.

Шаг 4
Залейте только что созданный слой черным цветом.

Шаг 5
Выделите слой с Парой. Выберите инструмент Лассо (Lasso Tool (L)) и создайте выделенную область, похожую на ту, что показана ниже:

Шаг 6
Продублируйте этот слой (Ctrl + J). Обратите внимание, что скопированной оказалась только выделенная область. Назовите этот слой “Она”.

Шаг 7
Удерживая Ctrl, кликните по слою Она. Затем удалите эту область со слоя с Парой (созданного на втором шаге). Назовите этот слой “Он”. Ниже, только в целях наглядности, я скрыл слой “Он”.

Шаг 8
Вернитесь к слою “Он” и еще раз выделите его содержимое. Пройдите в меню Выделение > Модификация > Расширить (Select> Modify> Expand). Расширьте выделенную область на 7 пикселей.

Шаг 9
Создайте новый слой. Выберите инструмент Кисть (Brush tool), задайте размер 30, и Жесткость (Hardness): 65%. Создайте новый слой и прокрасьте на нем белым цветом края фотографии. Вы заметите, что прокрашиваться будет только область под маской. Постарайтесь варьировать толщину полосы белого цвета. Назовите этот слой “Разрыв”.

Шаг 10
Продублируйте слой с разрывом (Ctrl +J).

Шаг 11
Выберите инструмент Палец (Smudge tool), задайте размер кисти: 8, Жесткость (Hardness): 0% и Интенсивность (strength): 40%. Обработайте край разрыва. Цель – смягчить эту границу.

Шаг 12
Выделите слои “Он” и “Разрыв”, после чего объедините их (Alt + Ctrl + E). В результате оригинальные слои останутся, а кроме них будет создан еще один объединенный слой.

Шаг 13
Откройте окно параметров наложения и примените стили слоя Тень (Drop Shadow), Внутреннее свечение (Inner Glow) и Тиснение (Bevel and Emboss).
Настройте их следующим образом:

Тень (Drop Shadow):
Угол (Angle): 130 градусов

Внутреннее свечение (Inner Glow):
Режим (Mode): Экран (Screen)
Непрозрачность (Opacity): 75%
Цвет (Color): черный

Тиснение (Bevel and Emboss):
Стиль (Mode): Внешний скос (Outer bevel)
Глубина (Depth): 50
Размер (Size): 2
Смягчение (Soften): 1
Угол (Angle): 130 градусов

Шаг 14
При помощи инструмента Перемещение (Move tool) сдвиньте в сторону слой, созданный на последнем шаге, отделяя его от слоя с парнем.

Шаг 15
Сделайте видимым слой с разрывом, созданный на 10 шаге, и измените местами его толщину при помощи Ластика (Eraser Tool).

Шаг 16
Повторите шаги с 11 по 13 в отношении части фото с девушкой.

Сегодня мы делимся очередным уроком одного из наших любимых авторов. Как обычно, у вас впереди интересный туториал, который не отнимет много времени, зато даст простор фантазии и поле для экспериментов. На этот раз мы хотим, вдохновившись приведенным ниже примером, поэкспериментировать вместе с вами с вырезанными из бумаги кругами в Adobe Photoshop.

Шаг 1

Начнем с круга в центре холста.

Шаг 2

Добавьте два новых круга поменьше, как показано на картинке. Вы можете добавить и больше, но в этом уроке мы используем только три штуки.

Шаг 3

Теперь самая ответственная и важная часть урока — стили слоев.
Сначала займемся Bevel & Emboss / Тиснение, потому что, как вы могли заметить, когда вы режете бумагу, край всегда немного отсвечивает и чуть прогибается.

Шаг 4

Второй этап — тени. Они дадут нам иллюзию глубины. Мы использовали для каждого круга.
Другая важная вещь — это Noise / Шум . Это добавит немного грязного эффекта, но зато при этом «материал» будет смотреться натурально.

Шаг 5

Последнее, о чем нужно позаботиться, это текстура бумаги. Для этого мы будем использовать Pattern Overlay / Наложение Узора с красивой бумажной текстурой, найденной в интернете. Берите любую! В идеале вам стоило бы сфотографировать текстуру бумаги, которую хотите задать проекту, тода он будет уникальным.

Шаг 6

Вот результат применения стилей для всех трех слоев.

Шаг 7

Теперь добавьте паттерн для бэкграунда. В центр можно добавить лого, используя те же слои, только вместо Inner Shadow / Внутренняя тень мы применили просто Drop Shadow / Тень.

Шаг 8

Добавьте новый слой поверх всех остальных и, используя Brush tool / Кисть сделайте половину розовым, половину — фиолетовым.
Затем примените маску (в качестве маски — большой круг).

Шаг 9

Измените режим наложения на Soft Light / Мягкий Свет , который повлияет только на тени и серые тона.

Финал

Итак, вы можете продублировать слои и объединить их в один, затем воспользоваться режимом наложения Color Burn / Затемнение Основы , чтобы увеличить контраст.
Результат простой, но стильный. И нам, например, очень нравится то, что получилось.

Перевод — Дежурка