Волшебная фазенда

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Волшебная фазенда » F.A.Q. по Photoshop. Основы работы в Photoshop » Обязательный Урок №1(а) "Отделение объекта от фона"


Обязательный Урок №1(а) "Отделение объекта от фона"

Сообщений 1 страница 10 из 17

1

Преподователь DJOlecka

Этот урок состоит из двух частей: первая часть - это небольшое дополнение к уроку Ирины (Волшебницы) на эту же тему. Во второй части расскажу как вырезать объекты при помощи маски.

Отредактировано DjOlechka (2009-09-01 23:14:09)

+1

2

Удаление остатков фона вокруг выделенного объекта (способ I)
Не буду дублировать уже существующий урок.

1. При удалении фона инструментом "Волшебная палочка" (да и при удалении фона при помощи маски) мы получаем нужный нам объект на прозрачном фоне.
http://i026.radikal.ru/0908/53/5516bf54a70et.jpg

Но... Если подложить под него контрастный фон, то довольно часто по краям заметна тонкая белесая окантовка. Это остатки фона
http://i079.radikal.ru/0908/66/a89480bf7baft.jpg

2. Чтобы избавиться от нее нужно в меню выбрать Слой - Окантовка - Удалить белую виньетку (Layer - Matting - Remove White Matte)
http://s04.radikal.ru/i177/0908/e4/b1ba6a0c9752t.jpg

Теперь в этом же меню выбрать Удалить кайму (Layer - Matting - Defringe)
http://s56.radikal.ru/i153/0908/9d/102b71f6b136t.jpg

В выпавшем окне установить значение от "1" до "3" пикселей (в данном случае картинка большого размера и я взяла "3")
http://s57.radikal.ru/i158/0908/2c/a8505f51a56et.jpg

Белой окантовки нет
http://i067.radikal.ru/0908/73/cc3142125b4et.jpg

Теперь можно удалить слой с контрастным фоном и сохранить изображение в формате PNG
http://i004.radikal.ru/0908/fb/b6325c74fa6ct.jpg

Отредактировано DjOlechka (2009-08-30 10:48:23)

+5

3

Удаление фона при помощи маски
Этим способом хорошо вырезать объекты с относительно однородного фона (развевающиеся волосы на фоне неба, пушистый мех на фоне стены и т.п.)

1. Открыть изображение
http://s48.radikal.ru/i119/0908/c6/2735e92f048et.jpg
Перейти в палитру Каналы (Channels)  и посмотреть какой из каналов более контрастный и имеет больше деталей
красный http://s56.radikal.ru/i151/0908/3b/dbb98a1750e3t.jpg    зеленый http://s44.radikal.ru/i106/0908/ee/8acac953d183t.jpg    синий http://i075.radikal.ru/0908/41/c682da19e2f3t.jpg
Как видно на скринах, наиболее контрастным является синий канал, поэтому за основу маски нужно взять именно его. В красном и зеленом каналах меньше всего деталей изображения, поэтому их влияние нужно уменьшить

2. Вернуться в палиру Слои (Layers), внизу палитры выбрать "Создать новый слой заливки или настройки" и в выпавшем меню выбрать "Смешение каналов" (Channel Mixer)
http://i069.radikal.ru/0908/c6/bc125d7e683bt.jpg

В выпавшем окне поставить галочку в окошке "Монохромное изображение", и, передвигая бегунки, добиться максимально контрастного изображения. Значение синего канала нужно усилить, поэтому бегунок двигать вправо, а бегунки зеленого и особенно красного каналов двигать влево, уменьшая их влияние. Стараться не переусердствовать, чтобы не потерять деталей изображения (в данном случае волоски перышек)
http://s12.radikal.ru/i185/0908/17/cc179a4722e0t.jpg

3. Выделить все изображение (Ctrl+A), скопировать выделенную область Правка - Копировать Объединенное (Edit - Copy Merged)
http://s41.radikal.ru/i093/0908/c5/713392ad9028t.jpg

Отключить видимость слоя "Смешение каналов" (Channel Mixer)
http://s54.radikal.ru/i144/0908/f5/28d96c54c5adt.jpg

