Почему когда стираешь фон
Мучаетесь, вырезая объект ластиком? Показываем способы, которые помогут избавиться от фона быстрее и проще.
Неопытные дизайнеры часто избавляются от лишних частей изображения с помощью ластика — этого делать не стоит, потому что он безвозвратно удаляет стертые пиксели.
Профессионалы пользуются Масками/Masks — они позволяют не удалять, а скрывать какие-либо части изображения, поэтому в любой момент можно восстановить картинку.
На фотографии, с которой нужно убрать лишнее, создается дополнительный слой — та самая Маска. Скрывать части изображения помогает черная кисть, а восстанавливать — белая.
Как пользоваться Масками/Masks в Photoshop
Часто, когда новички делают выделение, а затем создают слой с Маской, скрывается не фон, а объект, который вырезали. Если так произошло, нужно просто отменить действие, нажав Ctrl + Z, и инвертировать выделение. Для этого выберите выделение активным инструментом, щелкните правой кнопкой мыши и инвертируйте выделенную область.
Как инвертировать выделение в Photoshop
Теперь можно переходить к удалению фона с изображения.
Всегда можно создать маску и стереть ненужные области с помощью Кисти/Brush Tool черного цвета. Этот способ дает точный результат, но он долгий. Вернуть стертые области поможет кисть белого цвета.
Удаление фона при помощи кистей в Photoshop
Волшебная палочка/Magic Wand — самый простой и быстрый способ удаления лишних частей изображения. Чтобы убрать фон с картинки при помощи Волшебной палочки, нужно задать значение допуска — чем оно выше, тем больше будет область выделения. Далее щелкните по области, которую хотите скрыть, и залейте ее черным цветом.
Удаление фона с помощью Волшебной палочки/Magic Wand
Если раскрыть дополнительные инструменты Волшебной палочки, вы увидите Быстрое выделение/Quick Selection Tool — это чуть более усовершенствованный вариант рассмотренного способа.
Как работает Быстрое выделение/Quick Selection Tool
Как и все простые инструменты, Волшебная палочка действует достаточно грубо.
На объекте могут остаться следы скрытого фона, которые придется убирать с помощью Кисти. С ее помощью можно понять, подойдет ли объект для ваших целей, а уже потом думать о более качественной обтравке.
Инструмент Лассо/Lasso Tool, а также дополнительные инструменты выделения Прямолинейное лассо/Polygonal Lasso Tool и Магнитное лассо/Magnetic Lasso Tool позволяют сделать быстрое выделение нужной области. Это удобно в случае, если нужен не объект целиком, а только его часть. Эту самую часть вы выделяете Лассо, а дальше работаете непосредственно с ней.
Обтравка объекта при помощи Лассо/Lasso Tool
Вы становитесь профессионалом в Photoshop, когда начинаете комбинировать инструменты и искать нестандартные способы решения проблемы. Именно так и появляются лайфхаки. Например, если нужно вырезать куст с неоднородного зеленого фона, не всегда нужно прибегать к сложным способам обтравки. Можно вырезать объект при помощи простого Лассо, а края куста обработать при помощи кисти для создания травы, максимально похожей по контуру на вырезаемый объект.
Выберите инструмент Прямоугольное выделение/Rectangular Marquee Tool — наверху, в настройках инструмента, будет вкладка Выделение и маска/Select and Mask. После нажатия откроется отдельное окно с параметрами — можно выбрать кисть для выделения, отрегулировать ее радиус, настроить сглаживание, контрастность и растушевку. Чаще всего этот инструмент используется, чтобы улучшить выделение, сделанное более быстрым способом.
Как работает инструмент Выделение и маска/Select and Mask
Чтобы убрать фон с картинки при помощи Каналов/Channels, вам нужно перейти в соответствующую вкладку рядом со Слоями/Layers, выбрать самый контрастный из них, продублировать его и вызвать инструмент Кривые (Ctrl + M). При помощи кривой можно сделать объект еще более контрастным, создать выделение, щелкнув по каналу с зажатым Ctrl, включить обратно все каналы и создать маску, инвертировав выделение при необходимости.
Как вырезать объект с помощью Каналов/Channels
Так же, как Выделение и маска, инструменты затемнения и осветления применяются в качестве средства улучшения уже готового выделения. Например, если вы выделили сложный объект с помощью Каналов, он может оказаться частично прозрачным — из-за того, что оттенки самой картинки передались на маску оттенками серого.
Исправить это просто: нужно перейти в режим редактирования маски — кликните по значку маски рядом со слоем с зажатым Alt, а затем осветлите или затемните нужные области с помощью инструмента Осветлитель/Dodge и Затемнитель/Burn.
Как улучшить готовую маску
Обтравка объекта с помощью Пера/Pen Tool — один из самых качественных способов убрать фон с картинки или объекта. Выбрав инструмент из панели слева, ваша задача — максимально корректно построить путь будущего выделения. Как только закончите выделять объект или его часть, нужно закрыть контур и залить его черным цветом, предварительно создав маску.
Работа с инструментом Перо/Pen Tool
Если нужно добавить к картинке элементы, изначально размещенные на черном или белом фоне, то лучше всего подойдут Режимы наложения/Blending Modes. Какой из них выбрать, зависит от ситуации, но чаще всего используются Экран/Screen, Мягкий свет/Soft Light и Умножение/Multiply.
Как работают Режимы наложения/Blending Modes
Найти этот инструмент можно, щелкнув по слою правой кнопкой мышки. Откроется окно со множеством функций, выберите вкладку Параметры наложения/Blending Options. Внизу окна увидите функцию Наложение/Blend If. Регулируя ползунки на палитре, можно убавить количество белых или черных оттенков, а также изменить канал на красный, синий или зеленый. Обратите внимание, если на ползунок нажать с зажатой клавишей Alt, он разделится на две половинки. Перемещая их, можно сделать выделение более мягким.
Удаление фона с помощью Параметров наложения/Blending Options
Это один из самых старых и проверенных способов убрать фон с картинки. Инструмент находится во вкладке Выделение/Select. Когда выбираете Цветовой диапазон/Color Range, открывается окно с его настройками. Ваша задача — с помощью пипеток и регулирования Разброса/Fuziness выбрать те оттенки, которые нужно стереть с изображения. Затем создайте маску, инвертируйте выделение при необходимости.
Цветовой диапазон/Color Range также поможет избавиться от фона
Не существует идеального способа убрать фон с картинки. Каждый из рассмотренных может пригодиться в разных ситуациях, поэтому важно знать если не все из них, то большинство.
Стать настоящим профессионалом в Photoshop очень сложно. Если раньше начинающие специалисты страдали от недостатка уроков, то сегодня мы наблюдаем обратную проблему — переизбыток информации, среди которой еще нужно найти хороший контент. Выход — наш курс «Рекламная графика», с помощью которого вы станете настоящим гуру Photoshop.
Вы узнаете, как создаются визуализации для рекламы и красивые фоны для кино и видеоигр, поймете, как обрабатывают фотографии профессионалы, и откроете для себя новую востребованную профессию.
Курс «Рекламная графика»
Этот курс для дизайнеров, знающих и умеющих работать в фотошопе, которые хотят поднять уровень своих работ до международного, освоив технологию фотореалистичной иллюстрации.
- Живая обратная связь с преподавателями
- Неограниченный доступ к материалам курса
- Стажировка в компаниях-партнёрах
- Дипломный проект от реального заказчика
- Гарантия трудоустройства в компании-партнёры для выпускников, защитивших дипломные работы
Автор: Guilherme Pejon
Перевод: Михаил Ким (mikim)
Многие пользуются сложными методами удаления фона, хотя могут сделать это намного легче используя инструмент «Фоновый ластик». С его помощью можно добиться отличных результатов, так как он автоматически распознает края и растушевывает выделение. В данном уроке, вы научитесь пользоваться инструментом «Фоновый ластик» для удаления неба и его замены из набора реалистичных небесных градиентов.
Превью конечного результата
Шаг 1: Выбираем изображение с которым будем работать
Откройте фото, на котором необходимо удалить фон в Фотошоп. В данном уроке, я буду использовать пейзаж из двух деревьев на фоне синего неба, однако, вы можете использовать метод описанный здесь, на любых изображениях и в различных ситуациях.
Шаг 2: Принцип работы инструмента
Хотя название инструмента звучит как «фоновый» ластик, на самом деле его можно применять для удаления многих других вещей, и его легче понять, как «цветовой» ластик чем «фоновый». Начнем с того что выберем инструмент. Можно использовать сочетание клавиш Shift+E для циклического выбора на панели «ластик» или можно кликнуть на иконке левой панели.
После того как мы выбрали инструмент, настройки верхней панели изменятся и ваш курсор примет форму круга с перекрестьем в середине. Точка в центре перекрестья и есть область где мы будем выбирать цвет для его удаления внутри площади круга. Правый клик мышью вызовет настройки кисти этого инструмента.
Запомните! Всегда выставлять жесткость кисти на максимум, так как мягкие края могут оставлять артефакты не удалённого фона. Изменяйте размер кисти по усмотрению и выставляйте интервал кисти относительно низким (1~50%), это поможет создать мягкую непрерывную линию зоны удаления фона.
В верхней панели, выберите, опцию «Образец пробы цвета однократно» (Sampling Once), таким образом мы возьмем образец пробы цвета только один раз и удалим им большую часть изображения. Выставите «Ограничения» (Limits) на «смежные» (Contiguous) а «Допуск» (Tolerance) пока на 50%.
Шаг 3: Начинаем удалять
Кликните в любой части неба, удерживайте левую кнопку мыши и перетаскивайте мышь чтобы удалять фон.
Как видно на изображении выше, у нас не удаляется фон между листьями и ветвями, поэтому мы вынуждены обратиться к настройке «Ограничений» инструмента «Фоновый ластик». Переходим на верхнюю панель и меняем «Ограничение» с «Смежные» (Contiguous) на «Несмежные» (Discontiguous). Теперь выполним предыдущий шаг и посмотрим на результат.
Видите, как настройка «несмежные» (Discontiguous) позволила нам удалить фон даже в несмежных областях, таких как ветки и листья дерева на нашем изображении.
Шаг 4: И еще несколько настроек
В моем случае, когда я применил «Допуск»» на 50% (по умолчанию), конечный результат выглядит довольно неплохо, но не расстраивайтесь если примерно такое произойдет в вашем случае:
Если похожее получилось на вашем изображении, это будет означать что цвет вашего фона совпадает с вашим объектом, и поэтому вам нужно будет понизить уровень «Допуска». Если цвет фона отличается от цвета вашего объекта (как в моем случае), то вы можете выставить «Допуск» на более высокий уровень для достижения наилучшего результата. При правильно подобранном уровне «Допуска» ваш результат будет примерно таким:
Шаг 5: Больше настроек!
Если вы пробовали все уровни «допуска», а инструмент «фоновый ластик» все еще удаляет ваш объект, включите настройку «Защищать основной цвет».
Это позволит вам взять образец основного цвета (зажмите Alt/Opt для отбора образца цвета с вашего изображения), который не будет стирать инструмент «Фоновый ластик» в Фотошопе. Ниже пример того как работает эта настройка:
Шаг 6: Различные цвета фона
После того как вы применили инструмент «Фоновый ластик» ко всему изображению по одному цвету, у вас получится приблизительно следующее:
Несмотря на то что мой фон был почти синим, на нем наблюдаются различные тона синего, а местами и белого. Чтобы разобраться с этой проблемой, необходимо взять новый образец цвета и заново повторить весь процесс. Можно выбрать настройку «Образец пробы» со «смежными ограничениями» в верхней панели:
Однако, я не рекомендую делать этого, из-за того, что если вы будете работать довольно близко от своего объекта (в нашем случае деревья), вы можете случайно взять пробу их цвета и получится так что вы сотрете не то что бы вы хотели. Поэтому, просто наводите перекрестье на следующий цвет и повторяйте все заново пока не добьетесь результата по всему изображению.
Шаг 7: Заключительный этап
После того как вы удалили фон – у вас два выбора. Либо вы можете выделить объект вокруг которого удалили фон и использовать его для дальнейших действий, либо вы можете заменить фон, который только что удалили, на какой-нибудь другой чтобы создать иную картину (это будет наш следующий шаг). Загрузите «набор небесных градиентов» и выберите тот что больше подходит для вашего изображения. Для замены старого фона я выбрал вот такой, с синим небом:
А вот и результат:
Конечный результат до и после
В этом уроке мы рассмотрим назначение, области применения и тонкости использования инструмента Photoshop «Фоновый ластик» (Background Eraser Tool).
Основное назначение Фонового ластика — удаление фоновых областей изображения. Фоновый ластик особенно полезен при удалении фона фотографиях, содержащих много мелких деталей на переднем плане, например, ветки деревьев на фоне неба.
Но не заблуждайтесь, Фоновый ластик так просто не может стереть фон, т.к. Photoshop сам по себе не знает, что считать фоном на фотографии, а что нет. Фоновый ластик стирает цвет по образцам, оставляя другие цвета нетронутыми, т.к. это всё-таки ластик.
Так что если Ваше небо голубое, а деревья зеленые, Фоновый ластик можете легко стереть голубое небо, не тронув зеленые деревья.
Фоновый ластик, несомненно, является одним из лучших инструментов в Photoshop для удаления нежелательных участков фотографий, но и он не совершенен и у него имеется один серьезный недостаток. Как и обычный ластик, этот инструмент физически удаляет пиксели с изображения, что означает, что они будут потеряны навсегда, так что при работе с инструментом необходимо дублировать фоновый слой.
По умолчанию, Фоновый ластик расположен за обычным «Ластиком» (Eraser Tool) в панели инструментов Photoshop. Чтобы выбрать его, нажмите и удерживайте левую клавишу мыши, пока не появится меню, либо кликните на «Ластик» правой клавишей мыши, как делаю я при выборе инструмента:
При выбранном «Фоновом ластике» курсор мыши изменится на круг с небольшим перекрестием в центре:
Диаметр круга настраивается точно также, как и диаметр инструмента «Кисть» (Brush Tool).
Принцип работы Фонового ластика
Прежде, чем мы рассмотрим применение инструмента на реальных примерах, давайте разберём принцип его работы на простом изображении, состоящим из синих и зеленых вертикальных столбцов:
Допустим, я хочу стереть зелёный столбец в середине изображения. Фоновый ластик берет образцы цвета для удаления в перекрестье круга курсора при протаскивании курсора при зажатой левой клавише мыши. Чем больше диаметр круга, тем больше пикселей сотрёт инструмент, любые пиксели внутри круга, которые соответствуют цвету взятого образца, будут удалены.
Для удаления зелёного столбца, я наведу курсор так, чтобы перекрестье расположилось внутри зелёного столбца и нажму левую клавишу мыши. Когда я нажимаю клавишу, все зелёные пиксели в круге, соответствующие по цвету пикселю в перекрестье, удаляются:
Для удаления зелёного цвета дальше, мне надо просто перетаскивать курсор с зажатой клавишей по области колонки. Обратите внимание, что несмотря на то, что круг иногда проходит по синим колонкам, они остаются нетронутыми, поскольку эти пиксели не того же цвета, какие я стираю. Это делает его легко получить вплоть по краям области я хочу стереть. Пока перекрестье находится на зелёной области. Я стираю только зелёные пиксели:
Если я случайно передвину перекрестье курсора на синюю область Photoshop возьмёт за образец синий цвет и начнёт удаление синих пикселей, при этом не удаляя зелёные:
Ошибочное удаление отменяем, как обычно, комбинацией Ctrl+Alt+Z.
Примечание. Если Вы стираете Фоновым ластиком на фоновом слое, а т.к фоновый слой не поддерживает прозрачность, то Photoshop автоматически преобразует фоновый слой в обычный.
Удаление неба с фотографии с помощью Фонового ластика
Давайте рассмотрим действие инструмента на практическом примере.
Я могу без труда стереть голубое небо вокруг ветки дерева, до тех пор, пока перекрестье курсора находится на голубом небе:
Однако, если перекрестье попадёт на ветку или лист дерева, т.е. на другой цвет, Photoshop начнёт стирать дерево, в этом случае следует отменить последний шаг и попробовать еще раз:
Итак, мы выяснили, что Photoshop выбирает образцы цвета для удаления, расположенные непосредственно под перекрестьем в центре курсора Фонового ластика в режиме реального времени и стирает все пиксели выбранного цвета, которые попадают в круг курсора. Мы также узнали, что во время передвижения ластика, если под крестик в центе курсора попадает на другой цвет, то Photoshop выберет этот цвет в качестве образца и начнет стирать именно этот новый цвет.
Но то, что мы только что здесь описали, является поведением Фонового ластика по умолчанию и это не единственный способ поведения инструмента.
Изменит настройки инструмента можно на панели параметров, расположенной вверху окна программы, это мы рассмотрим далее.
Настройка параметров Фонового ластика
Одним из самых важных параметров инструмента является то, каким образом инструмент выбирает образцы цвета для удаления.
В правой части панели параметров расположены три значка в виде пипеток — это и есть переключатели трёх разных режима сбора образцов. Режимы выбора образцов слева направо:
— Непрерывный (Continuous)
— Однократный (Once)
— Образец фона (Background Swatch)
Из этих трех режимов наиболее часто используются первые два. Работу режима «Непрерывный», включенного по умолчанию, мы только что рассмотрели. В данном режиме хорошо работать, когда на изображении имеется всего несколько хорошо отличимых друг от друга цветов, но когда на картинке имеются плавные переходы из одного цвета в другой и цвета не слишком различаются между собой, как в случае с ветками деревьев, лучше подойдёт второй режим — Однократный (Once). Я включу его, нажав на среднюю иконку.
Как понятно из названия, в этом режиме проба цвета берётся один раз при нажатии на левую клавишу мыши, и сохраняется до тех пор, пока Вы не отпустите клавишу, т.е. образец удаляемого цвета не меняется в зависимости от того, на каком цвете расположено перекрестье при перемещении курсора.
Посмотрите, что происходит сейчас, когда я «случайно» переместил перекрестье на синюю колонку. На этот раз Фоновый ластик не оказывает никакого влияния на цвет, т.к. образец цвета был взят на зелёной колонке:
То же самое происходит и на нашей фото при удалении неба. Сейчас Photoshop игнорирует для удаления ветки и листья деревьев, поскольку вначале я нажал на голубое небо, этот цвет выбран в качестве образца для удаления и остаётся неизменным:
Если у вас возникли проблемы с выбором образца цвета для удаления (что само по себе случается довольно редко), попробуйте выбрать третий режим — Образец фона (Background Swatch).
В этом режиме Вы самостоятельно можете выбрать цвет для удаления на цветовой палите, а потом переключить его с основного на фоновый. На рисунке я выбрал синий цвет для удаления:
Ограничения стираемых областей
Еще одним важным параметром для удаления фона является «Ограничения» (Limits). После того, как Photoshop узнаёт, какой цвет необходимо стереть, «Ограничения» задают установку, где выбирать пиксели для удаления. Два основных варианта выбора для опции «Ограничения» являются «Смежные пиксели» (Contiguous) и «Все пиксели» (Discontiguous):
Опция «Смежные» включена по умолчанию и означает, что Photoshop может стирать только пиксели в областях, которые физически соприкасаются с пикселями под перекрестьем курсора.
Другими словами, он не может перепрыгнуть через ветви деревьев, столбы, или что-нибудь еще в фотографии, которая отделяет и изолирует одну область пикселей одного цвета от другой того же цвета. В моём случае, это создает проблему, поскольку я пытаюсь стереть небо, проглядывающее сквозь ветви деревьев, т.е. пиксели одного цвета разграничены другим цветом:
Чтобы обойти эту проблему, я переключил опцию в режим «Все пиксели».
«Все пиксели» означает, что Photoshop без ограничений будет стирать все пиксели в любом месте изображения, соответствующие цвету взятого образца.
Как только я кликнул перекрестьем на голубое небо, я могу просто перетаскивать Фоновый ластик через ветки и при этом стирать небо (режим сбора образцов установлен на «Однократный» (Once):
Однако, если мы внимательно посмотреть на область удаления, то, к сожалению, можно увидеть участки неба более темно-синего цвета, оставшиеся вокруг некоторых ветвей деревьев:
Допуск (Tolerance)
Это подводит нас к третьей важной опции для удаления фона, которая сможет задать допуск различия оттенков удаляемого цвета, эта опция так и называется — «Допуск» (Tolerance):
Последним, третьим из трех основных параметров Фонового ластика является параметр «Допуск» (Tolerance), который определяет, до какой степени удаляемый цвет может отличаться от образца.
Значение «Допуска» по умолчанию задано 50%, и эта величина обычно является оптимальной, но, если вы обнаружите, что Фоновый ластик стирает области, которые Вы хотите сохранить, потому что цвет этих областей похож на цвет взятого образца, значение «Допуска» необходимо уменьшить. Если же фоновый цвет сильно отличается от цвета предметов, не подлежащих удалению, значение «Допуска» можно увеличить.
Я собираюсь отменить мои предыдущие шаги по удалению неба и попробую ещё раз, но теперь я увеличу значение «Допуска» до 70%, т.к. небо отличается по цвету от веток деревьев. Я нажмите чтобы попробовать площадью голубое небо с символом цели, и на этот раз, с более высокими значениями «Допуска», Фоновый ластик даёт гораздо лучший результат:
Защита цвета переднего плана от стирания
Очень интересная опция. В Photoshop с русскоязычным интерфейсом она называется «Основной цвет», в англоязычном — Protect Foreground Color.
Смысл опции заключается в том, что в цветовой палитре Вы задаёт основной цвет, который будет защищён от стирания.
Для её активации нажмите на соответствующий флажок:
На рисунке ниже показана работа «Фонового ластика» при активных опциях «Образец фона», «Все пиксели» и «Основной цвет». На цветовой палитре основным цветом задан зелёный, а фоновым — синий. Соответственно, «Фоновый ластик» будет удалять синий и оставлять зелёный. Я сделал всего один клик по изображению, причём перекрестьем курсора по зелёному цвету. Но, в результате, зелёный цвет остался нетронутым (т.к. он на данный момент основной), а удалён синий цвет (т.к. он фоновый, а опция «Сбор образцов» в режиме «Образец фона»), хотя повторяюсь, я кликнул перекрестьем по зелёному:
Надеюсь, этот момент понятен. Теперь рассмотрим действие опции «Основной цвет» на практическом примере.
На фотографии ниже цветы очень похожи по цвету на фон, в результате чего Фоновый ластик, наряду с фоном, частично стирает эти цветы (опция «Основной цвет отключена):
Попробуем защитить цветы от стирания активацией данной опции, для её активации ставим флажок в чекбоксе.
Для начала нам надо взять образец цвета, который я не хочу защитить от удаления, для этого нажимаем клавишу Alt, что временно дает мне доступ к инструменту «Пипетка», и кликаем по цветку. Этот цвет станет в палитре цветов основным, т.е. защищённым от стирания.
Теперь попробуем стереть фон, результат гораздо лучше:
Подводя итог, скажу, что грамотная настройка опций инструмента серьёзно облегчит задачу по удалению фона на фотографии.
Помощь сайту
Понравился сайт? Уроки оказались полезными? Вы можете поддержать проект, просто если скачаете и установите приложение «Фонарик» для Андроид. Приложение написал автор сайта и рассчитывает в дальнейшем публиковать свои приложения. Фонарик управляет светодиодом вспышки фотокамеры телефона, а также включает подсветку экраном на полной яркости.
Ссылка на страничку с описанием.
Преимущества: гибкие настройки. Вы можете задать в настройках, чтобы фонарик сразу включался при запуске приложения и автоматическое включение таймера при запуске приложения. Настройки позволяют отключить блокировку экрана и блокировку фонарика кнопкой включения телефона. Также вы можете самостоятельно установить время таймера.
Если приложение наберёт популярность, это даст стимул автору на создание новых приложений с учётом пожеланий посетителей сайта.
Установить с Google Play.
Заранее благодарен, Дмитрий.
QR-код для установки:
Если Вам понравился материал, скажите свое «спасибо», поделитесь ссылками с друзьями в социальных сетях!
Спасибо!