Простой способ в фотошопе "убить" белый фон на монохромном изображении

В двух словах, суть способа в том, чтобы перетащить ч/б изображение в альфа-канал однородно-закрашенного слоя.
Сам относительно недавно научился такому способу. М.б. кому-нибудь еще (кто не знает) это тоже окажется полезно.=)

Далее о нем поподробнее.

Вот, положим, есть у нас отсканированный карандашный рисунок на белом фоне.


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

(Далее, для тех кто знает как это делается можно не читать, а для тех, кто не знает что такое Слои и Маски в Фотошопе, лучше сначало загуглить и почитать что-нибудь на эту тему=))

Итак.
1) Подготавливаем изображение для маски

Задача: создать инвертирванную копию изображения (т. к. в маске черное — прозрачное, а белое — не прозрачное)

1.1)создаем копию слоя с рисунком (Ctrl+J) (имхо, всегда на всякий случай лучше оставлять резервную копию исходного изображения)

Видимость исходного слоя лучше сразу отключить, чтобы потом не сбивал с толку

1.2) (желательно, чтобы не было потом каких-нибудь сюрпризов), делаем изображение на слое ч/б (можно это сделать через Hue/Saturation (Ctrl+U) задав отрицательное значение соответствующего параметра (Saturation))

1.3) Далее — инвертируем это изображение (Ctrl+I) чтобы черное стало белым и наоборот. (это необходимо для последующей работой с маской, где черное — прозрачное, белое- непрозрачное)


2) Перенос полученного изображения в маску черного слоя

2.1) полностью выделяем (Ctrl+A) и копируем получившееся изображение в буфер обмена (Ctrl+C)

2.2) Создаем пустой черный слой. Т. к. слой с инвертированным изображением нам больше не нужен (мы его уже скопировали) можно закрасить черным прямо его.

2.3) создаем маску для черного слоя

2.4) переходим в палитру каналов Channels (если что, ее можно найти в списке Окон Window верхнего меню)

2.5) Там внизу видим пустой канал отображение которого отключено (глазик скрыт) Тыкаем по нему (при этом его отображение включится)*

*(если «глазик» сам не включился — включаем его сами)

и вставляем туда скопированное в буфер изображение (Ctrl+V)

Должно получиться что-то в этом духе: все в розовом и еле заметен наш контур=)

2.6) Теперь, тыкнув по глазику, отключаем видимость на этом канале

После чего розовое исчезнет и изображение примет примерно такой вот вид

Вот, в принципе, и все. Вся операция занимает меньше одной минуты. (Маску можно склеить с черным слоем, чтобы не мешалась, а можно — оставить как есть)
Теперь, вернувшись в политру слоев и создавая ниже этого слоя другие слои, можно на них спокойно рисовать, не затрагивая при этом контур


Если контур слишком бледен, его можно усилить, продублировав слой с ним несколько раз (Ctrl+J). Затем продублированные слои можно склеить в один, чтобы не мешались (Ctrl+E)

Вот такой вот способ.





P. S. : Вообще, таким способом можно вообще очень много интересных эффектов достичь, если применять его не только к контурным эскизам=).

UPD: P. P. S. :Как справедливо заметил Овчаренко Сергей, в ряде случаев, при подготовке изображения для маски, стоит поработать с его контрастностью: особенно при карандашном рисунке, на бумаге не редко остаются помарки серого тона, а сканер как правило их замечает. Поэтому, прежде чем его инвертировать, порой стоит поднять яркость белого.
От себя так же добавлю, что в некоторых случаях с этими помарками проще, наоборот, бороться уже на последнем этапе, банально стирая или удаляя «грязные» области.

UPD2: P.P.P.S.: Т. к. многие задают вопрос про этот метод относительно преимуществ способа с наложением слоев в режиме Multiply поясню:
Преимущество у Multiply — без условно, меньше действий
Преимущество у этого способа — универсальность:
-Не возникает проблемм, если потребуется склеить этот слой с нижележащем с меньшей площадью закраски (Слой с Multiply тут же «вылезет» во всех его пустотах)
-Наложение Multiply не распространяется на прозрачные области, что ведет к проблеммам при создании объекта на прозрачном фоне
-Возможность использования слоев в режиме Klipping Mask к этому контору
-Возможность использования эффектов слоев (Layer style) непосредственно к контуру, а не к самому прямоугольнику
-проще перекрасить контур в другой цвет, в т. ч. и градиентный
-работа с режимами наложения
Конечно, не спорю, если ничего из вышеперечисленного делать не предполагается, то, наверное, и не за чем заморачиваться с масками. Другое дело, если вы хотите иметь контур именно как полноценный слой со всеми свойствами обычного слоя, тогда этот способ, считаю, лучше.