4. Перейти в палитру Каналы (Channels), создать новый слой нажав внизу палитры на квадратик с загнутым уголком
http://i082.radikal.ru/0908/e6/2a20d74cd449t.jpg
Новый слой автоматически получит название Alpha 1. Вставить скопированное изображение на этот слой (Ctrl+V)
http://i036.radikal.ru/0908/8e/98a4956eddfft.jpg

5. Необходимо еще больше усилить контрастность изображения. Для этого открыть окно Уровни (Ctrl+L) и в выпавшем окне двигать крайние ползунки таким образом, чтобы фон стал максимально белым, а объект практически черным
http://s11.radikal.ru/i183/0908/06/8cd98a4ab966t.jpg
Примечание: Очень важно не переусердствовать и не потерять мелкие детали по краю изображения (тонкие волоски, мех и т.п.), контролируйте каждое перемещение позунков.

6. Картинка очень контрастная, но на ней все еще есть дефекты - серые участки на фоне и белые пятна на утятах.
Выбрать инструмент Затемнение (Burn), кисть среднего размера с мягкими краями, Диапазон - Тени (Range - Shadows), Экспозиция - 10% (Exposure - 10%) и водя кистью по контурам объекта, затемнить края
http://i043.radikal.ru/0908/6e/987b6ab5a402t.jpg
Примечание: Экспозицию можно установить 25-40%, но лучше продвигаться медленнее и не потерять детали

7. Теперь выбрать инструмент Осветление (Dodge), настройки как на скрине...
http://s49.radikal.ru/i126/0908/2d/de4e3e867fb3t.jpg
... и высветлить все участки фона, которые нужно удалить. По контуру изображения проводить мягкими движениями, чтобы не стереть лишнее.

8. Основа маски практически готова, но на ней все еще есть белые области, которые при вырезании объекта дадут "дырки"
http://s16.radikal.ru/i190/0908/22/efa1ba6fd6eat.jpg
Необходимо "заштопать" их.
Взять круглую кисть маленького размера, жесткость - 100%, цвет - черный. Увеличить масштаб и осторожно закрасить белые пятна на изображении, не выходя за края.

9. Инвертировать изображение: Изображение - Настройки - Инвертировать (Image - Adjustments - Invert)
http://i016.radikal.ru/0908/cf/d89b08457625t.jpg
Получились белые утята на черном фоне. Если видны еще какие-то огрехи, исправить инструментами Затемнение и Осветление.

10. Сделать выделение по маске: при нажатой клавише Ctrl, кликнуть на изображении слоя Alpha 1
http://i007.radikal.ru/0908/9e/458d31e0eb2ct.jpg
Вокруг утят появится выделение "марширующие муравьи"
http://s41.radikal.ru/i094/0908/f3/3e1fc49d33c0t.jpg

11. Вернуться в палитру Слои (Layers), активировать слой с исходным изображением
http://i035.radikal.ru/0908/32/eb4fd0ccd22ft.jpg
Скопировать выделенную область на новый слой (Ctrl+J). Удалить указанные слои
http://s39.radikal.ru/i085/0908/97/12b9d3271279t.jpg

12. Получилось изображение на прозрачном фоне. Но если поместить его на контрастный фон, то станет заметна белая окантовка вокруг утят (остатки фона).
http://i015.radikal.ru/0908/20/e7de75726ccbt.jpg
Убрать ее по методике, изложенной выше: Слой - Окантовка - Удалить белую виньетку (Layer - Matting - Remove White Matte)
http://s57.radikal.ru/i155/0908/c9/a25598c4e9b1t.jpg    результат http://s50.radikal.ru/i129/0908/e5/f9f31abb4037t.jpg
Слой - Окантовка - Удалить кайму (Layer - Matting - Defringe)
http://s59.radikal.ru/i164/0908/bf/6c86487d5768t.jpg

Утята вырезаны из фона
http://i061.radikal.ru/0908/7c/a7acdd2405f9t.jpg
Можно удалять вспомогательный контрастный фон и сохранять в формате PNG.

Отредактировано DjOlechka (2009-08-30 12:42:27)

+3

4

