Этот урок продемонстрирует, как сформировать чистую маску из фотографии дерева на фоне голубого неба (используя в основном каналы и уровни), и затем экспортировать финальный результат в прозрачный .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 ( [показать]). В этом случае, после того, как сформируете выделение, установите черный цвет переднего плана (D а затем X), и затем залейте выделение (Alt+Backspace) черным.(Здесь автор явно ошибся, у него советуется нажать Ctrl+D для того, чтобы установить черный цвет переднего плана. А ведь в этом случае мы снимем выделение, которое с таким трудом создали [показать]. Поправьте, если я не прав.)

[показать]

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... (Alt+Shft+Ctrl+S) Выберите формат PNG-24, разрешите прозрачность, установив "галочку" Transparency:

[показать]

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

[показать]