Рваные края фотошоп: как сделать рваные края в фотошопе с помощью кисти, фигуры, маски

Содержание

Делаем фигурные края у фотографии

Если слой с Вашей фотографией является фоновым слоем в палитре слоёв, преобразуйте его в обычный.

Увеличьте холст, пройдя по вкладке главного меню Изображение —> Размер холста (Image —> Canvas Size), значение увеличения зависит от размера изображения, у меня это 40 пикселей. Не забудьте поставить галку у «Относительная» (Relative):

Зажмите клавишу Ctrl и кликните по значку создания нового слоя внизу панели слоёв, в результате новый слой создастся под активным.

Залейте новый слой белым цветом, для чего нажмите клавишу D и затем Ctrl+Delete.

Снова зажмите клавишу Ctrl и кликните по миниатюре слоя с фото:

Теперь у нас появилось выделение по форме фотографии.

Нажимаем на значок быстрой маски, вокруг фото появился розовый кант. Идём Фильтр —> Оформление —> Кристаллизация (Filter —> Pixelate —> Crystallize) и вводим значение размера ячейки (Cell Size) примерно 1/5 от ширины рамки, у меня это 8, жмём на ОК для применения фильтра.

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

Идём в Выделение —> Трансформировать выделенную область (Select —> Transform Selection), зажимаем Ctrl+Shift и тянем за угол рамки наружу, чтобы немного раздвинуть выделение:

Нажимаем Enter для применения трансформации.

Нажимаем Ctrl+J для копирования выделения на новый слой. Теперь осталось только перейти на самый нижний слой и залить его чёрным цветом (для этого нажимаем D, затем Alt+Delete). Вот как выглядит панель слоёв:

А вот как выглядит готовое фото:

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

Для лучшего понимания материала Вы можете скачать файл PSD, сделанный по этому уроку:

Как сгладить края в Фотошопе после вырезания


Зачастую после вырезания объекта в его края могут оказаться не такими ровными, как нам хотелось бы. Решить эту проблему можно разными способами, но Фотошоп предоставляет нам один очень удобный инструмент, который вобрал в себя почти все функции по корректировке выделений.

Называется сие чудо «Уточнить край». В этом уроке я расскажу, как сгладить края после вырезания в Фотошопе с его помощью.

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

Итак, предположим, объект мы уже отделили от фона. В данном случае это та же самая модель. Я ее специально поместил на черный фон для того, чтобы лучше понять, что происходит.

Как видим, у меня получилось довольно сносно вырезать девушку, но это не помешает нам изучить приемы сглаживания.

Итак, для того, чтобы поработать над границами объекта, нам необходимо его выделить, а если быть точным, то «загрузить выделенную область».

Переходим на слой с объектом, зажимаем клавишу CTRL и кликаем левой кнопкой мыши по миниатюре слоя с девушкой.

Как видим, вокруг модели появилось выделение, с которым мы и будем работать.

Теперь, для того, чтобы вызвать функцию «Уточнить край», нам вначале нужно активировать один из инструментов группы «Выделение».

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

Нажимаем…

В списке «Режим просмотра» выбираем наиболее удобный вид, и приступаем.

Нам понадобятся функции «Сглаживание», «Растушевка» и, возможно, «Сместить край». Давайте по порядку.

«Сглаживание» позволяет сгладить углы выделения. Это могут быть острые пики или пиксельные «лесенки». Чем выше значение, тем больше радиус сглаживания.

«Растушевка» создает градиентную границу по контуру объекта. Градиент создается от прозрачного к непрозрачному. Чем выше значение, тем шире граница.

«Сместить край» перемещает край выделения в ту или иную сторону, в зависимости от настроек. Позволяет удалить участки фона, которые могли попасть внутрь выделения в процессе вырезания.

В учебных целях я выставлю значения побольше, чтобы видеть эффекты.

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

Выбираем вывод в выделение и нажимаем ОК.

Далее необходимо отсечь все ненужное. Для этого инвертируем выделение сочетанием клавиш CTRL+SHIFT+I и нажимаем клавишу DEL.

Выделение убираем комбинацией CTRL+D.

