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

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

Использованное ПО: 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 Illustrator. Несмотря на интересность и в некоторой степени сложность эффекта, его выполнения не займет у вас много времени. Мы будем работать с инструментами Warp/Деформация и Wrinkle/Морщины, создавать и настраивать переходы, а также работать с режимами наложения.

Результат

Шаг 1

Для начала откройте Adobe Illustrator и создайте новый документ (Cmd / Ctrl + N ). Размер рабочей области может быть любым, также как и цветовой режим (RGB или CMYK).

Шаг 2

При помощи инструмента Rectangle/Прямоугольник (M) нарисуйте прямоугольник и укажите ему заливку светло-серого цвета и отсутствие обводки.

Возьмите инструмент Warp/Деформация (Shift + R ). Настройте инструмент как показано на картинке ниже. Для того, чтобы открыть окно настроек инструмента Warp/Деформация, кликните дважды по его значку на панели инструментов, или нажмите Turn/Enter.

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

Шаг 3

Копируйте получившуюся фигуру и вставьте копию на передний план (Cmd/Ctrl + C; Cmd/Ctrl + F ). Верхнюю копию залейте вертикальным линейным градиентом от более темного серого оттенка к более светлому. Вы можете выбрать любые другие цвета, если хотите сделать бумагу цветной.

Не снимайте выделения с верхней копии и при помощи инструмента Warp/Деформация (с теми же параметрами) поднимите нижний край фигуры немного выше.

Шаг 4

Копируйте нижнюю фигуру и вставьте копию на задний план (Cmd/Ctrl + C; Cmd/Ctrl + B ). Укажите нижней копии темно-серый цвет заливки. В примере ниже верхние две фигуры сделаны невидимыми, чтобы вам было понятнее.

Копируйте нижнюю копию и вставьте копию на задний план. Укажите самой нижней копии белый цвет заливки и переместите ее немного ниже при помощи клавиш-стрелок.

Шаг 5

Выделите темно-серую и белую фигуру (две нижние) и в меню выберите Object > Blend > Make/Объект>Переход>Создать, затем выберите Object > Blend > Blend Options/Объект>Переход>Настройки перехода и укажите количество ступеней для перехода. Чтобы он был достаточно плавным, достаточно 30 шагов.

Чтобы сделать тень полупрозрачной, в палитре Transparency/Прозрачность смените Blending Mode/Режим наложения на Multiply/Умножение.

Шаг 6

Обычно порванные края бумаги не ложатся на стол ровно, а значит и тень отбрасывают неравномерно. Для больше реалистичности мы модифицируем тень. В палитре Layers/Слои заблокируйте темно-серую фигуру, внутри эффекта Blend/Переход и выделите белую фигуру.

Возьмите инструмент Warp/Деформация, откройте его параметры и выключите опции, показанные на картинке ниже.

Это даст нам возможность не создавать новых точек в процессе деформации. Инструментом Warp/Деформация измените местами белую фигуру, делая ее где-то ближе к темно-серой фигуре, а где-то наоборот отдаляя.

Шаг 7

Теперь можно включить видимость остальных фигур в палитре Layers/Слои.

Если тень выглядит слишком темной, в палитре Transparency/Прозрачность снизьте параметр Opacity/Непрозрачность с 100% до 0% для белой нижней фигуры.

Шаг 8

Выделите фигуру светло-серого цвета, затем возьмите инструмент Wrinkle/Морщины и настройте его параметры как показано ниже.

Пройдитесь инструментом по нижней части светло-серой фигуры слева направо.

Теперь сделайте то же с верхней фигурой чуть более темного цвета.

Эффект готов. Он довольно часто используется в дизайне, например, как на этом баннере:

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

Вступление

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

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

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

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

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пт. Поменяйте цвет на темно-синий.

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

А вы знаете, как можно реалистично нарисовать оборванный край бумаги? Если нет, то читайте этот простой Фотошоп урок.

Создайте новый документ. Возьмите Лассо , от руки нарисуйте край бумаги и зациклите выделение через нижнюю часть документа.

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

Верните Лассо, клик правой кнопкой по выделению, выберите команду Образовать рабочий контур (Make Work Path). Значение допуска установите на 1px .

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

Нажмите F5 - появится окно редактирования кисти.

Перейдите в параметр Динамика формы (Shape Dynamics) и установите такие же параметры, как на изображении.

Возьмите инструмент Перо , клик правой кнопкой по контуру и выберите команду Выполнить обводку контура (Stroke Path).

Убедитесь, чтобы в появившемся окне была выбрана кисть, а опция Имитировать нажим (Simulate Pressure) была отключена.

При необходимости повторите обводку, чтобы добиться реалистичности эффекта.

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

Для создания такого эффекта создадим с помощью Лассо еще одно выделение. На новом слое (разместить этот слой нужно будет ниже красного) залейте выделение более светлым оттенком.

Снова превращаем выделение в контур.

Только что мы с вами сделали основную часть эффекта.

Пока не очень похоже. Ведь так не бывает, чтобы оторванная часть была просто однотонного цвета. Для большей реальности нужно добавить текстуру.

Скачать текстуру бумаги можно .

Переместите бумагу в документ. Обесцветим ее, для этого перейдите в меню Изображение - Коррекция - Обесцветить (Image > Adjustments > Desaturate).

Режим наложения измените на Умножение (Multiply)

Текстура очень плотная. Разрядим обстановку, применим команду Яркость и Контраст (Image > Adjustments > Brightness/Contrast).

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

Выделим светлый слой, Ctrl + клик по иконке слоя в палитре Слои.
Инвертируем выделение - Shift + Ctrl + I , перейдите на слой с бумагой и нажмите Delete.

Слейте все слои (Shift + Ctrl + E ) и добавьте еще один бумажный листик на фоне.

Посмотрите, как здорово ворсистые края и бумажная текстура создают иллюзию настоящего оборванного бумажного края.

Вот как этот эффект смотрится в действии.

Сегодня мы делимся очередным уроком одного из наших любимых авторов. Как обычно, у вас впереди интересный туториал, который не отнимет много времени, зато даст простор фантазии и поле для экспериментов. На этот раз мы хотим, вдохновившись приведенным ниже примером, поэкспериментировать вместе с вами с вырезанными из бумаги кругами в 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 / Затемнение Основы , чтобы увеличить контраст.
Результат простой, но стильный. И нам, например, очень нравится то, что получилось.

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