вторник, 5 марта 2013 г.

Превращаем фото в рисунок


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

Финальный результат: 

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


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

1. 
Открываем свое фото в Photoshop. В моем случае использовано фото с ужасным качеством и очень низким разрешением(1021х982), но мне пришлось работать с тем, что есть.
Превращаем фото в рисунок Роя Лихтенштейна *
Скажу сразу, цвета изображения особого значения не имеют. В дальнейшем у нас будет возможность повелевать цветом как нам того захочется.

2.
Превращаем фото в рисунок Роя Лихтенштейна *
Берем инструмент pen.gif Pen Tool и делаем обводку нижних и верхних ресничек на обоих глазах. Затем кликаем по холсту правой клавишей мыши и выбираем Fill Path...цвет заливки - черный.
У меня получились вот такие глазки:
Превращаем фото в рисунок Роя Лихтенштейна *
У вас должно получиться гораздо более симпатично, ибо я работал с очень плохим разрешением. Так же рисуем бровки!
Для лучшего оттенения рисуемых линий я использовал новый слой с белой заливкой, подложенный между оригинальным изображением и самими линиями. Советую каждый новый элемент рисовать на новом слое - так в результате ошибки всегда можно исправить только небольшую часть, а не перерисовывать всю обводку заново.

3.
Далее повторяем то же самое, но уже с обводкой волос. Используем все тот же инструмент pen.gif
Только вместо Fill Path... выбираем Stroke Path... Я использовал толщину линии 3 px, у вас она может быть гораздо толще. 
Превращаем фото в рисунок Роя Лихтенштейна *

4.
Не сочтите за издевательство - но далее точно так же, обводим самые важные линии персонажа. Губы, руки, носик... Прорисовываем пару небрежных складок на одежде. Увы, я счел дальнейшую работу в столь низком разрешении бессмысленной, и потому небрежно нарисовал большую часть линий при помощи brush brush.gif толщиной 3px. Вот что у меня получилось:
Превращаем фото в рисунок Роя Лихтенштейна *
Затратьте больше времени, стараний и создайте неповторимый шедевр! Поверьте мне - оно того стоит!
Когда обводка основных элементов завершена, отключите фон и белый слой. Продублируйте видимые слои и слейте их в один. Остальные уберите в резерв. 
Превращаем фото в рисунок Роя Лихтенштейна *

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

Превращаем фото в рисунок Роя Лихтенштейна *
Белый фон - это опять таки вернувшаяся подкладка со слоем с белой заливкой.

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

6.
Далее добавляем в рисунок текстуру бумаги или холста(самых различных образцов не составит труда найти здесь же, на Demiart'e). Текстуру бумаги растяните по размеру холста и спрячьте под рисованный слой. 
Превращаем фото в рисунок Роя Лихтенштейна *


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


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 magic_wand.gif использовав его на копии всех слоев. Далее советую поэкспериментировать - результат обещает быть незабываемым! Удачи вам и вот несколько вариантов, как получилась данная работа, но с разным наложением слоев:
Превращаем фото в рисунок Роя Лихтенштейна *Превращаем фото в рисунок Роя Лихтенштейна *
Превращаем фото в рисунок Роя Лихтенштейна *Превращаем фото в рисунок Роя Лихтенштейна *

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


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

Комментариев нет :

Отправить комментарий