Итог:

Ка видим, все очень сильно «сгладилось».

Несколько моментов в работе с инструментом.

Размер растушевки при работе с людьми не должен быть слишком большим. В зависимости от размера изображения 1-5 пикселей.

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

Смещением края стоит пользоваться только при необходимости. Вместо этого лучше заново, более аккуратно, выделить объект.

Я бы выставил (в данном случае) такие значения:

Этого вполне достаточно, чтобы убрать мелкие огрехи вырезания.
Вывод: инструмент есть и инструмент довольно удобный, но не стоит слишком на него надеяться. Тренируйте свои навыки работы с пером, и Вам не придется мучить Фотошоп.

Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТ

Обработка краев фотографий и изображений

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

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

Попробуем сделать эффект рваных краев на нашем изображении. А поможет нам в этом старый добрый Photoshop.

Откроем нашу картинку в Фотошопе, активируем инструмент Прямоугольная область и, немного отступив от краев, выделим наше изображение.

Теперь войдем в режим Быстрой маски, нажав соответствующую кнопку на панели или нажав клавишу Q. Вокруг изображения появилась красная область.

Теперь идем Фильтр—Штрихи—Аэрограф.

Откроется вот такое окно, в котором с помощью кнопок «+» и «-» подгоняем изображение по размеру окна для удобства работы.

С помощью ползунков можно выбрать различные варианты искажения края, а также выбрать направление штрихов. Я выберу положение — По диагонали влево и значения ползунков: Длина штриха — 10, Радиус разбрызгивания — 25.

Жмем ОК и возвращаемся в Фотошоп. Теперь снова жмем нужную кнопку, чтобы выйти из режима Быстрой маски.

Рваный край нашего изображения выделен. Теперь идем Выделение—Инверсия.

Осталось нажать кнопку Delete и снять выделение, пройдя Выделение—Отменить выделение.

И вот результат:

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

Снова вернусь в начало, войду в режим Быстрой маски и пройду Фильтр—Штрихи—Разбрызгивание.

В открывшемся окне попробую различные настройки.

Далее жму ОК и выхожу из режима Быстрой маски. Снова Инверсия—Delete—Выделение—Отменить выделение.

Теперь край моего рисунка выглядит так:

Ну и напоследок сравним две футболки.

Не знаю как вам, а мне второй вариант нравится больше. Картинка с размытыми или рваными краями смотрится на футболке более естественно и не так вызывающе.

Кстати, фотопортрет с рваными краями смотрится на футболке очень эффектно и красиво. Попробуйте  и вы эти способы обработки. Уверен — вам понравится!

Успехов в работе!

Понравилась статья? Вы можете подписаться на новости и первыми узнавать о новых статьях и уроках сайта

СублиМастер.

Статьи по теме:

Как обнулить «памперс» принтера

Бизнес и принцип Парето

Выбираем режим налогообложения

Растушевка в фотошопе. Как сделать растушевку краев

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

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

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

Принцип работы:

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

Сперва разберемся где находится растушевка и как ее выбрать.

1. Инструменты фотошопа, связанные с выделением:

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

2. Команда меню в группе «Выделение»

Опять-таки, создав выделенную область, в панели управления станет доступной команда Выделение — Модификация — Растушевка.

Зачем нужна эта команда, если казалось бы, достаточно настроек на панели параметров?

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

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

Также хочу отметить, что командам меню, в отличии от настроек панели параметров, можно указывать горячие комбинации клавиш для быстрого доступа. Вот и в данном случае, уже по умолчанию, вы увидите, что команда доступна по комбинации клавиш Shift+F6 (кстати все стандартные наборы клавиш можно изменить на свое усмотрение — посмотрите как это сделать).


Давайте теперь посмотрим как на практике применяется растушевка. Попробуем сделать растворяющиеся края изображения.

Шаг 1 Откройте изображение.

Шаг 2

Если на палитре слоев рядом с миниатюрой виднеется иконка замочка, значит фоновый слой заблокирован. Для разблокировки кликните дважды по слою. В появившемся диалоговом окне «Новый слой», ничего не меняя, нажмите на ОК.

