Удаление фона с помощью каналов в фотошопе
В этом уроке Фотошоп я покажу вам, как вырезать с фона сложные объекты, используя палитру «Каналы» (Channels) и функцию вычисления (Calculations). Такой способ извлечения объектов с фона очень удобен, поскольку экономит много времени в отличие от использования других инструментов выделения.
Давайте рассмотрим действие этого приема на практике и убедимся во всем сами.
Зачем использовать каналы для маскировки изображения?
В программе Photoshop предусмотрены разные инструменты выделения: магнитное лассо, волшебная палочка, быстрая маска и т.д…зачем же использовать каналы для этой цели? Дело в том, что использование каналов сэкономит кучу вашего времени и сделает работу более точной.
Большинству пользователей программы, которые занимаются ретушью фотографий и обработкой своих снимков и снимков друзей трудно понять, что палитру «Каналы» можно использовать для создания Маски слоя (Layer Mask), потому что они просто не знают, что это такое.
Я не буду объяснять, что такое каналы, это тема отдельного урока, но напомню, что каналы разделяют изображение на три разных уровня яркости, соответствующие трем цветам красному, зеленому и синему (Red, Green, Blue), что составляет режим RGB. Рассмотрим действие каналов на примере этого урока.
Вот какой результат выделения должен получиться у нас:
Шаг 1.
Открываем в Фотошоп изображение ветки дерева на голубом фоне из ресурсов урока и дублируем его (Ctrl+J). Переименуйте дублированный слой в слой «Ветви». На этом слое мы создадим Маску слоя (Layer Mask), чтобы скрыть на ней голубой фон, вырезав с него ветку.
Шаг 2.
Вы знаете, что можно было бы выделить ветви на фоне при помощи Пера (Pen Tool) или Волшебной палочки (Magic Wand), но такой прием выделения займет много времени, сил и приведет к образованию неровных краев объекта. Использование Быстрой маски (Quick Mask) также довольно хлопотное занятие в нашем случае.
Поскольку у нас однородный фон, уместно применить метод выделения при помощи альфа-каналов. Даже если вы пока ничего не понимаете, просто выполняйте все действия вместе со мной по порядку и все станет ясно.
На слое «Ветви» перейдите в палитру «Каналы» (Channels), которая находится рядом с панелью «Слои» (Layers), кликнув по ее вкладке.
Шаг 3.
Вы видите в открывшейся палитре три слоя каналов для каждого из трех основных цветов изображения: красного, зеленого и синего (Red, Green, Blue), которые называют альфа-каналами. Верхний слой канала «RGB» является сочетанием всех трех альфа-каналов одновременно.
Для качественного выделения объекта нам нужен канал, в котором будет наилучший контраст между фоном и веткой. Поочередно пройдитесь по всем трем каналам и выберите наиболее контрастный. В нашем случае лучшим вариантом будет синий (Blue) канал, потому что контраст здесь сильнее между фоном и веткой, чем в двух других.
Нажмите на синий канал, активируя его.
Шаг 4.
С выбранным синим каналом перейдите в меню Изображение-Вычисления (Image>Calculations). Эта функция поможет нам смешать альфа-каналы и покажет предварительный результат. При помощи инструмента «Вычисление» (Calculations) мы создадим новый альфа-канал на основе трех существующих. Выполните настройки со скриншота ниже:
Позвольте мне объяснить, что же происходит с нашим новым каналом при таких настройках. За источник 1 (Source 1) принимается синий канал фонового слоя и его дубликата, за источник 2 (Source 2) принимается только синий канал слоя «Ветви», затем они смешиваются при помощи режима Умножение (Multiply) между собой. В результате смешивания получается более контрастное изображение, которое и является новым альфа-каналом (Alpha 1). Перед нами стоит задача создания резкого контраста черного и белого цветов на изображении, в противном случае, мы не сможем качественно вырезать ветку с фона и скрыть фон на маске слоя.
Шаг 5.
В предыдущем шаге мы увеличили контрастность изображения, но этого мало для нашей цели. Увеличим ее еще больше. На слое канала «Альфа 1» (Alpha 1) снова переходим в меню Изображение-Вычисления (Image>Calculations). На этот раз изменяем режим смешивания каналов на Перекрытие (Overlay) и выполняем остальные настройки опции со скриншота.
В результате смешивания получился еще один альфа-канал «Alpha 2», в котором светлые области стали светлее, а темные – темнее, что усилило контраст фона и объекта.
Шаг 6.
Даже после двух вычислений мы не можем выделить ветку, потому что небо имеет области серого цвета, а нам нужны только черные и белые цвета.
На слое канала «Alpha 2» переходим в меню Изображение-Коррекция-Уровни (Image-Adjustment-Levels) или нажимаем сочетание Ctrl+L. Сейчас мы избавимся от серого оттенка фона, сделав его полностью белым. В диалоговом окне «Уровни» передвиньте белый ползунок Светов (Highlight) влево до значения 167, пока фон не станет белым.
Затем, сдвиньте немного вправо черный ползунок Теней (Shadows) до 13, делая четкий контраст между черным и белым цветами.
Шаг 7.
Теперь мы сделали все, к чему стремились и готовы к выделению ветки и созданию маски слоя. Поскольку нам нужно скрыть на маске фон, а не ветку, инвертируем цвета на изображении, нажав на клавиатуре Ctrl+I. Теперь, загружаем выделение ветки, нажав Ctrl и, кликнув по иконке канала «Alpha 2». Появилась бегущая обводка вокруг белой ветки, что указывает на активацию выделения.
Шаг 8.
С активным выделением канала «Alpha 2», нажимаем на канал RGB, чтобы вернуть изображению цвет, и возвращаемся в палитру «Слои» (Layers).
Шаг 9.
Осталось только скрыть ненужный фон на маске. Для этого, переходим в меню Слои-Маска слоя-Показать выделение (Layer>Layer Mask>Reveal Selection) или нажимаем на иконку Маски слоя (круг в квадрате) внизу панели слоев. Как только вы создадите маску, ваш фон будет скрыт на ней. Для того, чтобы увидеть результат удаления фона, выключите видимость фонового слоя, нажав на глазик его миниатюры.
Если вы увеличите изображение (Ctrl+), то увидите, насколько точно выполнено выделение ветвей таким способом.
Шаг 10.
Маскировка выполнена, и теперь нам необходимо проверить качество выделения на однородном фоне. Создайте слой (Ctrl+Shift+N) выше фонового слоя и залейте (Edit-Fill или Shift+F5) его любым цветом, чтобы увидеть погрешности на изображении.
Проблема с оттенком.
Если вы хотите использовать данное изображение на другом фоне или в коллаже, то возникает проблема с присутствием ненужного синего оттенка на ветвях, который надо устранить. Чтобы вы поняли, о чем идет речь, я выбрал другое стоковое изображение для фона.
Удаление нежелательного оттенка в Фотошоп.
Существует простой способ удаления ненужного оттенка с объекта при помощи коррекции «Цветовой тон/Насыщенность» (Hue/Saturation) и уменьшения маски слоя. Если оттенок находится по краям объекта, достаточно будет уменьшить маску на 1 рх и проблема решится.
Поскольку у нас уже есть маска на слое «Ветви», мы не можем создать еще одну. Но есть выход из положения. Мы позже создадим маску на слое с группой.
Выберите слой «Ветви» и поместите его в группу, нажав на клавиатуре Ctrl+G.
Загрузите выделение маски на слое «Ветви» (Ctrl+клик по иконке маски), затем перейдите в меню Выделение-Модификация-Сжать (Select> Modify> Contract), установите сжатие в 1 рх. Далее, создаем маску на слое с группой и для этого идем в меню Слои-Маска слоя-Показать выделение (Layer>Layer Mask>Reveal Selection). В панели «слои» вы можете видеть вашу новую маску на слое с группой.
Если ваше изображение низкого разрешения, сжатие на 1 рх может удалить мелкие детали объекта. В этом случае вам нужен другой способ удаления нежелательного оттенка.
После того, как мы сократили нашу маску, синий оттенок все еще присутствует на ветвях. Попробуем его убрать с помощью коррекции «Цветовой тон/Насыщенность» (Hue / Saturation), обесцветив синий и голубой тона или меняя этот оттенок на другой.
Создаем корректирующий слой «Цветовой тон/Насыщенность» (Hue / Saturation), нажав внизу панели слоев черно-белый круг и выбирая из списка слоев нужный нам. В диалоговом окне опции выбираем синие тона (Blues) и обесцвечиваем их, передвинув ползунок Насыщенность (Saturation) на -94. Затем, выбираем голубые (cyans) тона и также обесцвечиваем их. По завершении настроек, создаем Обтравочную маску на корректирующем слое к слою «Ветви» (Alt+клик между взаимодействующими слоями).
Наконец, взгляните на результат до и после применения сжатия маски и создания корректирующего слоя.
Я надеюсь, вы нашли в этом уроке что-то новое для себя и теперь будете с успехом пользоваться таким способом выделения сложных объектов.
Процесс отделения конкретного объекта от фона, часто бывает необходим, чтобы получить полностью четкое изображение. Это полезно как в цифровой графике веб-дизайна и для обложек журналов. После удаление фона из изображения остается только передний план, на котором могут быть люди, предметы, пейзажи, или некоторая комбинация из трех вышеперечисленных.
В этом уроке вы увидите процесс отделения объекта от фона с помощью Photoshop. Есть много различных методов, чтобы добиться этого, но инструмент перо в частности, используют самые опытные пользователии это является наиболее выгодным в долгосрочном редактировании фотографий. Это может быть нелегко сначала, но как только вы освоите инструмент перо, вы сможете оперировать им быстро и успешно.
Начало
Если вы работаете с последней версией Photoshop от PS7-CC, вы можете следовать нашим советам точь-в-точь. Перо находится в окне палитры Инструменты. Иконка выглядит как перо от старинной перьевой ручкой. Если вы нажмете и удержите инструмент пера, во всплывающем меню появятся новые опции.
Мы можем получить доступ ко всем из этих инструментов, также используя сочетания клавиш, чтобы рабочий процесс стал более эффективным. Значок инструмента пера, использует комбинацию клавиш «Р». Независимо от того, какой бы инструмент вы выбрали в данный момент, просто нажмите клавишу «P», чтобы снова выбрать инструмент перо.
Для демонстрации урока будем использовать фотографию смартфона на GraphicStock . Здесь вы найдете подавляющее количество изображений, включая как растровые, так и векторные графические, которые идеально подходят для использования. К тому же все эти ресурсы временно бесплатны. Не стесняйтесь попробовать их для себя — они имеют 7-дневную бесплатную пробную версию, и вы можете получить доступ к более чем 250 000 набору графики, изображений, иконок, текстуры.
Мы не навязывает вам GraphicStock вы можете взять изображение с других ресурсов или даже использовать собственные фотографии, важен сам процесс и сейчас мы его рассмотрим.
Размещение узловых точек
Откройте изображение в Photoshop и убедитесь, что выбран инструмент перо. Цель здесь заключается в создании сегментов линии, называемой контуром, который соединяет между собой так называемые опорные точки . Всякий раз, когда вы щелкните где-нибудь с помощью инструмента пера он создаст новую опорную точку, которая позволяет контролировать форму, размер и кривую контура.
Конечная цель — это очертить объем объекта от одной точки к другой. Таким образом мы сможем загрузить контур, который определит выделение и удаление фона.
В нашем примере мы имеем два различных сегмента, которые должны быть удалены. Сначала — это сегмент за пределами руки, а затем цикл вокруг и площадь внутри в нижней части ладони. Основное здесь — это сделать как можно меньше опорных точек, только самые необходимые, чтобы образовать отрезок прямой или кривой линии.
При нажатии на место новой точки на экране, нажмите на кнопку & перетащите, чтобы получить эти две странных ручки. Они называются линиями Безье и регулируют два отдельных куска пути. Нижняя ручка регулирует предыдущую кривую, а верхняя ручка регулирует следующий поворот. Это потребует немного практики, чтобы узнать, как это смещать.
Один важный момент, чтобы настроить и обработать каждый отдельный элемент после перетаскивания его просто отпустите, удерживая клавишу ALT. При наведении на один из концов линии Безье, курсор пера превратится в стрелку («Convert Point Tool»).Теперь вы можете перейти к каждой ручки индивидуально, не затрагивая ничего другого.
Операции: Точки привязки
Маловероятно, что каждая опорная точка с первого раза будет помещена в точном правильном месте. Скорее всего, вы должны будете настроить различные точки несколько раз. После размещения новой точки привязки с выбранным пером просто удерживайте клавишу CTRL. Это временно переключит вас на Direct Selection Tool, который позволит вам управлять и перемещать отдельные элементы пути.
Вы также можете захватить этот инструмент, нажав клавишу «A» комбинации клавиш. Но все же легче держать инструмент Перо выбранным и просто удерживать CTRL при необходимости.
Имейте в виду, что перемещение точки привязки будет также регулировать предыдущий контур, с которым это связано. Вы должны будете сделать это много раз в процессе создания контура, это требует немного практики, чтобы получить то что хотите.
Добавление дополнительных путей
В нашем примере на фото есть одна маленькая часть, которая непосредственно не связана ни с чем — это большой палец. После нанесения всего контура основного объекта (руки + смартфон) мы игнорировали большой палец, он оказался снаружи пути. Удалив фон на данный момент можно потерять и палец. Посмотрите выделение на скриншоте ниже:
После просмотра муравьиной дорожки, вы обнаружили, что большой палец оказался не выделенным, так мы можем потерять его при удалении фона. Если этот элемент изображения вам не нужен, вы можете не обращать на это внимание, но нередко отдельные элементы бывают необходимы, поэтому стоит рассмотреть эту часть проблемы и узнать, как ее решить.
Во-первых щелкните по палитре контура, который расположен в том же окне, палитре слоев. Вы увидите активный контур с именем «Рабочий путь». Дважды щелкните, чтобы переименовать его во что угодно. Контуры, которые имеют имя будут сохранены в документе, в отличие от временных рабочих контуров.
После ввода имени вашего слоя путь выберите инструмент пера и посмотрите на панели параметров в верхней части экрана. Вы увидите несколько различных вариантов, которые меняются в зависимости от того, какой инструмент выбран. Для инструмента пера есть много интересного материала, — но вам стоит особо сосредоточиться на четырех маленьких квадратах ближе к концу. Они определяют, будет ли новый контур сложением, вычитанием, либо пересечение с существующим контуром. Нажмите на самую левую иконку, которая будет добавлять новый путь в существующий путь.
Теперь вы можете выбирать второстепенный элемент с помощью другого сегмента контура. Если новый путь заканчивается на отдельном слое, вы можете скопировать и вставить его на основной слой. Это преимущество именования оригинального слоя контура, так вы не потеряете все данные.
Выбор и очистка фона
После того, как путь был полностью отображен на одном слое, самая сложная часть работы закончена. Далее просто нужно загрузить выделение контура и удалить фон. Переезжайте в палитре на Paths и щелкните правой кнопкой мыши на текущий слой контура. Один из вариантов будет «Make Selection …», который делает именно то, что нужно.
Появляется новое всплывающее окно, окно с некоторыми значениями по умолчанию. Рекомендуем использовать вариант со сглаживанием, поскольку он наведет порядок на краях вокруг фотографии. Используйте 0px перо, если вам действительно не нужны очень четкие края вокруг визуализации. Просто нажмите OK и новое выделение будет сделано.
Рис7
Теперь, если вы нажмете удалить в этот момент будут удалены ваши выделенные изображения. Это потому, что мы сделали контур вокруг, а не вокруг в фоновом режиме. Таким образом, наш текущий выбор выбрал себя. Чтобы выбрать фон, мы должны инвертировать выделение. Для этого перейдите к строке меню и выберите Select> Inverse (сочетание клавиш CTRL + SHIFT + I).
Теперь, если вы нажмете удалить это создаст прозрачный образ. Но что делать, если вы редактируете фотографию в белом документа? Это только создаст Белый фон, не прозрачный.
Альтернативой здесь является просто вырезать и вставить сформированное изображение в новый документ с прозрачным фоном. Так что если вы инвертировали выделение снова, чтобы выбрать выполнить, просто нажмите CTRL + X, а затем создать новый документ с File > New.Новая ширина документа и высота значения должны быть заполнены автоматически на основе размеров при рендеринге. Убедитесь, что новый документ «Background Contents » установлен в прозрачный.
Затем просто вставьте и вуаля! Красивое изображения без каких-либо фонов. Если вы хотите сохранить ваш предыдущий выбор просто переместить слой контура из исходного документа в новый. Тогда вы сможете воссоздать выделение в любое время
Заключение
Надеемся, этот урок может оказаться полезным для начинающих и продолжающих пользователей Adobe Photoshop. Перо на сегодняшний день является одним из самых важных инструментов из всей палитры. Попробуйте после этого урока на разных изображений из GraphicStock, используя их 7-дневную пробную. Это даст вам большую практику, чтобы понять все нюансы использования пера и манипулировать инструментом пера по-разному.
Adobe Photoshop - одна из наиболее известных и функциональных программ для обработки растровой графики: фотографий, рисунков, коллажей. Пока она не имеет равных по богатству набора инструментов и приёмов.
Несмотря на свою цену, она популярна среди пользователей. В том числе благодаря легкости освоения. Обычный поиск в сети может дать несколько тысяч ссылок на различные уроки фотошоп, начиная с кратких курсов и заканчивая полным руководством пользователя.
Постановка задачи
В процессе обработки фотографий пользователи, да и опытные дизайнеры, сталкиваются с проблемой отделения полупрозрачного объекта от сложного фона реальной картинки. На первый взгляд - задача практически невыполнимая.
Цель данной статьи - показать, что работа с прозрачностью и выделение сложных объектов - отнюдь не сложный процесс. При наличии толики внимания освоить технику сможет и новичок.
Для примера возьмём фотографию водопада словенских ключей.
Рисунок 1: задача отделить воду от фона
В данном уроке будет продемонстрирован один из наиболее корректных способов выделения, например, капель воды, прозрачных ёмкостей и подобных фрагментов.
Работа будет вестись с помощью каналов, масок и слоёв. Что это такое?
Немного теории
Что такое каналы в Adobe Photoshop?
Любое изображение в фотошоп представляется как наложение проекции нескольких цветов. Представьте себе фонарик с лампой, например, зелёного цвета. Наложите на него лист бумаги, частично закрашенный чёрным, серым и белым. Свет будет проходить через светлые зоны. Чем меньше насыщенность чёрного, тем ярче проекция. Аналог такого листка-накладки и есть канал «зелёного». Аналогично - остальные каналы. Накладываясь друг на друга они дают цветную картинку.
Что такое слои в Adobe Photoshop?
Любая фотография, картинка, коллаж в фотошоп представляет собой своеобразную стопку прозрачных плёнок. На каждой из них - часть рисунка. Для примера попробуйте сложить две фотографии и посмотреть через них на свет. Это и есть слой Photoshop. Картинка, которую мы видим - результат наложения множества «плёнок», называемых слоями. С другой стороны, слой может быть и один (если мы сверху ничего не добавляли).
Что такое маски в Adobe Photoshop?
Маска очень похожа на описанный выше канал. Её можно сравнить с бумагой на фонарике или вуалью на лице женщины. Чем темнее маска-вуаль, тем меньше мы видим. Но есть отличие от канала. Маска применяется сразу ко всему изображению (всем цветам), а канал только к одному цвету.
Маски и каналы представляют из себя рисунок Grayscale (в оттенках серого). Информация под белой областью маски видимая. Под чёрной - нет.
Маска является основным инструментом для работы с прозрачностью части изображения в Adobe Photoshop. Её ещё называют картой прозрачности фотографии.
Работа с масками идентична для всех версий. Начиная от Adobe Photoshop CS и вплоть до Adobe Photoshop CS6.
Отделение струй воды от фона
В качестве примера отделим воду источника от фона.
1. Нажатием клавиши F7 включите просмотр слоёв. Определите зоны, содержащие нужную информацию. После этого перейдите в закладки «Каналы». Необходимая вкладка подключается через меню «Окно» - «Каналы» или непосредственно через палитру «Слои».
2. Последовательно меняя видимый канал, выберите наиболее контрастный по отношению к целевой зоне - той части изображения, которую хотите скопировать. Нажав сочетание клавиш «CTRL+A», выделите всю информацию с канала.
Рисунок 2: демонстрация метода выбора канала
3. Создание маски
Перейдите во вкладку «Слои». Двойным щелчком мыши по пиктограмме в виде замка снимите защиту со слоя. Либо сделайте его дубликат.
Создайте маску. Для этого достаточно нажать соответствующую пиктограмму в нижней части палитры инструмента. Белый прямоугольник на пиктограмме слоя и есть маска Adobe Photoshop.
Рисунок 3: создание маски
Удерживая клавишу ALT, щёлкните левой клавишей мыши на него. Вы перешли на маску.
Вставьте скопированную из канала информацию. Перейдя на слой, проверьте результат. Для удобства можно создать однотонную подложку.
Рисунок 4: редактирование маски. Вставка информации из канала
3. Перейдите на маску. Инструментом «Кривые» («Изображения»-«Коррекция»-«Кривые») затемните зоны теней, средних тонов и добавьте яркости в зону света. Щелчок левой клавишей мыши на диагональной линии создаёт точку коррекции. Нажав второй раз и удерживая клавишу, Вы можете двигать её, изменяя таким образом характеристики изображения.
Сделайте примерно так, как показано на рис. 5. Вода стала более заметной, фон начал исчезать.
Рисунок 5: Редактирование маски с помощь кривых
4. Инструментами «Затемнитель» и «Осветлитель» из панели инструментов Adobe Photoshop доработайте контрастность. Используйте «мягкие» параметры: насыщенность инструментов до 20%. «Осветлителем» подсвечиваем зону света. «Затемнителем» затемняем зоны теней. Использовать инструменты следует поочерёдно, методом маятника: два мазка одного, два другого.
Рисунок 6: Использование инструментов "осветлитель" и "затемнитель"
5. Для смягчения граней воспользуйтесь стандартным фильтром «Размытие».
При необходимости закрасьте стандартной кистью ненужные элементы. Параметры инструмента ставим очень мягкими: нажим и насыщенность менее 40%.
Рисунок 7: Параметры кисти для закрашивания ненужной информации
6. Перейдите в режим обычного просмотра. Обязательно проверьте, как выглядит ваша вода с разным цветом фона. Как минимум, задайте белую, чёрную, синюю и красную подложки.
Рисунок 8: Проверка правильности вырезания
7. В случае наличия посторонних цветов, воспользуйтесь инструментом Adobe Photoshop «Цветовой тон/насыщенность». Он находится в меню «Изображения»-«Коррекция». Измените тон рисунка в сторону синего цвета, уменьшите насыщенность и увеличьте яркость. Это «обесцветит» вашу воду и придаст ей натуральный вид.
Рисунок 9: Доработка маски изображения
8. Примените маску. Для этого нажмите на пиктограмме маски правой клавишей и выберите «Применить слой» - «Маску».
При необходимости вставить воду, просто скопируйте слой в нужное изображение. Пример - водопад из памятника основателем Киева.
Рисунок 10: Добавление слоя
Удачной работы!
Тема 2.7 Выделение объектов. Выделение с помощью каналов в Adobe Photoshop.
О программе Adobe Photoshop.
Adobe Photoshop – один из наиболее популярных пакетов для обработки растровой графики. Несмотря на высокую цену, программой пользуются до 80% профессиональных дизайнеров, фотографов, художников компьютерной графики. Благодаря огромным функциональным возможностям и простоте использования Adobe Photoshop занимает доминирующее положение на рынке графических редакторов.
Введение
Задача выделить объекты со сложной структурой и границей зачастую ставит в тупик начинающих дизайнеров. Действительно, большинство «явных» способов выделения в Adobe Photoshop не подходят для выделения, например, развевающихся волос на сложном фоне.
Но Фотошоп не был бы так популярен, если бы не имел лёгких решений для сложных задач. Одно из таких – методика сложных выделений с помощью каналов.
Немного теории
В уроке фотошоп «Выделение по цвету» мы затронули тему цветовых пространств программы Adobe Photoshop. Копировать уже опубликованный теоретический блок не имеет смысла, Вы можете ознакомиться с ним на нашем сайте.
Что такое канал?
Любое изображение в Фотошоп представляется как наложение проекции нескольких цветов. Представьте себе фонарик с лампой, например, зелёного цвета. Наложите на него лист бумаги, частично закрашенный чёрным, серым и белым. Свет будет проходить через светлые зоны. Чем меньше насыщенность чёрного, тем ярче проекция. Аналог такого листка-накладки и есть канал «зелёного». Аналогично - остальные каналы. Накладываясь друг на друга, они дают цветную картинку.
Каналы можно увидеть в соответствующей палитре. Она вызывается выбором в меню «Окно» пункта «Каналы».
Эта палитра, кроме «цветовых каналов», может иметь ещё один тип объектов. Они называются «Альфа каналы»
Что такое «Альфа канал»
Мы уже прошли способы сохранения выделений с помощью путей. Но в Adobe Photoshop практически всё можно сделать как минимум 2-я способами. Итак, альфа-канал – это способ хранения выделения и основа для создания «масок» (о них – в последующих уроках). В отличие от контура, альфа-канал хранит не только контур выделения, но и информацию, насколько прозрачен тот или иной пиксель.
По аналогии с каналами цвета, он чёрно-белый. Чёрный цвет даёт полную прозрачность (проекция не проходит), Серый – частичную. А белый – «непрозрачное» выделение (присутствует информация).
Альфа-канал – основа для создания спецэффектов. И, естественно, чрезвычайно мощный способ выделения.
Практическая часть
Рассмотрим уже приевшийся пример с лошадью. Развевающаяся грива – самый сложный участок для выделения. Их можно включить в контур. Предыдущие уроки это доказали. Вопрос только во времени.
С помощью каналов та же задача решается намного быстрее. Начнём.
Для дальнейшей работы нам необходимо активировать палитру «Каналы». Это можно сделать двумя способами.
- В меню «Окно» выбрать пункт «Каналы»
- Активировать палитру слоёв («Окно» -> «Слои» или горячая клавиша F7) и в ней перейти на вкладку «Каналы».
В зависимости от выбора цветового пространства (об этом писалось в уроке Выделение цветовых диапазонов в Adobe Photoshop) мы видим от трёх до пяти элементов. При этом верхний элемент всего лишь демонстрация того, как будет выглядеть рисунок при активизации всех каналов. Сам он каналом по большому счёту не является.
Для выделения объекта необходимо создать альфа-канал.
Создание альфа-канала
Альфа каналы в Adobe Photoshop можно задать двумя основными способами:
- Просто нажать в нижней части палитры на кнопке «Создать канал» или выбрать соответствующий пункт в выпадающем меню. Каждый новый канал создаётся как альфа-канал.
- Сохранить выделение в канал. Для этого достаточно в режиме выделения нажать правой клавишей мыши внутри выделенной области и в выпадающем меню выбрать пункт «Сохранить выделение».
Перейдите на вкладку каналы и сделайте это любым из описанных выше способов.
Теперь для корректного выделения нам необходимо выбрать контуры. Их мы берём из цветовых каналов.
Отключите видимость всех каналов и поочерёдно включайте (нажимая на значок глаза). Выберите наиболее контрастный канал. То есть грива и хвост должны явно выделяться на фоне.
Выделите весь канал (сочетание клавиш CTRL+A) и скопируйте его
Перейдите на альфа канал и вставьте скопированную область.
Замечание: можно не создавать отдельно Альфа-канал, а просто выбрать контрастный канал из существующих, нажать правую кнопку мыши и выбрать пункт «Создать дубликат канала».
Получилась заготовка будущего выделения. НО из теоретической части и примеров помним, что картинка качественного выделения очень контрастна. Область необходимо доработать.
Увеличиваем контрастность изображения. Это можно сделать, например, инструментами «Уровни», «Кривые» и/или «Яркость/контраст». В данном уроке для простоты воспользуемся только уровнями (остальные инструменты пройдём позже). Теперь по порядку:
- Выделите канал.
- В меню изображение выберите «Уровни». Перед вами гистограмма (график) тональной насыщенности. Внизу – три бегунка. Центральный отвечает за зону 50% серого. Правый бегунок – граница белого (всё, что правее него, будет белым). Левый – граница чёрного (всё, что левее, станет чёрным)
- Сдвиньте центральный бегунок. Изображение изменится. Работая методом «маятника» (двигайте бегунок вправо-влево до почти крайних позиций, а потом, уменьшая амплитуду до 0) добейтесь того, чтобы границы лошади (как и волосы) были наиболее контрастны. При необходимости сдвиньте точки чёрного и белого. Не бойтесь экспериментировать – пока не нажали кнопку ОК, канал не изменится.
- Когда добились подходящего результата, смело нажимайте ОК.
Теперь необходимо доработать канал.
Для этого используйте кисти. Установите параметры нажима и непрозрачности менее 40% и режим наложения «Перекрытие». Работайте цветами поочерёдно. Мазок чёрным сменяет мазок белым (на том же участке). Это необходимо для того, чтобы сохранить структуру изображения.
Второй вариант – использовать инструменты «Осветлитель» и «Затемнитель». Оба с теми же параметрами экспонирования менее 30%. Диапазон «Осветлителя» поставьте на «Подсветка», а «Затемнителя» - «Тени». Это очень важно. Иначе нарушится структура. Более подробно о затемнителе и осветлителе в уроке по выделению прозрачных областей.
Применение осветлителя и затемнителя аналогично кистям: попеременно «светим» и «затемняем».
Проверка и доработка канала
Теперь самое время посмотреть, что у нас получилось, и проверить качество работы. Самый простой и наглядный способ – «наложить» канал на исходное изображение. Если выделить все каналы и перейти на закладку «Слои», увидим, что часть фотографии «подсвечена» другим цветом. Эта часть и есть зона, обозначенная на канале.
В режиме просмотра альфа-канала на слоях все инструменты как, например, осветлитель, затемнитель, кисти будут на самом деле работать с каналом. Поэтому смело осветляйте, затемняйте по методам, указанным выше. Необходимо добиться отсутствия посторонних цветов на выделенной области.
В виде алгоритма это выглядит так:
- Выделите альфа-канал (щелчком мыши)
- Перейдите на вкладку слои
- Ваш рисунок приобрёл «постороннюю подкраску». Это цветовая маска канала. Зоны, где присутствует цвет, будут отсекаться при выделении.
- Внимательно осмотрите всё изображение. Если цвет «заходит» на выбранную область – доработайте.
- Работая уже по цветному изображению теми же инструментами (осветлитель, кисть), мы замечаем, что изменяем зону подкраски.
После того, как зона подкраски совпала с контурами, которые собираемся выделять, возвращаемся на канал. Он должен представлять из себя чёрно-белую картинку. Помните: выделенная область должна быть полностью белой, всё остальное – чёрным.
Если у нас всё наоборот, нажимаем CTRL+I – инвертируем изображение.
Маленькие хитрости
Иногда ни один из цветных каналов не даёт достаточно хорошую картинку. Нет постоянной границы контраста. В нашем случае – грива на фоне деревьев. В таком случае финальный канал создаётся из нескольких. Алгоритм следующий:
- Создаём два альфа-канала из наиболее чётких цветов (в нашем случае, синий и зелёный).
- На каждом из них удалите зоны «плохой контрастности». Для этого достаточно выделить область и нажать кнопку «DEL». В появившемся диалоговом окне указать «Залить удаляемую область белым».
Следующий шаг – совмещение.
- Сделайте активным один из каналов
- В меню «Изображение» выберите пункт «Вычисления»
- Укажите каналы, которые будете совмещать, и обозначьте вывод на «Новый альфа-канал»
- Перебором выберите оптимальный метод наложения. То есть просто меняйте варианты и оценивайте картинку на экране. Внимание стоит обращать не на общие зоны, а на «сложные места». В нашем случае - это грива, хвост и копыта.
- Если результат Вас удовлетворяет – нажмите ОК.
- Далее – аналогично уже описанному методу.
Создание выделения
Создать выделение из канала можно двумя способами:
Выделение по каналу.
Самый наглядный способ. Перейти на канал и там выделить область. Благо, в фактически двухцветном режиме это сделать просто. Для этого:
- Перейдите на канал
- Выберите удобный Вам инструмент выделения (волшебная палочка, выделение по цвету, быстрое выделение) и создайте выделенную область. Подробнее об использовании инструментов – в соответствующем уроке.
- Включите все каналы. Для этого нажмите пиктограмму глаза на верхней (цветной) плашке.
- Перейдите на слой, с которого собираетесь копировать.
- Ваше выделение готово.
Загрузка выделения на основе канала
Если много манипуляций делать не хочется, можно воспользоваться стандартным меню "Выделение". Для этого:
- В меню «Выделение» выберите пункт «Загрузить выделенную область»
- Выберите из какого альфа-канала будете образовывать выделение и нажмите ОК
Обратите внимание, что в данном случае выделяются «чёрные» зоны. Т.е. нам необходимо инвертировать выделение для вырезания лошади. Делается это выбором пункта «Инвертировать» в меню «Выделение».
В этом уроке Фотошопа мы рассмотрим метод выделения объекта с использованием RGB каналов (channel).
Сложность: Средняя
Дата: 15.09.2009
Обновлено: 07.05.2015
Метод с использованием RGB каналов может не подойти к определённым изображениям.
Внизу страницы этого материала есть ряд ссылок на другие методы качественного выделения, которые рекомендуется знать для создания выделений любой сложности.
1. Открываем наше фото в Фотошопе.
Фото для примера выделения с использованием RGB каналов.
2. Посмотрим, как выглядят на фото RGB – каналы (Window - Channels (Окно - Каналы)).
Дело в том, что, как правило, выделять волосы, мех и т.п., такими средствами как лассо, очень сложно. Поэтому, для выделения нашего объекта мы будем использовать другой метод и для этого нам надо определить, какой из каналов наиболее контрастный в отношении объекта выделения.
Определяем самый контрастный канал в отношении выделяемого объекта.
Сомнений нет - это синий канал:
3. Теперь создаем корректирующий слой: Channel Mixer (Микширование каналов):
Создание корректирующего слоя на примере Photoshop CC 2014 (Rus).
4. В открывшемся окне ставим галку в поле – Monochrome (Монохромный) и движками Red – Green – Blue (Красный, Зеленый, Синий) добиваемся, чтобы объект был максимально близок к черному цвету, а все остальное заметно светлее.
Естественно максимально увеличиваем влияние синего канала, подвинув его ползунок сильно вправо. Двигая ползунки, особое внимание обратите на контуры объекта и на торчащие волосы. Надо постараться выставить такое сочетание ползунков, чтобы обозначился четкий контур объекта, и было видно максимальное количество торчащих волос:
5. Нажимаем Ctrl+A (Выделить все) и затем Shift+Ctrl+C (Скопировать совмещенные данные). Перейдите в окно каналов (Window - Channels (Окно - Каналы)) и создайте новый альфа-канал, нажав внизу окна на иконку в виде прямоугольника с вписанным в него белым кругом:
6. Теперь выделяем альфа-канал и нажимаем Ctrl+V (Вставить), затем снимаем выделение, нажав Ctrl+D и открываем окно регулировки уровней (Изображение - Коррекция - Уровни):
7. Двигая ползунки в окне регулирования уровней, добиваемся еще более контрастного соотношения, т.е., стремимся темное сделать черным, а светлое – белым:
8. После того как вы закончили с уровнями, закрываем это окно и теперь ластиком убираем с белых участков все артефакты темного характера, черной кистью закрашиваем на черных участках белые артефакты. Результат будет примерно следующий:
9. Далее нажав и удерживая клавишу Ctrl, кликнем мышкой на иконке альфа-канала в окне каналов (это приведет к выделению всего белого).
Создаём выделение нажимая на иконку слоя с зажатым Ctrl.
Теперь переходим в окно «Слои» (Окно - Слои) и удаляем корректирующий слой «Channel Mixer» (Микширование каналов):
10. А теперь нажимаем на клавиатуре кнопку «Delete» и (о чудо!) на фото пропадает фон и остается только наш объект:
11. Далее мы должны будем произвести коррекцию выделенного объекта, чтобы при дальнейшем его использование он красиво вписывался в другие фото.
Добавляем новый слой, нажав Ctrl+Shift+N:
12. Заливаем его черно-белыми полосами, как показано на изображении ниже:
13. После вырезания объекта, как правило, край его имеет контрастную окантовку, отличающуюся от объекта – светлую или темную. Эта окантовка обычно очень заметна и мешает вписаться объекту в другой фон.
Увеличим объект и посмотрим, есть ли у нас окантовка, и какая она. Лучше всего это определить в тех местах фото, где сделанный нами фон переходит из белого в черный:
14. Похоже, что преобладает светлый кант. Вот его мы и удалим.
В Фотошопе для этого есть инструмент:
Layer - Matting - Remove Black Matte (Слои - Обработка краев - Удалить черный ореол);
Layer - Matting - Remove White Matte (Слои - Обработка краев - Удалить белый ореол);
Очевидно, что Remove Black Matte удаляет темный кант, а Remove White Matte – светлый, вот он нам как раз и нужен!
Удаляем светлую окантовку используя Remove White Matte (Удалить белый ореол).
15. Но это еще не все. Идем дальше! Зальем опять подложку черным цветом. Выделяем объект, нажав и удерживая клавишу Ctrl и кликнем мышью на иконке слоя нашего объекта (в окне слои), тем самым выделяем весь объект:
16. Теперь создадим маску, кликнув мышью на иконке (прямоугольник с вписанным в него белым кругом):
17. Идем в Filter - Blur - Gaussian Blur (Фильтр - Размытие - Размытие по Гауссу) и в открывшемся окне двигаем ползунок пока на краях объекта не появится легкое, почти незаметное размытие и жмем Ок:
Удаляем подложку – черный слой:
19. Ну, а теперь осталось вставить наш объект в соответствующий задумке пейзаж и Все!
Читайте также: