Lumpics lumpics.ru

Как сделать эффект рваной бумаги в Adobe Photoshop

Способ 1: Инструмент «Лассо» и маска слоя

В Adobe Photoshop эффект рваной бумаги чаще всего создается через маску слоя с нарисованным от руки неровным контуром. Инструментом «Лассо» вы обводите произвольную линию разрыва, после чего скрываете лишнюю часть слоя при помощи маски. Результат выглядит так, будто фотографию буквально разорвали руками, и именно этот способ становится отправной точкой для большинства более сложных вариаций эффекта.

  1. Откройте изображение через меню «Файл»«Открыть» и убедитесь, что слой с фотографией не заблокирован. Если в панели слоев рядом с миниатюрой отображается значок замка, дважды кликните по слою и нажмите «ОК», чтобы разблокировать его.
  2. Как сделать эффект рваной бумаги в Фотошопе-01
  3. Активируйте инструмент «Лассо» нажатием клавиши L. В верхней панели параметров проверьте, чтобы «Растушевка» была равна нулю — это обеспечит четкий рваный контур без размытых краев.
  4. Как сделать эффект рваной бумаги в Фотошопе-02
  5. Нарисуйте неровную ломаную линию поперек изображения, имитируя линию разрыва. Двигайтесь быстро и резко, делая зигзагообразные движения — чем хаотичнее контур, тем естественнее выглядит разрыв. Затем проведите линию вдоль края холста, чтобы замкнуть выделение и захватить ту часть изображения, которую нужно оставить.
  6. Как сделать эффект рваной бумаги в Фотошопе-03
  7. Не снимая выделения, перейдите в нижнюю часть панели «Слои» и нажмите кнопку «Добавить маску слоя» (прямоугольник с кружком внутри). Photoshop скроет ту часть изображения, которая не попала в выделение, — теперь там будет прозрачный фон или фоновый слой под ним.
  8. Как сделать эффект рваной бумаги в Фотошопе-04
  9. Если линия разрыва выглядит недостаточно выразительно, кликните по миниатюре маски в панели слоев и выберите инструмент «Кисть» (B) с жестким или рваным кончиком. Рисуйте вдоль края черным цветом, чтобы скрыть лишние фрагменты, или белым — чтобы восстановить детали.
  10. Как сделать эффект рваной бумаги в Фотошопе-05
  11. Для придания реалистичности добавьте тень к рваному краю: дважды кликните по слою с изображением, чтобы открыть «Стили слоя», отметьте пункт «Тень» и настройте размер на 5-10 пикселей, расстояние — 3-7 пикселей. Тень создает иллюзию того, что оторванный край немного приподнят над поверхностью.
  12. Как сделать эффект рваной бумаги в Фотошопе-06

Чтобы сделать края еще более фактурными — с отдельными торчащими волокнами, — воспользуйтесь кистями с неровным кончиком. В стандартном наборе Photoshop они находятся в группе «Специальные эффекты» в панели кистей.

Как сделать эффект рваной бумаги в Фотошопе-07

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

Способ 2: «Быстрая маска» и фильтр «Разбрызгивание»

Режим «Быстрая маска» в сочетании с галереей фильтров позволяет получить рваный край без ручного рисования контура — достаточно выделить прямоугольную область, а затем деформировать ее границы через фильтр. Контур при этом получается более органичным и похожим на настоящий бумажный разрыв, поскольку фильтр добавляет случайные зубчатые выступы. Хорошо работает, когда нужен аккуратный рваный край по горизонтали или вертикали, а не свободная форма произвольной направленности.

  1. Откройте фотографию и выберите инструмент «Прямоугольная область» нажатием клавиши M. Выделите часть изображения, которую хотите оставить видимой — например, верхнюю половину.
  2. Как сделать эффект рваной бумаги в Фотошопе-08
  3. Нажмите клавишу Q для перехода в режим «Быстрая маска». Невыделенная область покроется красной полупрозрачной заливкой, а граница выделения станет краем будущего разрыва.
  4. Как сделать эффект рваной бумаги в Фотошопе-09
  5. Откройте меню «Фильтр»«Галерея фильтров». В разделе «Штрихи» выберите фильтр «Разбрызгивание». Параметр «Радиус разбрызгивания» задает размах зубцов разрыва — значения от 10 до 20 дают выраженный рваный эффект без чрезмерной хаотичности. Параметр «Смягчение» лучше оставить в диапазоне 5-10, иначе края потеряют характерную фактуру бумаги. Нажмите «ОК».
  6. Как сделать эффект рваной бумаги в Фотошопе-10
  7. Повторно нажмите Q для выхода из режима быстрой маски. Граница выделения теперь стала зубчатой и неровной — именно так и выглядит будущий рваный край.
  8. Как сделать эффект рваной бумаги в Фотошопе-11
  9. Скопируйте выделенную область комбинацией Ctrl + C, затем вставьте ее как новый слой через Ctrl + V. Отключите видимость исходного слоя, кликнув по иконке глаза в панели слоев, — на холсте останется только вырезанная часть с рваным краем на прозрачном фоне.
  10. Как сделать эффект рваной бумаги в Фотошопе-12
  11. По необходимости добавьте стиль слоя «Тень» так же, как описано в первом способе, чтобы край выглядел объемнее.
  12. Как сделать эффект рваной бумаги в Фотошопе-13

