Убрать фоновый ворс с контура объекта в Photoshop

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

Давайте представим, что мы дизайнеры и нам нужно сделать праздничный плакат. Мы будем концентрировать своё внимание только на обработке краев отдельных объектов (точнее объекта), которые используем в своей работе. Поскольку не у всех у нас могут быть последние версии Фотошоп, включающие новые специальные усовершенствованные модули для более качественной обработки краев выделяемых (снимаемых с фона) объектов, поэтому мы рассмотрим способы, не используя эти модули.

Итак, мы в Фотошоп создаем новый холст и заливаем его градиентом в тон Андреевской ленточки:

Убрать фон в Photoshop

Помещаем выделенный нами объект (Орден ВОВ) на фон и видим этот самый фоновый ворс:

Убрать фон в Photoshop

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

Чтобы не испортить основной слой-объект (орден с лентой) можно сделать копию и работать с ней. В палитре слоев схватимся за слой-орден и потянем вниз, поместив его в квадратик нижней менюшки «Новый слой»:

Убрать фон в Photoshop

Вот у нас появился слой-копия. Теперь сделаем слой-оригинал невидимым, нажав значок «Глазик» и перейдем на слой-копию, выделив его одним щелчком:

Убрать фон в Photoshop

Чтобы быть спокойными за то, что обрабатывая края, мы не испортим слой-орден, будем работать со слоем-маской. В нижней менюшке палитры слоев щелкнем по значку слоя-маски. К иконке слоя-копии добавилась иконка маски:

Убрать фон в Photoshop

Начиная работать с маской слоя, нам следует обратить внимание на то, чтобы именно иконка маски слоя была выделена. В противном случае, мы будем удалять сам слой, если выделенной будет иконка слоя:

Убрать фон в Photoshop

Работая с маской слоя, мы работаем рисовальными кистями. У кистей есть понятие «Жесткость». При 100 % жесткости кисти, края ордена будут четкими. Если мы начнем уменьшать жесткость кисти, то края ордена, конечно уже без ворса, будут более мягкими, слегка размытыми. Чем меньше жесткость, т.е. больше мягкость, кисти, тем более размытым становится край (контур). Если мы ошибемся, то можно вернуться, нажав сочетание клавиш Ctrl+Alt+Z.

Давайте перейдем к панели инструментов и установим передний\задний план и выберем кисть. Черный квадратик поверх белого — стираем слой, а белый квадратик поверх черного — восстанавливаем слой. Другими словами водим кистью, стираем и водим кистью, восстанавливаем. Плановость меняем полукруглыми стрелочками:

Убрать фон в Photoshop

Давайте выберем жесткую кисть и увеличим масштаб нашего изображения. Увеличение масштаба облегчит нам работу (снизит напряжение на глаза) и позволит сделать все качественно. Отрегулируем размер кисти по своему усмотрению:

Убрать фон в Photoshop

Начнем удалять белый ворс с любого удобного для нас места контура. Чтобы кисть заработала, щелкнем левой кнопкой мышки и, удерживая её, поведем кисть вдоль контура, снимая ворс. Для удобства, мы можем установить кисть в нужном месте, щелкнуть, затем нажав и удерживая клавишу Shift, перевести кисть к другому проблемному месту и снова щелкнуть. Ворс на отрезке между щелчками исчезнет:

Убрать фон в Photoshop

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

Убрать фон в Photoshop

Нельзя сказать, что с первого раза у нас получилось идеально, но в сравнении с тем, что было, очень даже неплохо. Мы должны учитывать и увеличение, при котором происходит искажение и самого объекта — ордена. При сильном увеличении наиболее заметным становится и сам растр. Масштаб сейчас 300%. Давайте посмотрим на обработанные участки в обычном режиме, то есть при 100%:

Убрать фон в Photoshop

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

Убрать фон в Photoshop

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

Для того чтобы края и изгибы были плавными и исчезла оставшаяся белизна, мы можем пройтись еще раз, но уже мягкой кистью, чуть увеличив её размер и уменьшив жесткость до 15-12%. Но это все, мы делаем по своему усмотрению.

Давайте теперь призовем себе на помощь какой-нибудь инструмент выделения. Ну, например, этот:

Убрать фон в Photoshop

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

Убрать фон в Photoshop

Так, хорошо. Идем выше к зубцу звезды и вверх к его крайнему углу:

Убрать фон в Photoshop

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

Убрать фон в Photoshop

Теперь нажмем Delete и посмотрим, что станет с ворсом:

Убрать фон в Photoshop

Для лучшей видимости своей работы уберем выделение нажатием сочетания клавиш Ctrl+D:

Убрать фон в Photoshop

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

Убрать фон в Photoshop

Если работая инструментами выделения, нам хочется мягких, чуть-чуть размытых краев, то мы можем установить растушевку в 1-2 пикселя, не убирая, галочки «Сглаживание»:

Убрать фон в Photoshop

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

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

Убрать фон в Photoshop

Ну что же, попробуем удалить ворс с какой-нибудь части ордена:

Убрать фон в Photoshop

Соединяем начальную и конечную точки и видим образовавшийся контур:

Убрать фон в Photoshop

Давайте щелкнем правой кнопкой для вызова окошка действий, в котором выберем пункт «Образовать выделенную область»:

Убрать фон в Photoshop

У нас появится уточняющее окошко о растушевке. Не будем ставить значение, оставим ноль. Пусть край будет более четким:

Убрать фон в Photoshop

Жмем «Ок» и у нас образовалась выделенная область:

Убрать фон в Photoshop

Теперь осталось нажать Delete и посмотреть, что же получилось:

Убрать фон в Photoshop

Снимем выделение, нажав клавиши Ctrl+D:

Убрать фон в Photoshop

Очень хорошо. Так и хочется инструментом «Перо» выделить весь контур ордена, оставив за линией ворс, а затем одним нажатием кнопки от него избавиться совсем. Контур обведен и сделано выделение:

Убрать фон в Photoshop

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

Убрать фон в Photoshop

У нас появилось выделение всего холста:

Убрать фон в Photoshop

Теперь осталось нажать Delete и посмотреть, что у нас получилось. Так и сделаем:

Убрать фон в Photoshop

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

Убрать фон в Photoshop

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

Таким инструментом, как перо, мы можем «снимать объект» со слоя-фона. Как это делать мы, в общем-то, только что рассмотрели. Присутствие некоторой «не идеальности» вопрос лишь времени и «набитой руки».

Комментарии  

Роберт 13.04.2015 13:46
Слишком долго. Фотошоп это должен на автомате убирать.
Цитировать
Аноним 01.04.2018 20:06
Очень хорошая и познавательная статья, спасибо!
Цитировать

Оставить комментарий

Защитный код
Обновить