Шаг 3

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

Примечание

Если справа или слева от выделения не будет пространства изображения, команда Растушевка станет недоступной. 

Шаг 4

Выберите команду Выделение — Модификация — Растушевка и в появившемся диалоговом окне укажите значение в пикселях каких размеров должно быть растворение краев изображения. Я взял 20 пикселей.

После этого углы выделения должны стать закругленными.

Шаг 5

Теперь внимание. Подумайте. Выделение чего вы сделали? Правильно — по сути мы в рамочку взяли центр изображения. Поскольку следующим этапом мы должны удалить лишние пиксели, то в настоящее время удаление будет происходить в центре. А нам нужно наоборот. Применим команду Инверсия Ctrl+Shift+I Она создает обратное выделение.

Теперь под рамочкой у нас края изображения. Посмотрите как изменились «марширующие муравьишки»:

Шаг 6

Теперь удалим края изображения. Для этого нажмите на клавишу Delete.

Примечание

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

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

Чтобы убрать рамку выделения нажмите Ctrl+D.


Растушевка резких краев

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

Добавляя новые объекты к коллажу, очень заметен эффект не естественного перехода границ одного объекта к другому. Для примера разберем создание мини-коллажа.

Шаг 1

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

Создайте новый документ. Я выбрал размер: 655 х 410 пикселей.

Шаг 2

Добавьте клипарт львов на новый слой. Для этого перейдите в ранее созданную папку, и нажмите правой кнопкой мыши на изображение со львами. Выберите из выпадающего меню Открыть с помощью — Adobe Photoshop.

Либо посмотрите какие еще бывают способы как открыть изображение в фотошопе.

Шаг 3

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

Вот, что должно получиться:

Теперь выберите инструмент Перемещение и перетащите львов в ранее созданный документ.

Шаг 4

Поскольку картинка больше нашего документа, она не полностью уместилась. Выберите команду Свободное трансформирование — Ctrl+T. Вокруг слоя со львами появится рамочка. Двигая за ее углы, задайте необходимый размер, но чтобы не нарушить пропорции картинки удерживайте нажатой клавишу Shift.

Примечание

Из-за больших размеров изображения рамочка может не поместится в видимом пространстве фотошопа. Уменьшите масштаб документа, нажимая Ctrl+−(минус).

Шаг 5

Добавим текстуру фона. Для этого повторите шаги со 2 по 3.

В итоге поверх львов должна появится зеленая текстура огромных размеров. Не спешите ее уменьшать! Оставьте как есть. Позже ее только подвинем.

Шаг 6

На палитре слоев переместите слой со львами выше текстуры.

А теперь вернемся к предмету этой статьи — к растушевке!

Обратите внимание, как контрастируют края изображения со львами на фоне зеленого цвета.

Во-первых, сразу виден дефект отделения от белого фона — видите как виднеется тонкая белая полоса?

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

Чтобы это все поправить и сделать красиво, давайте применим растушевку к краям изображения со львами. Сделаем небольшое размытие и плавный переход к фону. Приступим!

Шаг 7

Удерживая клавишу Ctrl, кликните мышкой по миниатюре слоя на палитре. Так мы создали выделенную область по контуру слоя.

Шаг 8

Инвертируем выделение — Ctrl+Shift+I.

Зададим размер растушевки — Shift+F6 — введем 3 пикселя.

Применим растушевку, удаляя лишнее — Delete. Для лучшего эффекта я нажал три раза.

Уберем выделение — Ctrl+D.

Почувствовали разницу?

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

Шаг 9

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

Теперь создадим цветовую гармонию.

Шаг 10

Создайте новый слой, возьмите инструмент Заливка и залейте слой желтым цветом #f0ff02. Поместите этот слой между текстурой и львами.

Шаг 11

Примените к желтому слою режим наложения Цветовой тон.

Шаг 12

Добавим маленькую тень в стилях слоя со львами. Повторите такие же настройки:

Шаг 13

Финальный аккорд — добавим насыщенности и глубины для композиции. Создадим корректирующий слой Кривые и подвигаем ее немного:

Результат: