Как надо делать постпроцессинг

[m1kc]

Судя по 6c3d4022721206b3811d8f74ad4881a21053b5ba, у нас есть люди, которые постпроцессинг делать хотят, но не умеют. Поэтому я решил прояснить задачи и показать пример.

[m1kc]

Задача постпроцессинга в нашем случае - дотянуть отсканированную картинку до уровня, на котором она будет прилично смотреться на сайте, и убрать мелкие изъяны.

Мы не делаем заготовку для раскраски и не пытаемся сделать из рисунка что-то похожее на комикс или компьютерную графику. Соответственно, вот так делать не надо:

Это - комикс. Здесь остались только два цвета - белый и чёрный - с небольшим количеством полутонов. Потерялись тени, потерялись мелкие детали. Такой жанр имеет право на жизнь, но не у нас.

[m1kc]

Рассмотрим учебный пример:

Видим проблему: всё серое. Серый фон (на страницу не вставишь), серые блики на лезвии, мелкие чёрные точки везде, не хватает контраста. Открываем GIMP, находим там в меню "Цвет" инструмент "Уровни". Такой же есть в фотошопе.

Грубо говоря, этот инструмент работает так: мы задаём уровни чёрного, белого и серого; всё, что светлее уровня белого, становится абсолютно белым; аналогично с чёрным; остальной диапазон делится на две части (светлую и тёмную), и эти части в зависимости от уровня серого могут стать светлее и темнее. Если всё ещё непонятно, просто подвигайте ползунки.

Изменение уровней - очень жестокая операция, потому что в результате неё цвета становятся как бы ступенчатыми, поэтому два раза подряд её делать не надо. Поэтому сначала мы несколькими пробами нащупаем нужные параметры, потом всё отменим и один раз сделаем начисто.

[m1kc]

Наша задача - не проебать мягкие полутона, поэтому сначала найдём их. Вот они, на лезвии:

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

Ищем уровень белого. Тыкаем в кнопку с белой пипеткой, тыкаем пипеткой в фон в самый тёмный его участок поближе к краю изображения. Фон мгновенно становится белым. Если остались серые участки - значит, надо было тыкать в них. Если у вас ЖК-монитор - смотрите на него снизу, так проще отличить белый от серого.

У меня в итоге нашёлся уровень 245, а рисунок стал таким:

Берём пипетку, выставляем режим "только снять", включаем информационное окно и убеждаемся, что цвет у всех краёв на самом деле белый - 255, 255, 255. Если 254 - значит, всё-таки плохой участок выбрали, лучше переделать. На альфа-канал не смотрите.

Сравниваем с оригиналом (например, тыкая "отмена-повторить"; или можно просто сделать отмену, выставить в окне "уровни" ещё раз 245 и ставить-снимать галочку "предварительный просмотр"). Полутона не проёбаны. Отлично. Возвращаем всё как было и запоминаем это число.

[m1kc]

Сейчас особо внимательные скажут: "Эй, падажжи, на твоих 245 остаётся вот такая фигня у контуров!".

"А чуть ниже справа вообще пиздец! Что с ней делать?"

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

Так что не трогайте их. Главное - чтобы фон был абсолютно белым у краёв и не скатывался в серый дальше. На контуры забейте.

[m1kc]

Окей. Возвращаем всё как было, открываем окно "уровни", ставим 245 белого.

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

У меня получилось 20. Картинка стала вот такой:

Чекаем полутона. Полутона всё ещё не проёбаны и не слишком резкие. Отлично.

[m1kc]

Запоминаем цифру 20, возвращаем всё как было, опять открываем "уровни", ставим чёрный = 20 и белый = 245.

Теперь самое сложное: найти серый и подкрутить чёрный (потому что вполне возможно, что 20 - это мало, а надо 80; бывает и такое). По сути, до этого мы регулировали края, а сейчас будем регулировать контраст.

Главное - не переборщить. До этого мы поглядывали на участок лезвия с полутонами, а теперь смотрим на него не отрываясь и пла-а-авно двигаем ползунок серого.

Примерно так получается: двигаем влево - смягчаются тона, двигаем вправо - лучше видны детали.

Мне понравилось, как выглядят детали на 0.8, но полутона стали слишком резкими:

Поэтому я остановился на 0.9:

[m1kc]

Да, кстати, подкрутите зум хотя бы 33% во время этого процесса, а то ни хрена не поймёте. Лучше 50%.

И теперь потихоньку поднимаем уровень чёрного, постоянно отключая предпросмотр и дико, бешено стараясь не проебать эти чёртовы полутона. Я, в общем, поднял только до 30.

Чёрный теперь выглядит лучше, чем при 20, а полутона - не хуже. Если поднять до 35 - полутона начинают страдать, так что остановимся на 30.

[m1kc]

Остаётся мелочь - убрать чёрные точки.

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

[m1kc]

Результат

Мы сделали из серой фигни подтянутый, контрастный рисунок, не проебав общий стиль и детали.

Было-стало:

[m1kc]

---

[m1kc]

Учебный пример номер два. Было-стало: 54aefe404c45a3860cc5561abd09d41f8acbc0a2

Здесь я выкрутил серый аж до 0,3. Это чтобы вы поняли, что в зависимости от рисунка цифры бывают самыми разными.