Если фильтр «Разбрызгивание» дает слишком мягкий результат, попробуйте в «Галерее фильтров» раздел «Имитация»«Аппликация» с минимальным количеством граней — это дает более угловатый и резкий разрыв.

Как сделать эффект рваной бумаги в Фотошопе-14

Учтите, что часть фильтров галереи недоступна, если документ находится не в режиме RGB — проверьте это через меню «Изображение»«Режим».

Способ 3: Объемный эффект с несколькими слоями и тенью

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

  1. Создайте новый документ через «Файл»«Создать» и залейте фоновый слой цветом или текстурой поверхности, на которой будет лежать бумага. Создайте новый пустой слой поверх фона (Shift + Ctrl + N) и назовите его «Бумага».
  2. Как сделать эффект рваной бумаги в Фотошопе-15
  3. Активируйте инструмент «Лассо» (L) и нарисуйте форму рваного листа бумаги — с одной или несколькими прямыми сторонами и одним неровным оборванным краем. Замкните выделение и залейте его белым или светло-серым цветом через «Редактирование»«Выполнить заливку», затем снимите выделение комбинацией Ctrl + D.
  4. Как сделать эффект рваной бумаги в Фотошопе-16
  5. Дважды кликните по слою «Бумага» для открытия «Стили слоя». Отметьте пункт «Тень» и задайте: режим наложения — «Умножение», непрозрачность — 60-75%, смещение — 5-8 пикселей, размер — 8-12 пикселей. Угол тени должен совпадать с тем, откуда в вашей композиции виртуально приходит свет.
  6. Как сделать эффект рваной бумаги в Фотошопе-17
  7. В том же окне активируйте «Внутренняя тень» — этот стиль имитирует затемнение вдоль линии разрыва там, где бумага надорвана и свет попадает хуже. Установите непрозрачность 30-50%, расстояние 3-5 пикселей и размер 4-8 пикселей, после чего нажмите «ОК».
  8. Как сделать эффект рваной бумаги в Фотошопе-18
  9. Создайте отдельный слой прямо над «Бумагой» и прикрепите его обтравочной маской: кликните правой кнопкой мыши по слою и выберите «Создать обтравочную маску» либо нажмите Ctrl + Alt + G. На этом слое мягкой кистью черного цвета с непрозрачностью 20-30% добавьте тонкие штрихи вдоль оборванного края — так появляется ощущение торчащих бумажных волокон.
  10. Как сделать эффект рваной бумаги в Фотошопе-19
  11. Если нужна текстура самой бумаги, разместите над слоем «Бумага» изображение с бумажной текстурой и так же прикрепите его обтравочной маской. Установите режим наложения текстурного слоя на «Умножение» и снизьте непрозрачность до 30-50%, чтобы текстура просвечивала сквозь белый фон, не делая его слишком темным.

Чтобы бумага выглядела немного загнутой у оборванного края, можно трансформировать слой с тенью. Для этого кликните по нему правой кнопкой мыши, выберите «Преобразовать в смарт-объект», затем через «Редактирование»«Трансформирование»«Деформация» слегка потяните угол слоя с тенью в сторону — тень немного «отойдет» от края и усилит иллюзию объема.

Как сделать эффект рваной бумаги в Фотошопе-20

Способ 4: Коллаж «сквозь разрыв» с двумя фотографиями

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

  1. Откройте первую фотографию — ту, что будет видна снаружи разрыва. Создайте ее дубликат нажатием Ctrl + J, чтобы иметь запасную копию исходника в виде фонового слоя.
  2. Как сделать эффект рваной бумаги в Фотошопе-21
  3. Активируйте инструмент «Лассо» (L) и, работая на дубликате, нарисуйте форму разрыва — той области, через которую будет просматриваться второе изображение. Края делайте максимально рваными и хаотичными, избегая симметрии. Затем удерживайте клавишу Alt и кликните по кнопке «Добавить маску слоя» — маска добавится инвертированной, и выделенная область станет прозрачной дырой, а остальная часть слоя останется видимой.
  4. Как сделать эффект рваной бумаги в Фотошопе-22
  5. Поместите второе изображение в документ через «Файл»«Поместить встроенные» и перетащите его слой в панели ниже дубликата с маской. Убедитесь, что исходный фоновый слой (запасная копия) находится еще ниже.
  6. Как сделать эффект рваной бумаги в Фотошопе-23
  7. Отрегулируйте размер и положение второй фотографии инструментом «Перемещение» (V), чтобы нужный фрагмент — лицо, пейзаж, паттерн — оказался ровно в области разрыва. Для точной подстройки используйте клавиши со стрелками.
  8. Как сделать эффект рваной бумаги в Фотошопе-24
  9. Выберите слой с дубликатом (тот, что с маской) и откройте «Стили слоя» двойным кликом. Добавьте «Тень» с расстоянием 4-6 пикселей и размером 6-10 пикселей — она придаст краю разрыва объем и визуально разделит два изображения.
  10. Как сделать эффект рваной бумаги в Фотошопе-25
  11. При желании добавьте над слоем второй фотографии корректирующий слой «Кривые» или «Цветовой баланс» через меню «Слои»«Новый корректирующий слой» и прикрепите его обтравочной маской (Ctrl + Alt + G), чтобы коррекция затронула только вторую фотографию и визуально сблизила цвета двух снимков.
  12. Как сделать эффект рваной бумаги в Фотошопе-26