Есть еще конечно способ с выделением полутонов в окне Color Range (Цветовой диапазон) в разделе Select, о котором упомянул в комментариях Майк Галь, но, имхо, чтобы получить из серо-белого эскиза хороший черно-прозрачный контур, возится придется не меньше. Но, конечно, кому-что удобнее)

Сomments39
avatar

уже утащила Ваш совет в копилку, спасибо!:)

17 December 2011, 22:41
avatar

спасибо!, ещё пока не разобралась, но обязательно…

давайте создадим группу полезных советов по ФШ и поместим этот и ему подобные посты туда…

будет здорово!

17 December 2011, 22:51
avatar
Ковалева Ольгаpro
Елена Атаева
0

так вроде есть подходящая группа — «Процесс»…

17 December 2011, 23:07
avatar

Спасибо, присоединяюсь

17 December 2011, 23:01
avatar

спасибо за дельные советы!

потрудился человек, время потратил…

а ведь и действительно, у каждого есть свои наработки, есть такие маленькие нюансы,

о которых не знаешь, и очень могут пригодится…

17 December 2011, 23:07
avatar

мне советовала maya-13 (именно для покраски скана, белый фон не мешает, он становится прозрачным)

1 быстрый способ- уровни- переместить так чтобы скан не был бледным,

2 потом дублировать основной слой,

3 основной сделать невидимым

4 слой копию сделать так: наложение- умножение\ multiply (или как там),

5 под копией создать новый слой и на нем красить.

17 December 2011, 23:17
avatar
Grinya Lesnoy
izafrenija
0

Тоже хороший способ, но имеет, к сожалению, недостаток: если тебе зачем-то потребуется потом склеить этот слой с нижележащим, который меньше его по закрашенной площади, то в пустых пространствах тут же появятся фрагменты этого вышележащего слоя, но уже в режиме Normal((

Однако, конечно, если склеивать слои не планируешь, то твой способ конечно же тоже удобный

17 December 2011, 23:52
avatar
Framin_mp
Grinya Lesnoy
0

Я обычно создаю один слой для подложки (белый, серый или цветной по вкусу) и один для работы, а рисунок помещаю сверху и ставлю Multiply.

18 December 2011, 00:37
avatar

Только сначала надо в уровнях серого (ctrl + l) поднять контраст, белую точку сделать ярче, иначе, особенно при карандашном рисунке, на бумаге могут остаться помарки серого тона, а сканер как правило их замечает.

17 December 2011, 23:21
avatar

Сергей прав — обязательно поиграть с контрастом…

17 December 2011, 23:27
avatar

Ну это да, согласен, чаще всего оно конечно нужно. Хотя и не всегда: иногда проще ластиком потом затереть лишнее. Зависит конечно от качества скана. У меня например часто бывает такая делема: помарки на лесте/мелкие штрихи и полутона на рисунке (м.б. конечно это от сканера зависит, не знаю…)

18 December 2011, 00:00
avatar

P. S. : Замечание твое в запись пост скриптом все-таки добавил: действительно, мало ли кто-нибудь напорется и сам не догадается как сделать)

18 December 2011, 02:19
avatar

Благодарю, рад что оказалось полездным=))

18 December 2011, 00:01
avatar

+

18 December 2011, 00:09
avatar

как у вас сложно-то всё))))))))))

назначьте ему в свойствах слоя (окошко в меню Layers, где у Вас написано Normal) Myltiply и всего делов…

18 December 2011, 00:15
avatar

Виктор обсолютно прав! Ваш способ излишне сложен! Создаете новый слой, наложение меняете на мультиплай и рисуете хоть каким цветом сколько угодно в этом слое)))

18 December 2011, 01:11
avatar
Елена Атаева
Диана Романович
0

а если я хочу поменять цвет контура? как это сделать в Myltiply?

18 December 2011, 01:16
avatar
Victor Vakhtin ☺
Елена Атаева
0

надо назначить кисти свойство Color

18 December 2011, 01:36
avatar
Елена Атаева
Victor Vakhtin ☺
0

а вот об этом надо поподробнее)))))

для самых «младшеклассников»))

18 December 2011, 01:39
avatar
Victor Vakhtin ☺
Елена Атаева
0

не помню, как это выглядит в младших версиях, а в CS5 когда ты берешь кисть вверху появляется окошко Mode, в нем надо выбрать Color.

