Как раскрасить картинку в фотошопе

«Принципы раскраски лайн-арта в Photoshop»

Небольшой урок объясняющий принципы и подготовительные этапы.

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

1) Вот мы получили фотографию или скан исходного изображения. Первым делом надо избавиться от дефектов изображения и добиться максимальной контрастности. Для этого переводим изображение в черно-белое. Image — Mode — greyscale. Выравниваем уровни изображения Ctrl+L (Image-Adjustments-Levels или Auto Levels) Теперь мы имеем исходное изображение готовое к работе

2) Видите неровности фона от неравномерного света на фотографии? Их надо убрать. Делаем это следующим образом: Дублируем слой ctrl+J и применяем к нему фильтр High Pass c радиусом 10 (Filter-Other-High Pass)

3) Следующий этап находим оптимальный уровень высветления и контрастности.

Если пропали какие штрихи — не беда. Дублируем получившийся слой ctrl+j,ставим режим смешивания Multiply и ctrl+e. После этого можете еще раз повторить вариации с яркостью и контрастом. По итогу у вас должно получиться что-то типа того:

4) Можете аккуратно поработать ластиком с параметром Flow 5-10%, чтобы получить где-то более темные участки от изначального изображения. Я часто работаю не аккуратно, так как меня интересует только цветовая палитра эскиза. Или же продолжить по такой линии (ссылка удалена)

5) На этом этапе можно создать черно-белое, рельефное изображение пользуясь инструментами

Dodge и Burn Tool. Что на некоторых этапах облегчит работу с цветом на некоторых участках (тоже тело к примеру).

6) Собираем слои в один ctrl+e. Переводим изображение в RGB, точно также как ранее переводили в Grayscale. И можем приступать к раскрашиванию.

7) Не обязательно мягкой кистью в режиме Сolor можно быстро набросать будущие цвета, если вы потратили время на черно-белый рельеф чуть ранее. Принцип такой кисти — черный и белый останутся такими, 50% серый — будет чистым выбранным цветом, все что темнее будет сползать в черный, все что светлее в белый. Не всегда получается ожидаемый результат по первости, но в целом это очень удобный способ. Если надо убрать заползший цвет, то достаточно просто выбрать черный, чтобы вернуть серый рельеф.

8) Дальше все зависит от того с планшем вы или нет, и насколько у вас есть желание поработать. Создаем новый слой для каждого уровня элементов. К примеру, все кружева у меня черно-белый … они будут открашены в отдельном слое, блузка в своем и т.д. Это даст большую свободу в цветовой коррекции. Потому что тот же самый слой можно менять по прозрачности (мощный инструмент), что бы он не «кушал» линии изображения, и быстро перекрашивать через ctrl+u с галкой Colorize. Я работаю мягкими кистями (10-15%) не создавая масок (ломает, но инструмент сильный для качественной работы) и часто пользуясь ластиком. Подробней написать сложно, так как с каждым изображением свои заморочки, но в целом все приблизительно одинаково для всех. Если надо сохранить свойства прозрачности слоя, соединяйте его с базовым и обрабатывайте уже на базе (не забывайте держать одну копию без изменений).

9) Еще одна маленькая фича для создания фактур тканей или рисунков на ней. Да и вообще полезно знать свойство кистей.

Я многие этапы пропускаю или вообще забиваю на аккуратность:

Окрашивание фотографий через слои заливки (fill lyers)

Знаете что я думаю. Вот эти потуги на контроль за изображением конечно круто, но как то сложно. А если надо изменить цвет?  Приходится постоянно щелкать по слою, вызывать окно стилей, лезть во вкладку Color Overlay и там что-то менять. Не такой уж быстрый процесс, если хочется быстро поменять цвета слоев. Конечно если у нас 2 слоя это не сложно, а если бы у нас было 102 слоя? Надо бы сделать этот процесс ещё проще. Вот где начинается настоящая работа со слоями. Сейчас я покажу как сделать фото цветным при помощи слоев заливки.

Создайте новый слой заливки Layers > New Fill Layers > Solid Color Слой заливки полностью перекрывает фотографию, заливая всю рабочую поверхность. Это нам как раз не нужно. Как видно из палитры слоев, слой заливки создается с готовой пустой маской. Белую маску нам надо перекрасить в черную маску, что бы скрыть весь слой заливки целиком. Можете кликнуть по пиктограмме маски и выбрать Delete.

Или выбрать иконку маски и сделать тоже самое из меню Layer > Layer Mask > Delete. Теперь создайте маску с нуля, но не пустую, а скрывающую. Мы проделывали это в моей статье Маски в Фотошопе. Выберите Layer > Layer Mask > Hide All