Avgusta Оксана, если ребенок на фоне неба или стены, то способ выделения по маске подойдет. Также посмотри урок Волшебницы по отделению от фона, хорош будет способ выделения по цветовому диапазону (в самом начале работы в ФШ только этим вариантом и пользовалась). Но если малыш на пестром фоне или цвет волос и фона очень близки по гамме, то остается только вариант использования инструмента Перо. Это очень долго и кропотливо, но иначе ничего не получится. Присылай фотографию в личку, постараюсь помочь.

Отредактировано DjOlechka (2009-08-26 22:58:34)

0

5

Девчонки, вы уж не ругайте меня за мою бестолковость, но вот беру простейшую фотографию на ровном фоне, где всего лишь пару волосков надо вырезать, и вот что получается.
http://s47.radikal.ru/i116/0908/d5/d6999d7f43bbt.jpg  http://s40.radikal.ru/i087/0908/7e/f1ca16fa2b29t.jpg
У меня с первого же шага что-то не так. Оль, когда в каналы заходишь, их все, кроме синего отключать надо? У тебя изображение серое получается, а у меня синее. Или каналы не надо отключать?
http://s06.radikal.ru/i179/0908/91/1c0cd55fb01et.jpg
В чем моя ошибка? Я очень хочу научиться сама. Как-то не приходилось до этого вырезать мелкие детальки, поэтому и ненужно мне было, а сейчас хочу знать.

0

6

Оксана, прошу прощения, что заставила так долго ждать ответ, у нас просто что-то случилось с интернетом.

Avgusta написал(а):

Оль, когда в каналы заходишь, их все, кроме синего отключать надо? У тебя изображение серое получается, а у меня синее. Или каналы не надо отключать

Ничего специально отключать не нужно, просто нажимаешь на нужный тебе канал и активным становится именно он, остальные отключаются автоматически.

Во-вторых, какой у тебя ФШ? Смутно припоминаю, что когда у меня стоял Photoshop 7, то наблюдалась именно такая картина.  Теперь я установила Photoshop CS3, в этой версии показываются каналы в градации серого цвета. Рекомендую установить более новую версию ФШ, но если это затруднительно, то ничего страшного, можно сориентироваться и по цветным картинкам (хотя мне удобнее и привычнее по серым). Могу сказать из своего опыта, во всх картинках, которые я вырезала, самым контрастным был синий канал, а самым малоинформативным - красный. Хотя уверена, что это далеко не всегда именно так.

В-третьих, такая широкая размытая светлая кайма вокруг этого конкретного изображения наблюдается из-за недостаточной резкости фото. Чем четче снимок, тем лучше получится маска, по которой удаляется фон.
http://i079.radikal.ru/0908/d3/75aba4c0c08ct.jpg   http://s45.radikal.ru/i110/0908/58/c4d79f82682dt.jpg

В принципе, у тебя получилось очень даже прилично, тем более для первого раза. Кроме усиления резкости перед вызанием, можно посоветовать еще получше корректировать маску инструментами "Затемнение" и "Осветление" (шаги 6 и 7).
Но можно поправить и этот вариант, только не через Remove White Matte, а немного более сложным путем. Расскажу и об этом способе корректировки белесых краев.

Отредактировано DjOlechka (2009-08-30 10:36:50)

+1

7

Удаление остатков фона вокруг выделенного объекта (способ II)
Начало точно такое же как в уроке "Удаление фона при помощи маски" (см выше). Выполнить пункты с 1 по 10.

11. Вернуться в палитру Слои (Layers) и скопировать слой с исходным изображением: просто кликнуть левой кнопкой мыши на слое и, не отпуская клавишу, перетащить этот слой на значек квадратика с загнутым уголком
http://i052.radikal.ru/0908/a3/83dcd0bed424t.jpg
Отключить видимость нижнего слоя.

12. Добавить маску к вновь созданному слою: нажать на серый квадратик с кружком внутри (см. скрин). Чтобы было нагляднее, подложить под этот слой контрастный фон
http://i013.radikal.ru/0908/3a/4ed778c5e6f4t.jpg
Отчетливо видна белая окантовка

13. Лучший способ удаления этого ореола - затемнение краев непосредственно на самой маске. Сначала нужно сделать выделение именно на маске: удерживая нажатым Ctrl, щелкнуть мышкой по маске (!) слоя
http://s53.radikal.ru/i142/0908/e3/362e7053d553t.jpg
Появится выделение "марширующие муравьи"