или зайти в Image →Adjustments→Selective color… включить кружочек Method — Absolute, выбрать в окошке Colors черный цвет и бегунками добиться необходимого цвета… а вообще побаловавшись этими бегунками и меняя цвет в окошке легко понять, как это хрень работает

18 December 2011, 02:02
avatar
Grinya Lesnoy
Victor Vakhtin ☺
0

Multiply — тоже хороший способ, но у него есть недостаток, (о чем я уже выше писал в коментариях): при склейке этого слоя с нижележащем бывают проблеммы. Я, например, не редко в процессе склеиваю слои относящиесся к одному объекту. Впрочем, конечно, кому что удобней и что больше нравится)P. S. : Если у вас есть какой-то способ, как избежать проблемм со склейой слоев в режимах наложения (когда вышележащий слой склеиваясь со слоем в режиме Normal площадь заливки которого меньше площади этого слоя в пустых его пространствах возвращается в режим Normal образуя закрашенные пятна) то другое дело) тогда буду рад если поделетесь этим способом;)

18 December 2011, 01:24
avatar
Victor Vakhtin ☺
Grinya Lesnoy
0

а зачем его склеивать?… когда закончите работу, сохраните тиф без слоев…

или если его надо перемещать и трансформировать вместе с каким-то др. слоем — связать его с ним цепью…

или после склейки снова назначить Myltiply…

18 December 2011, 01:41
avatar
Grinya Lesnoy
Victor Vakhtin ☺
0

Если после склейки вновь назначить Myltiply то Myltiply будет и то что надо и что не надо))

Зачем склеивать — смотря что за изображение и что с ним планируется дальше делать. Иногда бывает что надо (особенно, когда с комиксами вожусь где некоторые элементы повторяются в разных кадрах по нескольку раз и таскать их туда-сюда со всеми слоями просто не охото). Да и просто, я лично люблю оставлять за собой такую возможность)) Кроме того, есть еще одна проблема: взаимодействие с прозрачным фоном. На прозрачный фон в этом режиме изображение накладывается так же как и в Normal, т. е. экспортировать его потом, скажем, в PNG с прозрачным фоном, будет затруднительно…

Но, в общем то, я не спорю, какой способ лучше: в конечном счете, все это зависит от каждого конкретного случая, что и для чего создается, кто к чему привык и т. д.….

18 December 2011, 02:52
avatar

Вот именно:) Или выбрать в списке меню «Селекшн» операцию «Колор Рейндж» (Цветовой диапазон) и выделяйте свои полутона в любом сочетании безо всяких масок. Их тогда, кстати, даже в вектор оттрассировать можно.

18 December 2011, 00:34
avatar
0

Конечно, тоже не плохой способ, но, не знаю, правда, может в последних версиях PS «Колор Рейндж» какой-нибудь «продвинутый», но в старых (в моей в частности) он все-таки грубовато работает, к сожалению. Вдобавок придется потом перекрашивать в черный: т. к., после его работы это всеравно остается серо-белый рисунок. Т. е., смотря конечно, какого эффекта хочет добиться художник: если полностью сохранить исходный контур переведя его при этом в черный с градациями прозрачности, то с Рейнджем это геморней будет, если просто убить по-быстрому лишний цвет, то, конечно, тоже неплохой вариант

18 December 2011, 01:53
avatar
Victor Vakhtin ☺
Grinya Lesnoy
0

«Колор Рейндж» во всех версиях практически одинаковая и зависит от величины толерантности — чем она выше, тем корректнее он выделит, скопирует и вставит (последнее слово знатно получилось))))

18 December 2011, 02:12
avatar

ага))

18 December 2011, 04:21
avatar

Я чего-то не догоняю…. зачем столько гемора то?

Примените к слою со скетчем режим Мультиплей и красьте под ним чего хотите.

Или я чего-то не понял?

18 December 2011, 08:52
avatar
Grinya Lesnoy
Гусев Евгений
0

Философствования насчет достоинств и недостатков в зависимости от конкретного случая Мультиплэя смотрите в коментах выше) Этот способ, конечно, немного проигрывает мультиплэю в количестве действий, но выигрывает, при этом, в универсальности=)

18 December 2011, 12:52
avatar

Большое спасибо за урок! Побольше бы таких советов для таких как я! :-)

18 December 2011, 18:26
avatar

спасибо)

19 December 2011, 12:35
avatar

Да незачт)