Если нужно, чтобы через разрыв было видно сразу несколько объектов или текстовых слоев, просто создайте их между нижним фоном и слоем с маской — они все будут просвечивать сквозь дыру без каких-либо дополнительных действий.

Способ 5: Готовые PNG-текстуры рваных краев

Вместо ручного рисования контура многие дизайнеры используют готовые изображения рваной бумаги на прозрачном фоне. Такие файлы в формате PNG можно бесплатно скачать на Unsplash, Freepik или Pexels по запросу «torn paper texture PNG» — они созданы на основе фотографий настоящей бумаги, поэтому дают более реалистичную фактуру с тончайшими волокнами, которую сложно воспроизвести кистью вручную.

  1. Загрузите PNG-изображение рваного края на прозрачном фоне. Обратите внимание на разрешение — желательно от 2000 пикселей по ширине, иначе при масштабировании края станут размытыми.
  2. Как сделать эффект рваной бумаги в Фотошопе-27
  3. Поместите скачанную текстуру в документ через «Файл»«Поместить встроенные», расположите ее так, чтобы линия разрыва проходила в нужном месте композиции, и нажмите Enter для подтверждения трансформации.
  4. Как сделать эффект рваной бумаги в Фотошопе-28
  5. При необходимости обесцветьте текстуру через меню «Изображение»«Коррекция»«Обесцветить» (Shift + Ctrl + U), если исходный файл имел нежелательный цветовой оттенок. Затем отрегулируйте яркость через «Изображение»«Коррекция»«Уровни» — сдвиньте белую точку влево, чтобы бумага выглядела достаточно светлой.
  6. Как сделать эффект рваной бумаги в Фотошопе-29
  7. Разместите текстуру рваного края над слоем с вашим изображением и создайте из нее обтравочную маску (Ctrl + Alt + G). Режим наложения текстурного слоя установите на «Умножение» — тогда белые области станут прозрачными, а темные волокна рваного края останутся видимыми.
  8. Как сделать эффект рваной бумаги в Фотошопе-30
  9. Если текстура закрывает слишком большую область, добавьте к текстурному слою маску и скройте лишнее мягкой кистью черного цвета, оставив только саму линию разрыва.
  10. В завершение дважды кликните по слою с текстурой и добавьте стиль «Тень» — расстояние 3-5 пикселей, размер 6-8 пикселей, непрозрачность 50-70%. Тень окончательно отделит рваный край от фона и придаст ощущение глубины.
  11. Как сделать эффект рваной бумаги в Фотошопе-31

Решение типичных проблем

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

  • Края разрыва выглядят слишком ровными и компьютерными. Линия, нарисованная инструментом «Лассо», теряет в хаотичности из-за дрожания руки, которое сглаживает программа. Отключите параметр «Сглаживание» в верхней панели инструмента — тогда контур будет точнее повторять движение курсора. Дополнительно подрисуйте неровности кистью с рваным кончиком прямо по маске слоя, меняя ее размер вдоль края.
  • Как сделать эффект рваной бумаги в Фотошопе-32
  • При использовании «Быстрой маски» фильтр не применяется. Убедитесь, что документ находится в режиме RGB — через меню «Изображение»«Режим». Часть фильтров галереи недоступна в других цветовых режимах, например CMYK.
  • Как сделать эффект рваной бумаги в Фотошопе-33
  • Тень от рваного края отображается неправильно или падает в неожиданную сторону. Откройте «Стиль слоя» двойным кликом по слою и снимите флажок «Глобальное освещение». После этого задайте угол тени вручную — значения от 120 до 150 градусов дают естественный результат для большинства композиций.
  • Как сделать эффект рваной бумаги в Фотошопе-34
  • Инвертированная маска (Alt + клик по кнопке маски) не работает. Убедитесь, что перед добавлением маски у вас активно выделение (бегущая пунктирная рамка вокруг области). Если выделение было случайно снято, восстановить его можно через меню «Выделение»«Выделить снова».
  • Как сделать эффект рваной бумаги в Фотошопе-35
  • При сохранении рваный край теряет прозрачность. Сохраняйте файл в формате PNG через «Файл»«Экспортировать»«Экспортировать как», убедившись, что галочка «Прозрачность» активна. JPEG не поддерживает прозрачные области и заменяет их белым фоном.
  • Как сделать эффект рваной бумаги в Фотошопе-36

Вам помогла статья?

Ваш ответ может помочь другим пользователям!