14. Теперь сделать выделение контрастнее на 1 пиксель: Выделение > Модификация > Контраст (Select > Modify > Contract)
http://i072.radikal.ru/0908/c8/347138768494t.jpg   http://i064.radikal.ru/0908/ad/e315fa6223e2t.jpg

15. Инвертироавать выделение: Выделение > Инвертировать (Select > Inverse)
http://i048.radikal.ru/0908/0f/3be562ef0b5dt.jpg
Теперь выделен фон, а не ребенок

16. Затемнять края будем при помощи Кривых. Нажать внизу палитры на значек "Создать новый слой заливки или настройки" и в выпавшем меню выбрать "Кривые" (Curves)
http://i020.radikal.ru/0908/90/6a1bb534ad69t.jpg
Перетащить нижнюю часть кривой вниз
http://i045.radikal.ru/0908/27/cd178635e5fdt.jpg
Нажать OK. Появится новый корректирующий слой
http://i023.radikal.ru/0908/61/be4e5acb50d0t.jpg

17. Держа нажатым Alt, подвигать мышкой между слоями Curves 1 и Background copy, пока курсор мышки не превратится в две пересекающиеся окружности, и щелкнуть левой кнопкой мышки для фиксации результата
http://s51.radikal.ru/i133/0908/66/b59f5e19356at.jpg
Теперь иконка этого слоя примет такой вид
http://i079.radikal.ru/0908/6e/717e28520e99t.jpg

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

19. Удалить ненужные слои (отмечены стрелками)
http://i035.radikal.ru/0908/1a/7dde815802d8t.jpg
Слить оба оставшихся слоя в один и применить маску: нажать павой кнопкой мыши на иконку маски и выпавшем меню выбрать "применить маску к слою" (Apply Layer Mask)
http://s39.radikal.ru/i083/0908/09/4d69e2a0b59at.jpg

Теперь белой каймы практически нет. Можно сохранять изображение в формате PNG. (Черный фон как всегда для наглядности)
http://s51.radikal.ru/i131/0908/18/8ab441e57764t.jpg

Отредактировано DjOlechka (2009-08-30 13:49:26)

0

8

Оксана, если вдруг возникнут какие-либо трудности, то вот для тебя готовое изображение в PNG
http://i049.radikal.ru/0908/18/be23c2cc30e0t.jpg

Еще я пыталась удалить фон используя Color Range (см урок Волшебницы). Получилось тоже неплохо.
http://i051.radikal.ru/0908/b0/ee008af6a9f4t.jpg   http://i002.radikal.ru/0908/84/91d50ee23488t.jpg

Но этот способ на данной картинке не совсем подходит, т.к. за спиной мальчика есть тень (фон не совсем однородный) и в результате получается полупрозрачное пятно, которое нужно убирать дополнительными методами. Можно подтереть его Ластиком, но я использовала инструмент Перо.
http://s48.radikal.ru/i120/0908/6f/79167b0e860bt.jpg

Растушевку подбирала эмпирически (пробовала несколько вариантов), остановилась на 2 пикселях.

Отредактировано DjOlechka (2009-08-30 20:06:48)

0

9

Прочитала ещё раз все очень внимательно. Вроде получилось на этот раз? Фото конечно специально подобрала такое, чтоб вырезаний было как можно меньше. Немного потренируюсь- перейду к более сложным.
http://i064.radikal.ru/0909/b7/7ad5e354127at.jpg  http://i055.radikal.ru/0909/69/838c19aa43cbt.jpg

+2

10

Оль, вот пробую развевающиеся волосы выделить. Использовала фото Марии. Вот что получается.
http://i054.radikal.ru/0909/64/d99b826807det.jpg
на разных фонах. На белом вроде ещё ничего, а на черном ужас. Надо ещё под определенный фон подгонять, да?
http://s14.radikal.ru/i187/0909/c7/c698504c9750t.jpg http://s42.radikal.ru/i096/0909/3c/5effe915351ct.jpg

Отредактировано Avgusta (2009-09-25 21:45:16)

0


Вы здесь » Волшебная фазенда » F.A.Q. по Photoshop. Основы работы в Photoshop » Обязательный Урок №1(а) "Отделение объекта от фона"