Рваные края фотошоп: как сделать рваные края в фотошопе с помощью кисти, фигуры, маски
как сделать эффект порванной бумаги в Photoshop
Дизайн и графика » Photoshop » Уроки Photoshop » Фоновые узоры, текстуры, рамки
Автор Дмитрий Евсеенков На чтение 4 мин Просмотров 1.9к. Обновлено
Для создания эффекта рваной бумаги в фотошопе можно использовать несколько способов: с помощью кисти, имитирующей порванный край, готового шаблона или путем создания эффекта. Изобразить порванные края бумаги возможно самостоятельно, без готовых инструментов. Это придаст работе уникальный вид, позволит подкорректировать изображение под потребности.
Содержание
Создание объекта
Для начала необходимо создать новый файл таким образом:
- Установить ширину в 1600 пикселей, а высоту в 1070
- Далее зайти в меню созданного файла по пути «Слои» (Layer) – «Новый слой-заливка» (New fill layer) – «Цвет» (Solid color)
- Создать новый слой
- Вписать его название «Фон» и нажать ОК
- Настроить цвет в окне с палитрой (Color picker) под кодом #d8d8d8.
Находясь на этом слое, используйте инструмент «Лассо» (Lasso tool) и нарисуйте форму оборванного края. После того как обрывок выделится (вокруг него появится мерцающий контур), создайте новый слой по той же схеме: «Слои» (Layer) – «Новый слой-заливка» (New fill layer) – «Цвет» (Solid color) и назовите его «Тень». На этот раз задайте цвет для слоя под кодом #020202, при этом он приобретет более темный оттенок.
Находясь на слое «Тень», сочетанием клавиш Ctrl+J продублируйте его и назовите «Цвет». Установите оттенок этого слоя под кодом #f6f6f6, кликнув по его миниатюре.
Продублируйте слой «Цвет» аналогичным сочетанием. Назовите слой «Порванная бумага». Установите на нем цветовой код #eae7e7.
Преобразование слоя
На слое «Порванная бумага» установите маску слоя «Тень», нажав на соответствующую кнопку на панели слоев. Трансформируйте слой, активировав эту функцию комбинацией клавиш Ctrl+T. Установите параметры ширины и высоты слоя соответственно на 105% и 101%.
Отрегулируйте радиус размытия, пройдя по пути: «Фильтр» (Filter) – «Размытие» (Blur) – «Размытие по Гауссу» (Gaussian Blur). Установите значение 2.
Перейдите на слой «Тень». На панели слоев активируйте режим «Умножение» (Multipy) и установите «Непрозрачность» (Opacity) на 10%.
На слое «Цвет» примените фильтр по пути: «Фильтр» (Filter) – «Галерея фильтров» (Filter gallery). Зайдя в раздел «Имитация», задайте эффекту «Аппликация» следующие данные:
- количество уровней (number of levels) – 3;
- простота краев (edge simplicity) – 2;
Вернитесь на слой «Порванная бумага». Примените комбинацию клавиш Ctrl+F, чтобы наложился такой же фильтр. Не отключая маску «Тень», повторите комбинацию Ctrl+T, чтобы запустить трансформацию.
Затем отрегулируйте параметры ширины и высоты на 101% и 99% соответственно. Теперь центр преобразования должен оказаться слева наверху. Если надо сделать эффект выразительнее – увеличьте изменяемые значения.
Перейдите на слой «Цвет» и пройдите путь: «Слои» (Layer) – «Стиль слоя» (Layer style) – «Внутренняя тень» (Inner shadow). Выберите режим наложения «Умножение» (Multiply) и присвойте параметры:
- «Непрозрачность» (Opacity) — 10%
- «Угол» (Angle) – -90°
- «Смещение» (Distance) – 3 пикселя
- «Размер» (Size) – 10 пикселей
- «Шум» (Noise) – 40%.
Все основные элементы созданы.
Теперь необходимо разместить кусочки бумаги на основном слое «Фон». Для этого перейдите на него и разместите над ним любое изображение, заполняя пространство холста полностью. Это будет текстура бумаги. Затем разместите другое изображение над слоем «Порванная бумага». Чтобы завершить создание этого элемента, пройдите по пути: «Слои» (Layer) – «Создать обтравочную маску» (Create clipping mask) и активируйте ее.
Видеоурок по эффекту «рваная бумага» в Фотошопе
Оцените автора
(
Рамка для фото — эффект рваных краёв
Дизайн и графика » Photoshop
Автор Дмитрий Евсеенков На чтение 3 мин Просмотров 988 Обновлено
Из этого материала мы узнаем, как у фотографии создать эффект изношенных, рваных краёв с помощью встроенных кистей Photoshop.
Кроме того, для создания эффекта рваных краёв мы используем слой-маску и для придания некоторого объёма применим стили слоя.
За основу я взял фотографию отсюда
Вот какой эффект у нас получится в результате:
Давайте приступим. Открываем изображение в Photoshop, и как обычно, нажав Ctrl+J, копируем фоновый слой, чтобы на всякий случай всегда под рукой иметь нетронутый оригинал.
Нажмём на значок «Создать новый слой», расположенный внизу панели слоёв, но перед этим зажимаем клавишу Ctrl, и новый слой появляется под активным:
Заливаем его белым цветом, для этого нажимаем клавишу D, затем Ctrl+Delete. Кликаем по верхнему слою, чтобы сделать его активным, и применяем к нему маску слоя.
Теперь нам надо подобрать кисть, чтобы стереть, вернее, т.к. мы используем слой маску, скрыть края фото.
В программе Photoshop имеется достаточное количество предустановленных кистей, и мы воспользуемся одной из них.
На инструментальной панели выберите инструмент «Кисть» (Brush Tool).
Идём во вкладку главного меню Окна —> Наборы кистей (Window —> Brush Presets) и выбираем последнюю кисть в списке, в наборе по умолчанию.
В официальной русской версии эта кисть называется «Круглая с грубой щетиной, в английской — «Rough Round Bristle».
Примечание. Чтобы найти кисть по имени, нужно кликнуть по значку в правом верхнем углу диалогового окна «Набора кистей» и выбрать строку «Большие миниатюры и имена» (Large list).
Теперь нам нужно сделать основным чёрный цвет, для этого нажмите клавишу D. затем X.
Подготовка закончена, давайте рисовать. Для начала, я провожу краешком кисти от левого верхнего угла до левого нижнего:
Таким образом мажем кистью по всем краям фотографии. Собственно, вот и всё, края готовы:
И для завершения эффекта к верхнему слою применим стиль слоя «Тень» (Drop Shadow).
Вот как выглядит готовое изображение:
Примечание 1. В моём случае, расположение объектов на фотографии позволяет стереть часть её краёв. Если же важные предметы сцены расположены близко к краям фото, Вам следует увеличить размер холста как, например, описывается здесь.
Примечание 2. В данном уроке я залил слой под фото белым цветом (средний в панели слоёв), но эффектнее будет смотреться не обязательно белый цвет, а цвет фона, на котором будет размещена фото. В примерах, показанных на странице, я залил этот слой цветом фона сайта.
Оцените автора
( 27 оценок, среднее 5 из 5 )
Как добавить оборванный край бумаги
ПРОМЕЖУТОЧНЫЙ · 10 МИН
Лидия Лукьянова любит слой таинственности. Посмотрите, как она имитирует рваную бумагу, используя выделение, стили слоя и обтравочные маски в Adobe Photoshop.
Лидия Лукьянова — художник и дизайнер со страстью к иллюстрации. Ее дизайнерские работы включают в себя все виды проектов от айдентики и иллюстраций до надписей и анимации.
Что вам понадобится
Примеры файлов для практики (ZIP, 5 МБ)
Этот образец файла содержит изображения Adobe Stock, которые вы можете использовать, чтобы попрактиковаться в изучении этого руководства.
Если вы хотите использовать образец файла помимо этого руководства, вы можете приобрести лицензию в Adobe Stock. Ознакомьтесь с файлом ReadMe в папке, чтобы узнать об условиях, применимых к использованию вами этого примера файла.
Разорвать
Лукьянова использовала инструмент Лассо (L), чтобы нарисовать неровный край разорванной бумаги на лице модели. Затем она провела по правой, нижней и левой сторонам изображения, чтобы закрыть выделение.
Показать, что осталось
Затем она применила слой-маску, чтобы скрыть область, не включенную в выделение.
Перейти к краю
Лукьянова добавила и переименовала новый слой, который будет служить имитацией края бумаги.
Заливка цветом
Выделив слой Paper edge, она использовала Control+щелчок (Windows), Command+щелчок (macOS) на маске слоя Model, чтобы сделать выбор. Затем она использовала ведро с краской (G), чтобы заполнить новый слой белым цветом.
Будьте резкими
Лукьянова сняла выделение со слоя «Край бумаги», удерживая клавиши Control+D (Windows), Command+D (macOS), а затем перетащив его под слой «Модель». Затем она использовала инструмент «Перемещение», чтобы поднять край бумаги так, чтобы он выглядывал прямо над моделью.
Сделайте это реальным
Все еще на слое Paper edge Лукьянова выбрала инструмент Warp (Edit > Transform > Warp). Она перетащила верхние ручки, чтобы настроить форму разорванного края, чтобы он выглядел менее однородным и более естественным. Она нажала Enter или Return, когда закончила.
Добавьте немного глубины
Чтобы добавить объемности порванной бумаге, Лукьянова дважды щелкнула слой Paper edge, чтобы открыть диалоговое окно Layer Style. Затем она решила применить Drop Shadow и скорректировала настройки, чтобы получить желаемый вид.
Придать текстуру
Лукьянова перетащила изображение текстуры бумаги со своего рабочего стола в свой открытый документ и перетащила новый слой так, чтобы он был прямо над слоем с краем бумаги.
Затем она, удерживая клавишу Alt (или Option), щелкала между слоями, чтобы обрезать текстуру бумаги по краю бумаги.
Отправить цветы
Наконец, Лукьянова перетащила цветы на изображение и переместила слой вниз, чтобы завершить композицию.
Кадрируйте
Сделайте текстурированные изображения осязаемыми в ваших цифровых композициях.
Примечание: Файлы проекта, включенные в это руководство, предназначены только для практических целей.
Художник: Лидия Лукьянова
Авторы Adobe Stock: Легудим, Дарина Копкок, Дмитрий Синельниченко, Томас, Николай
Как сделать фотографии разорванными в Photoshop (эффект разорванной бумаги)
Эффект разорванной бумаги — это простой и забавный эффект, который можно добавить к изображениям, чтобы они выглядели разорванными пополам. Не требуя большого опыта работы в Photoshop, вы можете создать этот эффект, выполнив несколько основных шагов, описанных в этом уроке.
Как только вы поймете шаги, вы сможете поэкспериментировать с эффектом и создать различные разрывы на странице. Сначала я покажу вам, как сделать простое копирование половины страницы, а затем дам вам несколько идей о том, как расширить его оттуда.
Где взять текстуры рваной бумаги для этого эффекта
При создании эффекта рваной бумаги в Photoshop вы можете создать свою собственную страницу с рваным видом, используя выделение и добавляя различные эффекты. Однако гораздо проще просто загрузить текстуру разорванной бумаги, чтобы добавить ее к изображению. Это сэкономит ваше время, а также вы сможете немного изменить текстуру, чтобы сделать ее уникальной.
Существует множество сайтов, где можно бесплатно загрузить текстуры вырванной бумаги для использования. Вы можете попробовать набор текстур рваной бумаги с Behance, который включает 10 различных текстур рваной бумаги на прозрачном фоне.
Кроме того, вы можете загрузить это изображение текстуры изогнутых кусочков разорванной бумаги с Unsplash.
Однако вам нужно будет удалить фон в Photoshop и обрезать изображение, чтобы использовать каждую текстуру отдельно.
Вы также можете скачать другие варианты текстуры рваной бумаги с Freepik в виде PSD-файла. Как только вы откроете файл, скопируйте одну из бумажных текстур в новый документ и используйте элементы вместе, как я покажу вам на другом примере ниже.
- Макет фона из рваной бумаги
- Мокап фона с разорванной бумагой
Какую бы текстуру или изображение вы ни решили использовать, вы можете выполнить следующие шаги, чтобы добавить эффект к вашему изображению. Убедитесь, что текстура или изображение бумаги размещены на прозрачном фоне и сгруппированы вместе с любыми эффектами, использованными для создания текстуры разрыва.
Как сделать края фотографии рваными в Photoshop
После того, как ваше изображение открыто в Photoshop, продублируйте фоновый слой, так как вам нужно будет работать с отдельным слоем, чтобы создать эффект рваных изображений.
Чтобы продублировать слой, нажмите на него и перетащите на Значок нового слоя внизу панели Слои . Вы также можете нажать Control + J (Win) или Command + J (Mac).
Затем создайте белый фон, добавив новый слой-заливку. Для этого перейдите к Слою > Новый слой-заливка > Сплошной цвет .
Затем вы можете назвать новый слой как « White Background » в открывшемся окне и нажать OK.
Далее откроется палитра цветов, где можно выбрать белый цвет и нажать ОК. Теперь белый слой покроет ваше изображение.
Переместите белый слой под слой фоновой копии на панели «Слои» , щелкнув и перетащив его вниз. Теперь белый слой должен располагаться между исходным и скопированным фоновыми слоями.
Затем откройте выбранную текстуру бумаги в новом окне и перетащите слой в рабочую область изображения, чтобы добавить его как новый слой. Кроме того, вы можете перейти к File > Place Embedded перед тем, как выбрать изображение из ваших файлов.
Новый слой будет автоматически создан в вашей рабочей области.
Переименуйте слой в « Текстура бумаги », дважды щелкнув имя слоя. Пока держите этот слой в верхней части панели слоев , чтобы вы могли легко перемещать и изменять его размер.
Выбрав слой Paper Texture, перейдите к Edit > Free Transform или нажмите Control + T (Win) или Command + T (Mac).
Вокруг вашего слоя в рабочей области теперь будут точки привязки. Нажмите и перетащите любые угловые точки, чтобы изменить размер изображения — удерживайте Shift при перетаскивании, чтобы сохранить исходное соотношение сторон изображения.
Отодвиньте указатель мыши от слоя, пока не появится значок с изогнутой двойной стрелкой. Нажмите и перетащите слой, как только появится этот значок, чтобы повернуть слой. Удерживайте Shift , чтобы держать его прямо вертикально или горизонтально.
После того, как слой будет повернут и изменен размер, щелкните и перетащите его, чтобы расположить его там, где вы хотите вырезать изображение. Все, что находится на разорванной стороне бумажной текстуры, будет скрыто в конце процесса, как если бы оно было оторвано.
Если вы довольны размещением текстуры, щелкните галочкой на панели параметров или нажмите Enter .
Теперь сторона изображения рядом с прямым краем текстуры должна быть покрыта белым. Чтобы сделать это, оставайтесь на слое «Текстура бумаги», выберите инструмент «Кисть» ( B ) на панели инструментов и убедитесь, что цвет переднего плана установлен на белый.
Если текстура бумаги является смарт-объектом, появится всплывающее сообщение с просьбой растрировать слой, когда вы щелкните изображение, чтобы добавить к слою белый цвет. Нажмите OK на это сообщение.
Теперь измените размер кисти на панели параметров или используйте ] , чтобы увеличить размер, затем закрасьте изображение рядом с прямым краем текстуры бумаги.
Части вашего изображения, которые должны быть видны в конце процесса, теперь должны быть покрыты белым цветом. Остальная часть изображения должна быть видна рядом с оторванным краем бумаги.
Затем перетащите слой «Текстура бумаги» под слой с изображением, чтобы текстура бумаги теперь была скрыта.
Теперь создайте обтравочную маску, чтобы изображение отображалось только на текстуре бумаги. Для этого щелкните правой кнопкой мыши (Win) или щелкните, удерживая клавишу Control (Mac), на слое изображения и выберите Create Clipping Mask .
Слой изображения будет иметь небольшую стрелку рядом с миниатюрой, указывающую, что изображение применяется только к слою непосредственно под ним, которым в данном случае является слой «Текстура бумаги».
Теперь в рабочей области ваше изображение будет выглядеть так, как будто у него оторван кусок с одной стороны.
Добавление тени для завершения эффекта разрыва
Хотя вы можете остановить процесс здесь, если вы довольны результатом, вы также можете сделать еще один шаг, чтобы он выглядел более реалистично.
Падающая тень создает впечатление, что один элемент отделен от элемента под ним, и это создаст впечатление, что разорванное изображение лежит на белой бумаге, а обрываемый край слегка приподнят.
Чтобы добавить тень, выберите слой Paper Texture, нажмите на значок fx в нижней части панели Layers, и выберите Drop Shadow .
Вы также можете дважды щелкнуть миниатюру слоя и перейти к меню «Тень» в нижней части параметров слева.
Установите флажок рядом с Предварительный просмотр , чтобы увидеть эффект на изображении при настройке параметров.
Настройте параметры для получения желаемого результата тени. В этом случае сосредоточьтесь на следующих настройках, чтобы создать хорошую тень под текстурой бумаги.
- Режим наложения: Установите режим наложения Умножение, чтобы избежать резких теней
- Непрозрачность: Держите непрозрачность достаточно высокой, но не 100%, так как вы хотите, чтобы тень выглядела бледной
- Угол: Переместите угол вокруг, пока тень не станет слегка видна рядом с оборванным краем бумаги
- Расстояние: Расстояние будет контролировать, насколько далеко тень выходит за край бумаги
- Размер: Размер определяет, насколько компактная или раскинутая тень
Нажмите OK, если вы довольны эффектами тени на изображении.
Теперь изображение будет выглядеть так, будто рваный край слегка отделен от белого фона, что придает эффекту более реалистичный вид.
Вы можете настроить тень в любой точке, дважды щелкнув слой с эффектами тени на панели «Слои» .
Проявите творческий подход с эффектом порванной бумаги
Теперь вы можете попробовать новые образы с эффектом порванной бумаги. Один из примеров — сделать так, чтобы часть изображения была разорвана посередине. Используя те же шаги, что и в предыдущем методе, вы можете создать это и добавить дополнительный бумажный слой с дополнительной копией изображения для двух отдельных обтравочных масок.
Дополнительный шаг в этом процессе — немного больше манипулировать текстурой бумаги, если разрыв не сидит так, как вам хотелось бы. Чтобы управлять им, откройте Free Transform , нажав Control + T (Win) или Command + T (Mac). Затем выберите значок деформации на панели параметров .
