[Эльza]

Вырезаем сложные объекты из однотонного фона

Этот урок продемонстрирует, как сформировать чистую маску из фотографии дерева на фоне голубого неба (используя в основном каналы и уровни), и затем экспортировать финальный результат в прозрачный .PNG. Основная концепция этого урока может быть использована в других случаях для вырезания сложных объектов из изображения из однотонного фона.

Для начала скачайте фотографию дерева и откройте ее в Adobe Photoshop.



1. Первый этап - балансировка каналов.

Откройте панель каналов (Channels) для возможности доступа к имеющимся цветовым каналам.

Цветовые каналы говорят нам о том, "сколько каждого цвета есть в исходной картинке". В цветовой схеме RGB картинка (как используемая нами) состоит из трех отдельных каналов - красного (Red), зеленого (Green) и синего (Blue). Белый цвет на каждом канале означает полную интенсивность данного цвета (255) в каждой точке исходного изображения, а черный - о его отсутствии (0).

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

1.1. Итак, т.к. в нашем случае небо голубое, то канал Blue нам наиболее подходит для начала формирования маски. Нажмите Ctrl+3 для перехода на этот канал:



1.2. Если рассмотреть картинку "поближе" (увеличив масштаб), можно заметить, что некоторые части ствола значительно светлее, чем другие части дерева. Они почти такого же цвета, как и светлые участки неба. Ну а для наших целей только небо должно быть белым, иначе некоторые части ствола будут казаться прозрачными, когда маска будет применена.

Т.к. цвет коры сделан в основном с применением красных тонов, мы можем использовать красный канал (Red) для корректировки маски.

Сделайте копию синего (Blue) канала - перетащите его мышкой на кнопку New Channel () на панели каналов. С помощью двойного щелчка мышкой переименуем новый канал в Tree Alpha. Теперь сделаем копию красного (Red) канала, и выделим его (Ctrl+5).



1.3. Выровняем уровни на слое Red copy:
Image > Adjustments > Levels... (Ctrl+L)
(Изображение - Настройки - Уровни )
Input Levels: 50 / 0.85 / 222



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

1.4. Перетащите мышкой канал Red copy на кнопку Load channel as selection ().

1.5. Щелкните на канале Tree Alpha, и нажмите Ctrl+H (меню View > Extras), этим мы спрячем выделение - чтобы увидеть, что получилось.

1.6. Теперь затемним кору дерева на стволе:
Image > Adjustments > Levels... (Ctrl+L)
(Изображение - Настройки - Уровни )

Input Levels: 120 / 1.2 / 255



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

1.7. Когда мы будем размещать дерево на другой сцене, нам необходимо, чтобы небо, на фоне которого оно сейчас находится, было полностью прозрачным, а само дерево - полностью непрозрачным. Поэтому нам необходимо привести тени на Tree Alpha к полностью черному цвету, а небо - к полностью белому. Для этого сначала нажмем Ctrl+D, чтобы очистить предыдущее выделение, и откорректируем уровни на Tree Alpha:
Image > Adjustments > Levels... (Ctrl+L)
(Изображение - Настройки - Уровни )

Медленно перетягивайте белый входящий уровень влево, пока небо не станет белым, а затем черный - вправо, до тех пор, пока ствол дерева и ветки кроны не станут черными. Данные параметры, похоже, хорошо подходят в нашем случае:
Input Levels: 30 / 1 / 145


Возможно, понадобится несколько попыток, пока не найдется наиболее подходящее решение.

Обращайте внимание, что происходит с изображением по мере изменения уровней. Если слишком занизить белый уровень (т.е. перетащить больше влево), то мы потеряем слишком тонкие ветки "растворятся" в небе. Если же чересчур завысить черный уровень, то небо будет "просвечивать" через ветки дерева.

1.8. Инвертируем канал Tree Alpha (Ctrl+I). Теперь дерево у нас белое, а небо - черное.



2. Второй этап - применение маски.

2.1. Перетащите канал Tree Alpha на кнопку Load channel as selection ().

2.2. Перейдите на панель Layers(Слои), и сделайте копию фона (слой Background). Это можно сделать, например, перетащив его на кнопку New layer (). Переименуйте наш новый слов в Tree.

2.3. Нажмите Add layer mask () на панели Layers, для того, чтобы применить сделанное нами ранее выделение в качестве маски слоя.



2.4. Спрячьте, или удалите оригинальный слой Background.


2.5. Нажмите на маленькой картинке с черно-белым деревом на слое Tree, для того, чтобы перейти к рисованию на маске слоя:


2.6. Изолируйте ствол дерева от окружающего его ландшафта.

а) Для этого можно воспользоваться инструментом Brush(Кисть) (), "зарисовав" черной кистью ландшафт, мы сделаем его прозрачным.

б) ...или инструментом Polygon Lassoo (). В этом случае, после того, как сформируете выделение, установите черный цвет переднего плана , и затем залейте выделение черным.





3. Третий этап - "тонкая" настройка краев.

3.1. Создайте новый слой, поместите его под слоем Tree. Затем вставьте туда картинку, на которой мы хотим разместить наше дерево:


Можно использовать эту картинку.

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

3.2. Если на краях ветвей и листьев дерева видны артефакты (ветки "окружены" светлой каймой), значит наш новый фон не совсем подходит для изображения:

Есть несколько путей, как это можно исправить.

3.3. Щелкните на маске слоя Tree, установите уровни:
Image > Adjustments > Levels... (Ctrl+L)
Input Levels: 120 / 1.2 / 255


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

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

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

3.5. Сделайте выделение контрастнее на 1 пиксель:
Select > Modify > Contract... 1 pixel

3.6. Инвертируйте выделение (Ctrl+Shift+I).

3.7. Создайте корректировочный слой :
Нажмите кнопку , и выберите Curves(Кривые). Перетащите нижнюю часть кривой вниз, нажмите OK:


3.8. Держа нажатым Alt, подвигайте мышкой между слоями Curves и Tree, пока курсор мышки не превратится в две пересекающиеся окружности (), и щелкните мышкой для фиксации эффекта:

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

Полученное нами состояние изображения может иметь в некоторых местах черные края вокруг ветвей дерева. Это можно смягчить, применив фильтр Gaussian Blur (Размытие по Гауссу)для слоя Curves с радиусом от 1 до 2 пикселей.



4. Четвертый этап - экспорт.

Самый простой способ - это копирование (Copy) и вставка (Paste) полученного дерева в другое изображение в Photoshop. Кроме того, дерево можно экспортировать в отдельный .PNG файл, который в дальнейшем может быть использован в других приложениях, например во Flash или 3Ds max.

4.1. Спрячьте слой с фоном (который у нас называется Scene), нажав на маленький глаз слева от картинки слоя, как показано на рисунке:


4.2. Нажмите C для выбора инструмента Crop, и выделите прямоугольник вокруг дерева, оставив невольшую границу по краям дерева:

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

4.3. Сохраните изображение с помощью Save for Web:
File > Save for Web(Файл - Сохранить для WEB)... (Alt+Shft+Ctrl+S)
Выберите формат PNG-24, разрешите прозрачность, установив "галочку" Transparency:


4.4. Если же необходимо скопировать дерево на другую картинку, сделайте следующее:

Выделите все изображение (Select > All, или Ctrl+A). Скопируйте выделение в буфер с присоединенными слоями (Edit > Copy Merged, или Shft+Ctrl+C). Откройте другое изображение. Вставьте содержимое буфера (Edit > Paste, или Ctrl+V).


Автор: anson vogt
Перевод: Foxx
Источник: www.demiart.ru