как сделать эффект порванной бумаги в Photoshop
Дизайн и графика » Photoshop » Уроки Photoshop » Фоновые узоры, текстуры, рамки
Автор Дмитрий Евсеенков На чтение 4 мин Просмотров 1.6к. Обновлено
Для создания эффекта рваной бумаги в фотошопе можно использовать несколько способов: с помощью кисти, имитирующей порванный край, готового шаблона или путем создания эффекта. Изобразить порванные края бумаги возможно самостоятельно, без готовых инструментов. Это придаст работе уникальный вид, позволит подкорректировать изображение под потребности.
Содержание
Создание объекта
Для начала необходимо создать новый файл таким образом:
- Установить ширину в 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;
- четкость краев (edge fidelity) – 3.
Вернитесь на слой «Порванная бумага». Примените комбинацию клавиш 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) и активируйте ее.
Видеоурок по эффекту «рваная бумага» в Фотошопе
Оцените автора
( 30 оценок, среднее 5 из 5 )
Рамка для фото — эффект рваных краёв
Дизайн и графика » Photoshop
Автор Дмитрий Евсеенков На чтение 3 мин Просмотров 828 Обновлено
Из этого материала мы узнаем, как у фотографии создать эффект изношенных, рваных краёв с помощью встроенных кистей 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. В данном уроке я залил слой под фото белым цветом (средний в панели слоёв), но эффектнее будет смотреться не обязательно белый цвет, а цвет фона, на котором будет размещена фото. В примерах, показанных на странице, я залил этот слой цветом фона сайта.
Оцените автора
Как добавить оборванный край бумаги
ПРОМЕЖУТОЧНЫЙ · 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 Elements — Дэвид Аше | TipSquirrel
Всем привет.
В этом месяце я надену свой цилиндр и смокинг, чтобы показать вам захватывающий карточный фокус. Сначала я разорву открытку пополам, а потом, без мановения волшебной палочки, плавно починю ее прямо у вас на глазах!
А если серьезно, если вы когда-нибудь копались во множестве фильтров, доступных в Photoshop и Photoshop Elements, вы, несомненно, сталкивались с фильтром «Рваные края». Как следует из названия, это даст вам эффект супер рваных краев на вашем изображении. Ну нет, на самом деле не будет, если его применить непосредственно к изображению, то есть; все, что вы в конечном итоге создадите, — это нечеткий монохромный графический элемент.
В этом уроке, который можно использовать как с Photoshop, так и с Photoshop Elements, я покажу вам, как создать реалистичный рваный край с помощью фильтра «Рваный край», но другим способом.
Вместо того, чтобы применять фильтр к изображению, он будет применен к маске слоя. Как мы увидим, работа таким образом дает очень разные результаты; эффект делает именно то, что должен. Мы также увидим, как можно накладывать фильтры в галерее фильтров для создания комбинированных эффектов. Это отличный способ создания эффекта, и его можно применять во многих различных ситуациях. Это также дает вам гораздо больший контроль над результатом, чем при использовании пользовательских кистей или отсканированных элементов.
Многослойный PSD-файл доступен в шкафчике мультимедиа в конце этого поста. Все, о чем мы просим вас, это немного поделиться информацией в социальных сетях, чтобы помочь распространить информацию об этом сайте. Остальное вы получаете бесплатно!
Итак, начнем.
1. Убедитесь, что слой карты активен, щелкнув его миниатюру на панели слоев. Возьмите инструмент Freehand Lasso (сочетание клавиш L). Теперь, начиная немного дальше края открытки, нарисуйте зубчатую линию посередине.
Старайтесь не делать это слишком беспорядочно, так как это сделает эффект менее реалистичным. оставьте достаточно места на дальнем краю. Теперь завершите выделение, широко обведя карту и вернувшись к исходной точке.
2. Щелкните значок «Новая слой-маска» в нижней части панели «Слои». Половина карты исчезает, оставляя зазубренный край выделения. Однако на данный момент он не выглядит разорванным, скорее отломленным. Теперь немного о науке.
3. Щелкните миниатюру маски слоя на панели «Слои», чтобы убедиться, что она активна. Перейдите в меню «Фильтр». Выберите Галерея фильтров. Начнем с раздела Sketch. Нажмите на Torn Edges, так как это то, что мы делаем. Это немного сложно увидеть, поэтому мы можем увеличить масштаб, нажав кнопки «плюс» и «минус» в левом нижнем углу диалогового окна.
4. Настройка фильтра по умолчанию здесь не работает. Начнем с настройки контраста. Это определяет, как смешиваются светлые и темные пиксели.
Бумага обычно рвется с мягким волокнистым краем. Около 8 пикселей выглядит хорошо на этом изображении. Далее мы изменим гладкость. Опять же, мы хотим, чтобы он был мягким, поэтому 6 кажется хорошей настройкой. Наконец, мы настроим баланс изображения. Это контролирует смещение цветов, черного и белого в данном случае. Эффект довольно тонкий, 29выглядит неплохо. Пока не нажимайте OK, чтобы применить фильтр.
5. В нижней части панели настроек фильтра находятся две иконки. Щелкните значок слева. Теперь у нас есть два экземпляра фильтра «Рваные края». Это похоже на наличие слоев фильтров. Перейдите в раздел «Мазки кисти». Щелкните миниатюру брызг. Теперь это добавляет эффект нового фильтра к фильтру «Рваные края». Это добавляет немного больше случайности к эффекту. Установите Радиус распыления на 8, это улучшит края без слишком большого количества потерянных пикселей. Установите Smoothness на 7. Это укрощает эффект, сохраняя более мягкий край, который нам нужен. Нажмите OK, чтобы применить фильтры.
6. Хотя оказалось, что фильтры повлияют на всю секцию карты, эффект будет только у верхнего края. Вот почему мы сделали гораздо более широкий выбор для начала. Теперь это больше похоже на рваную бумагу.
7. У нас есть только одна половина карты; другая половина была замаскирована. Перейдите в меню «Слой». Выберите «Создать» > «Слой» через копирование или нажмите Cmd+J (Mac)/Ctrl+J (ПК), чтобы дублировать слой. Видимой разницы, конечно, нет. Щелкните миниатюру маски скопированного слоя на панели «Слои». Перейдите в меню «Изображение». Нажмите «Коррекция» > «Инвертировать». Это меняет черный цвет на белый, переворачивая замаскированную область. Теперь у нас есть вторая часть открытки с идеально подобранной слезой.
8. Возьмите инструмент «Перемещение» (сочетание клавиш V). Мы можем раздвинуть слои, чтобы эффект выглядел лучше; маска движется вместе с картой, удерживая разрыв на месте. Обратите внимание, как стиль слоя с тенью дублируется со слоем, что дает нам гораздо более реалистичный эффект.