Превращаем фото в рисунок Роя Лихтенштейна

Превращаем фото в рисунок Роя Лихтенштейна

Небольшая история, породившая этот урок:
На днях одна моя знакомая попросила стилизовать ее фотографию в рисунок Роя Лихтенштейна, и тем самым реализовать ее давнюю детскую мечту. Увы, я смутно представлял, что это за творец и тут же бросился смотреть его работы в Интернете. Первое, что пришло мне в голову — это же комикс! Второе — да это же просто рисунок и как такое можно сделать с человеческой фотографией?!
Но отказаться я не мог, иначе бы уронил авторитет в глазах знакомой девушки. И вот я взялся за эту трудновыполнимую задачу. И надеюсь достойно с нею справился.

На Demiart\’e я не смог найти подобного урока, и, проделав все эти шаги сам, решил поделиться приобретенным опытом. Это мой первый урок, посему прошу помидорами не кидаться и простить, если где-то допущу ошибку.

1.
Открываем свое фото в Photoshop. В моем случае использовано фото с ужасным качеством и очень низким разрешением(1021х982), но мне пришлось работать с тем, что есть.

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

2.

Берем инструмент Pen Tool и делаем обводку нижних и верхних ресничек на обоих глазах. Затем кликаем по холсту правой клавишей мыши и выбираем Fill Path… цвет заливки — черный.
У меня получились вот такие глазки:

У вас должно получиться гораздо более симпатично, ибо я работал с очень плохим разрешением. Так же рисуем бровки!
Для лучшего оттенения рисуемых линий я использовал новый слой с белой заливкой, подложенный между оригинальным изображением и самими линиями. Советую каждый новый элемент рисовать на новом слое — так в результате ошибки всегда можно исправить только небольшую часть, а не перерисовывать всю обводку заново.

3.
Далее повторяем то же самое, но уже с обводкой волос. Используем все тот же инструмент
Только вместо Fill Path… выбираем Stroke Path… Я использовал толщину линии 3 px, у вас она может быть гораздо толще.

4.
Не сочтите за издевательство — но далее точно так же, обводим самые важные линии персонажа. Губы, руки, носик… Прорисовываем пару небрежных складок на одежде. Увы, я счел дальнейшую работу в столь низком разрешении бессмысленной, и потому небрежно нарисовал большую часть линий при помощи brush толщиной 3px. Вот что у меня получилось:

Затратьте больше времени, стараний и создайте неповторимый шедевр! Поверьте мне — оно того стоит!
Когда обводка основных элементов завершена, отключите фон и белый слой. Продублируйте видимые слои и слейте их в один. Остальные уберите в резерв.

5.
Разукрашка!
Затем создаем новый слой и размещаем его под слоем-контуром. Вспоминаем детство — берем в руки инструмент кисть/brush (непрозрачность — 100%, твердость — 100%) и аккуратно разукрашиваем картинку. Слой контур остается всегда наверху и его мы не трогаем. Если вылезем за линии — можем аккуратно подправить ластиком/eraser …
Я не стал брать слишком много цветов и решил ограничиться четырьмя.

Белый фон — это опять таки вернувшаяся подкладка со слоем с белой заливкой.

При помощи техники, с которой обводили брови и реснички, рисуем пару темных элементов для придания объема картинке:

Отключаем белый фон, если он включен, оригинальное фото и у нас остается только нарисованная нами девушка. Выбираем самый верхний видимый слой и жмем Ctrl+Alt+Shift+e и получаем слой с рисованной красавицей.

6.
Далее добавляем в рисунок текстуру бумаги или холста(самых различных образцов не составит труда найти здесь же, на Demiart\’e). Текстуру бумаги растяните по размеру холста и спрячьте под рисованный слой.

Затем создайте новый слой с режимом наложения(Blending mode) — Multiply и залейте его голубым цветом( ). Расположите его между слоем с девушкой и слоем с текстурой бумаги.
Для наглядности:
Слой с девушкой
Слой с голубой заливкой
Слой с текстурой бумаги

7. Продублируйте оригинальное фото и разместите его поверх всех остальных слоев. Режим наложения(Blending mode) — Multiply.

Следующим шагом обесцветьте его(копию оригинального фото), нажав Image > Adjustments > Desaturate. Должно получиться вот так:

8.
Верните на время слою с копией ориг.фото режим наложения — Normal.
Перейдите к редактированию уровней Image > Adjustments > Levels и для черно-белой фотографии примените следующие настройки:

Так как моя фотка была чересчур затемнена, я применил повторно Image > Adjustments > Levels, но уже с настройками:

В конечном итоге копия оригинальной фотографии должна была осветлиться до примерно такого уровня:

9. Теперь начинается самое интересное. Выберите Filter > Pixelate > Color Halftone. В открывшемся окне укажите максимальный радиус 4 и значение 199 для всех каналов.
Примечание: в зависимости от размера иллюстрации пропорционально изменяйте максимальный радиус. То есть у вас он может быть гораздо больше 4.
Должно получиться следующее:

Возвращаем слою режим наложения(Blending mode) — Multiply и подтираем ластиком пятнышки на глазках. Вот так:

Далее идет банальная манипуляция со слоями и наложениями, до получения желаемого результата.
Ну, например, я расположил слои так:
Слой с копией текстуры бумаги (Blending mode) — Saturation
Слой с копией ориг.фото преобразованного в полутона. (Blending mode) — Multiply
Слой с нарисованной девушкой (Blending mode) — Normal
Слой с текстурой бумаги (Blending mode) — Normal
Слой с голубым фоном (Blending mode) — Normal

Эффект такого ободранного фона достиг при помощи инструмента magic wand использовав его на копии всех слоев. Далее советую поэкспериментировать — результат обещает быть незабываемым! Удачи вам и вот несколько вариантов, как получилась данная работа, но с разным наложением слоев:

Диалоговое облачко, надеюсь не нужно объяснять как делалось? Это самое простое — выбираете инструмент custom shape и находите там готовое облачко. Если нет — то не долго загрузить с сайта Demiart. Наиболее кропотливое — это подбор шрифта. Потертость достигается легко — волшебный инструмент — magic wand кликаем по слою с текстурой бумаги, а подтираем слой с облачком. Готово!

Автор урока: Folklore