А можно пойти другим путем. Маска — это такая же рабочая поверхность, как и сам слой. Маску можно рисовать вручную любыми инструментами рисования. Например кистью Brush Tool. Только в отличии от слоя, маска создается в градации от черного к белому, где белое — видимая часть, а черное — скрывающая часть. Кликните по пиктограмме маски в палитре слоя. Маска должна быть выделена, что бы на ней можно было рисовать. Затем выберите ведро заливки Paint Bucket Toll и черный цвет. Кликните по рабочей поверхности. Пустая маска, стала скрывающей маской.

А теперь выберите обычную кисть Brush Tool и белый цвет. Создайте маску волос, рисуя поверх маски точно также, как вы рисовали бы на слое. Вы можете пользоваться всеми благами настроек кисти. Делать её прозрачной, менять размеры, мягкие края. Все это будет лишь влиять на то, на сколько видима наша маска. И конечно, не забудьте выставить в режиме смешивания слоя Color, что бы сразу видеть результат закрашивания. Мы могли бы пойти другим путем. Например оставить маску белой, а всю область вокруг волос закрасить черным. Но согласитесь, это несколько утомительно, замазывать 70% рабочей области. И конечно не забудьте, чтобы работать на маске, маска должна быть выделена. Это можно сделать простым кликом по её пиктограмме в палитре слоев.

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

Таким же образом закрасьте и другие области фотографии. В некоторых областях, где цвет не терпит мягких переходов, вам понадобится создать области выделения. Например в случае с ногтями, я создавал выделения инструментом Magic Wand Tool и Polygonal Lasso Toll. В остальных же случаях я обошелся сменой размеров кисти и переключением между мягкими краями и твердыми краями.

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

Сделать фото цветным через слои коррекции (adjustments layers)

Вот еще один способ как сделать фотографию цветной. Воспользуемся настройками цветокоррекции adjustiments. Я уже представляю как вы открываете знакомые всем Image > Adjustiments, выделяете область и предаетесь эффектам. Нет, мы так делать конечно не будем. У нас получится та же самая каля маля. Конечно, выделить область, применить цветокоррекцию, выделить новую область, опять применить цветокоррекцию — вариант. Только вариант этот унылый, без всякой возможность подкрутить и изменить результаты.

Поэтому мы воспользуемся цветокорректирующими слоями Layer > New Adjustiment Layer. Цветокорректирующий слой — это та же самая цветокоррекция, только применяется она не к слою с графикой а сама является слоем. Представьте что фотография это наш слой. А поверх мы положили красное стекло, которое изменило цвет фотографии. Красное стекло и есть цветокорректирующий слой. Его можно убрать, сделать невидимым, применить слои, маску и не только.

Какие же из цветокоррекций подойдут для раскрашивания? На мой взгляд лучше всего подойдет цветокоррекция Photo Filter. Выберите Layer > New Adjustiment Layer > Photo Filter Или создайте цветокорректирующий слой через меню палитры слоев Layers.

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

При этом вы в любой момент можете перенастроить цвет фильтра, изменить цвет и подкорректировать маску. Просто кликните по слою цветокоррекции и в палитре Adjustiments настройте цвет. Если вы не знаете где находится эта палитра, вызовите её через Windows > Ajustments Вы убедитесь сами, что через цветокоррекцию сделать фото цветным также просто, как через слои заливки, но мне лично по душе последнее.

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

Окрашивание фотографии через стили слоя (layer style)

А теперь начнем углубляться и усложнять процесс. Усложнение, оно не для того, чтобы работать стало сложнее, а для того, чтобы работать стало проще. Знаете, все эти кали мали на одном слое конечно прекрасно, но подходит скорее личностям творческим, тем кто любит сидеть и часами накручивать глиняный горшок на каталке. Намазывать на этот слой один цвет и другой возможно удобно художникам из академии, которых забанили в Гугле, поэтому они до сих пор не слышали про Фотошоп. Увы, но даже мультики рисуют на компьютере, 1000 рисунков на бумаге, которые затем быстро перелистывают остались в 20-том веке. Лично мне, как дизайнеру, хотелось бы иметь больший контроль за цветом и настройками. Я хотел бы эффективно и быстро подкручивать цвета через меню, а не перерисовывать слой.

Как бы нам внести больший контроль за изображением? Для начала неплохо бы разделить один слой, на несколько слоев. Давайте создадим действительно много слоев. И каждый слой будет отвечать за свой участок. Создайте слой «волосы», слой «глаза», «перчатки», «ногти» и другие. Я начал раскрашивать фотографию сам, создав для этого тематические слои. Теперь процесс управления более управляем, по крайней мере раскраска не находится на одном слое. Любую часть раскрашивания можно приглушить, отключить, иначе говоря, проделать с ней все, что можно проделать с слоем. Другие слои с раскраской останутся не тронутыми.