Тут нашел как такую же штуку проделать в GIMP’е — там все еще проще… Думаю, как-нибудь распишу по подробнее=)

20 December 2011, 22:36
avatar

Хороший альтернативный способ подсказала мне Лида Бабинцева (lidok-nyan.livejournal.com)

*Хотя, в общем-то два эти способа похожи, но, Лиден способ в чем-то даже локаничнее

(0. Законтрастиваем изображение, если это нужно)

1. Переходим в каналы, тыкаем зажав Ctrl по верхнему каналу

2. Жмем Del — убивается фон

3. Жмем Shift+Ctrl+I (Инвертировать выделение)

4. Возвращаемся из каналов в палитру слоев

5. Выбираем в цветовой палитре черный цвет

6. Жмем EDIT — FILL (Ctrl+BackScape в новых версиях м.б. по другому)

7. Жмем Ctrl+D снять выделение

20 December 2011, 23:51
avatar

Убить фон можно и другим способом — настроив градацию нужным образом в параметрах наложения. Там есть ползунок возле тёмных тонов по умолчанию и возле светлых. Двигаем ползунок — соответственно светлых тонов. Края грубо режет. Но есть один фокус — встроенная функция фотошопа — нужно лишь с зажатым Alt-ом нажать на нужный ползунок — и настроить плавность перехода.

21 December 2011, 00:17
avatar
Grinya Lesnoy
Art-technolog
0

Пока не доконца разобрался с этим способом, наскоклько он удобнее, но, в любом случае, благодарю=)

24 December 2011, 03:05
avatar

Убить фон можно и другим способом — настроив градацию нужным образом в параметрах наложения. Там есть ползунок возле тёмных тонов по умолчанию и возле светлых. Двигаем ползунок — соответственно светлых тонов. Края грубо режет. Но есть один фокус — встроенная функция фотошопа — нужно лишь с зажатым Alt-ом нажать на нужный ползунок — и настроить плавность перехода.

21 December 2011, 00:17
avatar

З.Ы.: для тех, кто попытается повторить способ Егорова Олега, (т. к. лично я не с первого раза понял о чем речь), распишу поподробнее:

(0. Законтрастиваем изображение, если это нужно, загоняем в отдельный слой)

1) Лезем в BLENDING OPTIONS (Как в Рус. версиях обозвано — не знаю) — Доступно — самое простое — по двойному щелчку по слою в палитре слоев (Так же доступно как через меню палитры слоев (в т. ч. контекстное), так и через Layer Style (кнопка со значком f внизу на палитре слоев — там первый пункт))

2) В появившемся окне внизу будет две бело-черной шкалы с ползунками — нам нужна верхняя из них — This Layer (Этот Слой). Зажимаем клавишу Alt и не отпуская ее двигаем правый ползунок (который напротив белого цвета) до упора влева (в сторону черного) (при этом ползунок раздвоится, половинка останется на месте — так и должно быть, если это не произошло, значит Alt вы не держите) Затем нажимаем Ок. (Впринципе, здесь можно произвести и более «тонкую» настройку.)

Таким образм мы настроили режим наложения так, что прозрачность на изображении стала напрямую связана с оттенками серого на слое. Но это не всегда удобно (например, если мы захотим затемнить весь контур, или перекрасить его, то тут же сталкнемся с проблеммой что любые наши действия тутже отразятся на прозрачности), к тому же пока, скорее всего у вас он будет заметно отличаться от оригинала. Поэтому, следуем далее:

3) Создаем еще один слой (не важно, выше или ниже), и склеиваем с имеющимся (Ctrl+E — склеить с нижележащим слоем) — таким образом слой вновь станет обычным, но при этом сохранится все достигнутое на предидущих этапах, (т. е. прозрачность осталась прозрачной, но больше не привязана к оттенкам серого на слое)

4) Жмем Hue/Saturation и параметр Lightness (Свет) заганяем максимально в лево (-100), жмем Ок. Вот теперь контур точно такой же как и был, только черно-прозрачный

24 December 2011, 03:27
I

Здравствуйте! Спасибо за подробное описание. Подскажите, пожалуйста, делаю все так как описано, но фон прозрачный с серым оттенком. Когда стираю помарки, появляются "белые дырки". Очень нужно, чтобы был просто прозрачный фон с четким контуром рисунка. Спасите, плиз...

9 February 2014, 10:11
avatar

Не весь фон убили. Нужно полученный слой конвертировать в объект, а потом вновь перевести в растр, тогда все настройки сбрасываются - если про Blending options речь.

9 February 2014, 19:28