Но все это по прежнему не имеет особого смысла. Цвет всех слоев по прежнему остается произвольным. На слое «Волосы» вы можете как и раньше рисовать и синим цветом, и красным. Иначе говоря по прежнему кали мали, но более управляемые кали мали, разбитые на сектора. А мне хотелось бы контролировать и цвет. Я хочу менять весь цвет одним кликом, а не ваять кистью постоянно переделывая результат руками. Я покажу как это можно сделать через стили слоя layer style.

Создайте слой и назовите его «Волосы». Разукрасьте волосы любым цветом, хоть зеленым. Перейдите к палитре слоев и установите заливку Fill на 0% Таким образом то, что вы нарисовали станет невидимым.

Грубо говоря мы создаем некую растровую область, отключаем заливку наполнения и применим к области стили слоя. Сама область не становится невидимой, как в случае с Opasity. Невидимым становится содержание области, но не сама область. Поэтому применяемые стили слоя будут видны. А вот если бы  мы поставили Opasity 0%, невидимым стал бы весь слой вместе с стилями. Мы зададим области определенный стиль, но, так как для раскрашивания нам все равно придется применить смешивание слоя, оригинальный цвет необходимо убрать, выставив Fill на 0%, иначе при смешивании он станет просвечиваться и мы не получим требуемый результат.

Теперь создадим к слою стиль Layer > Layer Style > Color Overlay В меню смешивания Blend mode поставьте режим Color. А в окошке с цветом выставите нужный нам цвет.

Если вы забыли поставить заливку на 0% то это можно сделать в этом же окне, во вкладке настроек смешивания Blending Options. Если же вы сделали это в палитре слоев Layers, то заливка уже будет установлена как надо.

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

Вот что я называю контролем за цветом. А теперь углубимся еще сильнее.

Раскрашиваем черно-белое фото в цветное

Вам потребуется Photoshop 7 и выше.

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

2. Для начала подкорректируем наше фото с помощью уровней Изображение — Коррекция — Уровни (или сочетание клавиш Ktrl+L). По картинке видно, что на фото не хватает белого (справа много пустого места), поэтому сдвигаем белый ползунов влево, до того места, где начинается график, а черный ползунок слегка сдвинем вправо. Фото станет более контрастным.

3. Итак начнем раскрашивать. Создаем новый слой, нажав на кнопку «Создать новый слой» в нижней части палитры Слои. При помощи любого инструмента выделения выделяем волосы (я для выделения использовала инструмент «Быстрая маска». Как выделять при помощи инструмента «Быстрая маска» , Вы можете прочитать в этом уроке). Для удобства выделения увеличте изображение.

4. Растушуем выделение Выделение — Модификация — Растушевка, установив радиус растушевки 5 пикселей. И заливаем выделение цветом # a13906 (для своей фотографии Вы можете подобрать другой цвет), при помощи инструмента «Заливка». Меняем режим наложения слоя на «Умножение», а «Непрозрачность» устанавливаем 45%. Еще раз оговорюсь, что эти параметры для данной фотографии, для Ваших фото возможно понадобятся другие значения, тут нужно поэксперементировать.

5. Снова создаем новый слой. На этот раз выделяем кожу. Растушевываем выделение на 5 пикселей (Выделение — Модификация — Растушевка). Заливаем выделение цветом # fbd0ba. Устанавливаем режим наложения слоя — «Цветность», а «Непрозрачность» — 50%. При помощи инструмента «Ластик» стираем цвет с глаз и с зубов.

6. Создаем новый слой, как Вы уже поняли — под каждый цвет нужен новый слой. Теперь будем раскрашивать глаза, а значит выделяем радужку глаз вместе со зрачком. Растушевываем выделение на 3 пикселя (Выделение — Модификация — Растушевка). Заливаем выделение цветом # 106afe. Устанавливаем режим наложения слоя — «Мягкий свет», а «Непрозрачность» — 40%.

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

Для языка использовался цвет # fe1010, режим наложения слоя — «Умножение», а «Непрозрачность» — 35%.

Для губ использовался цвет # d90b0b, режим наложения слоя — «Мягкий свет», а «Непрозрачность» — 20%.

Для заднего фона использовался цвет # d95d0b, режим наложения слоя — «Мягкий свет», а «Непрозрачность» — 100%.

8. Если какой нибудь цвет «влез» не туда куда нужно — подтираем мягким ластиком. Ну вот и все — любуемся своим произведением. Творческих успехов вам.