Создание комикса из фотографии в фотошопе. Экшен Photoshop Cell Shader. Поздравляю! Мы Завершили Урок

Сегодня я расскажу как сделать из обычной фотографии комикс в стиле Ройя Лихтенштейна, великого мастера поп-арта. Главное в этом уроке работа с пером, для начинающего довольно сложный инструмент, но после его освоения уже ничего не страшно.

1. Откройте фотографию и подготовьте ее для обрисовки. Создайте слой с заливкой Layer -> New Fill layer -> Solid Color -> Цвет выберите белый, создайте еще один слой и дайте ему название “контур”. Белый слой переведите в режим невидимости.

2. Выбираем инструмент Pen Tool , настраиваем его, как показано у меня на рисунке. Выбираем цвет нашего контура - черный, или просто нажимаем D . Приближаем участок, с которого хотим начать обрисовку, я обычно начинаю с бровей или глаз.

3. Начинаем обрисовывать ресницы, понадобиться некоторое время, чтобы привыкнуть к этому инструменту. Когда начало линии и конец соединен, нажимаем правой кнопкой мыши на макет и выбираем Fill Path и выбираем значения по умолчанию.

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

5. Для глаз можно использовать инструмент Ellipse Tool , выбрав такие же параметры, как и для Pen Tool . Создаем новый слой, называем его «глаз» и рисуем контур глаза этим инструментом.

6. Теперь выбираем Eliptical Marquee Tool и выделяем область внутри нашего будущего глаза. Нажимаем Delete. Убираем выделение (Ctrl+D) и рисуем зрачок с помощью Ellipse Tool .

7. Приближаем, стираем все ненужное ластиком и дублируем этот слой для второго глаза. После этого сливаем слоя «контур» и оба «глаза» Layer -> Merge Down. (Ctrl+E)

8. Продолжаем обрисовывать фотографию, используя Pen Tool , все точно также как в пункте 3. Иногда поглядывайте на результат, включая слой с заливкой. При рисовании контура лица, рук начинайте с отступа для того, чтобы эти части тела не казались массивными.

9. Часто вам придется додумывать контуры, например, контуры волос. Лично я полагаюсь на свой вкус, а вы можете обрисовывать следуя по темным участкам.

10. Начинаем добавлять цвет. Выбираем инструмент Magic Wand Tool и нажимаем на область лица. Область должна быть замкнутой, если она не замкнута воспользуйтесь другим инструментом. Держа клавишу shift , нажимаем на все области которые нужно окрасить в этот цвет. Выбираем Select -> Modify -> Expand и выставляем 1-2 пиксела.

11. Теперь нажимаем Layer-> New Fill layer -> Color. Выставляем белый цвет. Если нужные области не окрасились в этот цвет, выбираем кисть белого цвета и подкрашиваем в ручную на этом же слое. Если надо что-то убрать - то стираем ластиком.

12. Создаем новый документ по размерам совпадающий с нашим и окрашиваем его в светло серый цвет (R=198, G=198, B=198). Затем накладываем фильтр: Filter- > Pixelate-> Color Halftone. Выставляем angles по 45, Max radius 7.

13. Нажимаем Select-> Color range выбираем пипеткой черный цвет и выставляем Fuzziness максимальный.

14. Выбираем Layer -> New Fill Layer-> Color. Выбираем красный. Нажимаем правой кнопкой мыши по этому слою, выбираем Duplicate Layer . Здесь выбираем наш документ, где мы рисовали контур, у меня он называется «Комикс».

15. Теперь распределяем слои как на рисунке. Наши красные кружки должны быть поверх слоя с белой заливкой лица. Нажмите Layer-> Create Clipping Mask . Теперь текстура распределилась только в этой области.

16. Повторяем все тоже самое только теперь уже с остальными частями тела. Слой с текстурой кружков дублируем, там где нужно. У вас должны получиться примерно следующее.

17. Остались последние штрихи. Добавить блеск губам и глазам, нарисовать фон, облачко с надписью и можно с чувством выполненного долга идти пить пиво.

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

Шаг 1.
Для этого урока желательно воспользоваться фотографией большого размера. Поскольку эффекты, которые мы будем применять к ней, лучше ложатся на крупные объекты. Оригинальные размеры этой фотографии 2160х1440 пикс.

Шаг 2.
Делаем дубликат слоя. Назовем его Soften.

Шаг 3.
Слегка размоем изображение, оставляя четкие края. Воспользуемся «Фильтр» (Filter) > «Размытие» (Blur) > «Размытие по поверхности» (Surface Blur) со значениями как на рисунке ниже.

Шаг 4.
Делаем дубликат слоя Soften. Назовем его Desaturate. Обесцветим его, нажав комбинацию клавиш Ctrl-Shift-U.

Шаг 5.
Создаем новый слой. Называем Halftone. Вызываем палитру «Каналы» через верхнее меню «Окно» (Window) > «Каналы» (Chanels). Удерживая Ctrl, прощелкиваем каждый слой в палитре «Каналы», чтобы получить выделение.

Шаг 6.
Возвращаемся на слой «Halftone». Инвертируем выделение, нажав сочетание клавиш Ctrl-Shift-I. Теперь нажмем клавишу D, чтобы установить цвет переднего фона черный. И нажимаем сочетание клавиш Alt + Backspace. Выделенная часть изображения стала более темным. Снимаем выделение.

Шаг 7.
Пока отключим слои Soften и Desaturate.

Шаг 8.
Переходим на слой Soften. Воспользуемся «Фильтр» (Filter) > «Имитация» (Artistic) > «Аппликация» (Cutout) со значениями как на рисунке ниже.

Шаг 9.
Создаем дубликат слоя Soften и меняем режим наложения на «Мягкий свет» (Soften light).

Шаг 10.
Включаем слой Desaturate и переходим на него.

Шаг 11.
Выбираем «Фильтр» (Filter) > «Имитация» (Artistic) > «Очерченые края» (Poster Edges) со значениями как на рисунке ниже.

Шаг 12.
Меняем режим наложения слоя Desaturate на «Точечный свет» (Pin light).

Шаг 13.
Включаем слой Halftone и переходим на него. Удерживая Ctrl, щелкаем по слою, чтобы появилось выделение.

Шаг 14.
Нажимаем на иконку «Создать слой-маску» (Create Layer Mask) внизу палитры слоев.

Шаг 15.
Выбираем «Фильтр» (Filter) > «Оформление» (Pixelate) > «Цветные полутона» (Color Halftone) со значениями как на рисунке ниже.

Шаг 16.
Меняем режим наложения слоя на «Мягкий свет» (Soften light).

Шаг 17.
Внизу палитры слоев выбираем иконку «Создать новый корректирующий слой-заливку» (Create New Fill or Adjustment Layer), потом выбираем пункт «Кривые» (Curves). В открывшемся диалоговом окошке сдвигаем линию как на рисунке ниже.

Шаг 18.

Шаг 19.
Теперь с помощью стиля слоя сделаем черную обводку для картинки. Создадим новый слой Outline. Нажав Alt+Backspace зальем его черным цветом. Открываем стиль слоя, два раза щелкнув по слою, и создаем обводку, со значениями, как на рисунке ниже. Теперь, находясь на слое, ставим параметр «Заливка» (Fill opacity) на 0%, чтобы убрать цвет и оставить только обводку.

Шаг 20.
Так выглядит результат и палитра слоев.

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

Кликните по картинке для увеличения.

Всем желаю здравствовать!

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

Текстовый вариант урока «Обработка фото в стиле комиксов».
Шаг 1 Открываем фотографию в Фотошопе и делаем копию: изображение – создать дубликат – ок. Основное фото закрываем и дальше работаем с копией. Таким образом, ваша основная фотография останется в необработанном виде (возможно, она вам нравится и так, или вы будете еще как-то ее обрабатывать).
Шаг2. Работаем с копией. Делаем копию слоя: Ctrl + J. Стоя на верхнем слое, заходим: режим наложения слоев – осветление основы. (см. картинку1).
Шаг 3 . Изображение – коррекция – инверсия.
Шаг 4 . Фильтр – размытие – размытие по Гауссу. Подбираем размытие такое, чтобы контуры были хорошо видны, а цвета было как можно меньше.
Шаг 5 . Внизу палитры слоев находим ч-б кружок – создать новый корректирующий слой – изогелия . (картинка2). Двигаем ползунок вправо так, чтобы контуры ярче проявились, но не появилось много лишней грязи – мелких линий – особенно на лице.
Шаг 6 . Раскрашивание. Создаем новый пустой слой – внизу палитры слоев значок «новый слой». В режиме наложения слоев выбираем Умножение . Выбираем цвет. См. картинку 3. Основной цвет – выбранный вами, фоновый цвет – белый. Можно брать и другой фоновый цвет, попробуйте, что получится! Раскрашиваем кожу инструментом «кисть». Кисть берем жесткую или почти жесткую. Имейте в виду, что в результате цвет получается немного светлее того, что вы выбрали (если фоновый цвет – белый). Глаза не закрашиваем, зубы, если видны – тоже. На черные линии – контуры бровей, носа и т.д. заходить можно. Стоя на слое с кожей, заходим: фильтр – галерея фильтров – эскиз – полутоновый узор . Настраиваем размер, контрастность, выбрав тип узора: точку, линию или круг. Попробуйте с разными типами и выберите, что больше понравится. Нажимаем ок.
Шаг 7. Так же раскрашиваем остальное: волосы, одежду, фон и т.д., создавая каждый раз новый слой для нового цвета. Все! Наш рисунок ""готов! Удачи вам в творчестве!

Кликаем по картинкам для увеличения.

Микс-кисть 3d. Рисуем змею и не только.

Микс-кисть 3d. Рисуем змею и не только. Всем привет! Есть такой интересный инструмент в Фотошопе - микс- кисть. У нее множество разных возможностей...

Открытка к празднику.

Открытка к празднику. Здравствуйте, дорогие подписчики и гости сайта Мой любимый Фотошоп! Сегодня у нас разговор о том, как самому сделать открытку...

Красивый эффект для фото.

Откройте изображение Школьницы.

Шаг 2

Дублируйте слой с девушкой и измените дубликату Brightness/Contrast. Настройте параметры так, чтобы результат был таким, как показано на рисунке:

Шаг 3

Дублируйте предыдущий слой и обесцветьте его Image ? Adjustments ? Desaturate:

Шаг 4

Дублируйте обесцвеченный слой и войдите в меню: Filter ? Sketch ? Stamp Filter. Перед этим в качестве цвета переднего плана установите черный цвет, а в качестве цвета заднего плана - белый. Режим наложения для этого слоя Color Burn, 100%:

Шаг 5

Снова создайте копию обесцвеченного слоя и примените к нему фильтр Graphic Pen Filter. Этот фильтр состоит из трех параметров: the Stroke Lenght, the Light/Dark Balance и the Stroke Direction. Примените этот фильтр два раза с различными настройками, как показано на изображении. Затем для этого слоя измените режим наложения на Darken.

Шаг 6

Дублируйте оригинальный слой с девушкой и примените к нему фильтр Graphic Pen Filter с другими настройками. Измените режим наложения для этого слоя на Darken 100%:

Шаг 7

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

Шаг 8

Снова дублируйте оригинальный слой с девушкой и примените к нему Photocopy Filter из категории фильтров Sketch . Режим наложения для этого слоя измените на Color Burn 100%.

Шаг 9

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

Шаг 10

Мы уже применили несколько фильтров и теперь на очереди фильтр Halftone Pattern. Создайте новый слой поверх остальных слоев и заполните его белым цветом. К этому слою примените фильтр Halftone Pattern, тип фильтра Pattern Type Circle. Измените режим наложения этого слоя на Color Burn 100%.

Шаг 11

При желании, Вы можете добавить к изображению кисти "Лучи". Рисуйте кистью на новом слое, цвет кисти - белый, а после рисования примените к ней фильтр Halftone Pattern с теми же настройками, что и в предыдущем шаге. Центр кисти "Лучи" должен находиться в центре изображения. Для слоя с кистью "лучи" измените режим наложения на Linear Light 55%.

Шаг 12

К слою с кистями "Лучи" добавьте слой-маску, и на слой-маске мягкой круглой кистью черного цвета сотрите кисть "Лучи", сделав видимой девушку. Таким образом, девушка появится на переднем плане, а за ней будет находиться рисунок кисти. То же самое проделайте со слоем, к которому применяли фильтр Halftone Pattern Layer(circle pattern).

Шаг 13

Создайте новый слой поверх всех существующих слоев и назовите его Color Layer. При помощи инструмента Brush Tool добавьте цвет там, где Вы его хотите видеть. Рисуйте на отдельных слоях, изменяя им режим наложения на Multiply или Overlay с различными параметрами непрозрачности:

Шаг 14

В финале этого урока завершим эффект комикса добавлением текста, который будет оформлен в стиле привычного нам комикса. Загрузите шрифт Comic Book Font и напишите им слово "Bang". Этим же шрифтом добавьте дату в нижней левой части изображения. При желании, можете добавить к иллюстрации кисти в стиле комикс. Для придания винтажности иллюстрации, вопользуйтесь текстурой старой бумаги. Для слоя с бумагой измените режим наложения на Multiply 60%. Можно также добавить кисти Пятна.

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

Многим из вас покажется, что для получения подобного результата достаточно использовать один фильтр, например Волшебный Карандаш (Graphic Pen Filter) либо Полутоновый Узор (Halftone Pattern Filter). Но я уверен, что для качественного итога этого будет мало.

Для того чтобы украсить фото после обработки, мы так же будем использовать тематический шрифт Comic Font, текстуру старой бумаги и различные кисти.
Прежде чем написать данный урок я прочитал другие подобные пособия. Вы так же можете ознакомиться с этими .
Вот что получится в результате данного урока.

Материалы для урока:

Откройте в новом файле Photoshop изображение Школьница.
Помимо того, что это действительно качественная фотография, этот образ имеет все элементы стиля комикс: крутой персонаж, движение и хороший баланс между элементами фокуса и фона.
Так что возьмите себе на заметку, для данного урока подойдут не все фотографии, уделите время поиску интересных персонажей!

Дублируйте слой с девушкой. Примените к дубликату коррекцию Яркость\ Контрастность (Brightness/Contrast). Вы должны будете добавить эту корректировку дважды. Настройки указаны ниже на примере.

Сделайте копию предыдущего слоя, обесцветьте его. Для этого перейдите к Изображение - Коррекция - Обесцветить (Image - Adjustments - Desaturate). Назовите этот слой "Черно-белый".

Сделайте дубликат обесцвеченного слоя. Установите цвета переднего и фонового плана по умолчанию (черный и белый). Перейдите к Фильтр - Эскиз - Тушь (Filter - Sketch - Stamp).

Примечание переводчика: исходя из скриншота, автор использовал не фильтр "Тушь", а фильтр "Линогравюра".
Установите настройки приведенные на рисунке. Затем измените режим наложения (вlending мode) данного слоя на Затемнение основы (Color Burn).

Создайте дубликат последнего слоя. Перейдите к (Filter - Sketch - Halftone Pattern). Настройки указаны ниже. Режим наложения данного слоя так же должен быть Затемнение основы (Color Burn).

Дублируйте слой "Черно-белый". Перейдите к Фильтр - Эскиз - Волшебный карандаш (Filter - Sketch - Graphic Pen).

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

Этот Photoshop фильтр имеет три положения: Длина штриха (Stroke Lenght), Тоновый баланс (Light/Dark Balance) и Направление штрихов (Stroke Direction). На изображении ниже вы видите какие значения я применил для этих параметров. Режим наложения (вlending мode) для слоя установите Замена темным (Darken).

Теперь сделайте копию слоя-оригинала с девушкой. Перейдите к фильтру Волшебный карандаш (Graphic Pen) и воспользуйтесь указанными настройками. Режим наложения (вlending мode) установите Замена темным (Darken).

После применения всех этих фильтров наше изображение должно выглядеть следующим образом:

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

Дублируйте оригинальный слой с девушкой. Перейдите к Фильтр - Эскиз - Ксерокопия (Filter - Sketch - Photocopy). Установите для этого слоя режим наложения (вlending мode) Затемнение основы (Color Burn).

Возможно вам покажется, что фильтров слишком много, но каждый из них вносит свои дополнения и коррективы, к примеру последний фильтр проявил контур девушки, что сделало изображение еще больше похожим на рисунок.
Вы можете добавить либо откорректировать полученный контур на слое "Ксерокопия". Для этого активируйте инструмент Кисть (Brush tool), цвет переднего плана установите на черный, тип кисти - круглая жесткая, размер кисти 5 пикс.. Прорисуйте линии где считаете необходимым.

Подойдя к данному шагу, мы использовали уже очень много фильтров из палитры Эскиз (Sketch). Вы спросите: какой же из них будет следующим? И я отвечу - Полутоновый узор (Halftone Pattern), но послужит он немного иначе чем ранее.
Итак, создайте новый слой поверх всех остальных слоев и залейте его белым цветом. Перейдите к Фильтр - Эскиз - Полутоновый узор (Filter - Sketch - Halftone Pattern). Тип узора выберите "Круг " (Pattern Type: Circle). После применения фильтра установите режим наложения для этого слоя Затемнение основы (Color Burn).

Разнообразим нашу работу добавив кисти Лучи. Скачайте набор кистей и установите его. Затем создайте новый слой (поверх предыдущих) и воспользуйтесь на нем понравившейся вам кистью, цвет лучей - белый. Примените к лучам фильтр Полутоновый узор (Halftone Pattern) с прежними настройками. Установите режим наложения слоя с лучами Линейный свет (Linear Light), непрозрачность (opacity) понизьте до 50%.

Добавьте к слою с лучами Маску слоя (Layer Mask), нажав на иконку "Добавить слой-маску" в нижней части панели слоев. Нажмите на миниатюру слой-маски и прорисуйте на ней силуэт девушки мягкой черной кистью.

Примечание переводчика: вы можете воспользоваться векторной маской и для слоя с тонкими кругами.

Добавим цвет.
Создайте новый слой поверх всех предыдущих. Назовите его "Цвет". Теперь активируйте инструмент Кисть (Brush tool). Определитесь в каких участках картинки вы хотите добавить цветные акценты, это индивидуально и зависит только от вас. Если вы используете несколько цветов, то нужно добавлять каждый цвет на отдельном слое. Для своих разноцветных слоев я использовал режимы наложения Умножение (Multiply) и Перекрытие (Overlay). Так же поэкспериментируйте с непрозрачностью (opacity) данных слоев.

Какой же комикс без надписей? В этом шаге мы добавим текст в нашу работу, используя шрифт Comic Book Font.
В своей работе я написал слово "Bang" и добавил дату в нижней левой части изображения.
Вы можете найти в интернете и другие похожие шрифты, либо оформить надпись по собственному вкусу. Так же вы можете применить одну из этих тематических Кистей.

Примечание переводчика: для того, что бы добавить надпись, создайте новый слой, активируйте инструмент "Горизонтальный текст" и напишите текст вашей выноски.

Создайте новый слой. Активируйте инструмент Заливка (Paint Bucket Tool) и заполните слой белым цветом.
Перейдите к параметрам Стиль слоя (Layer Style). Установите значение параметра заливка (fill) для слоя на 0%.
Выберите в меню Обводка (Stroke); положение обводки - внутри; размер - 10пикс. цвет - белый.
Затем перейдите к настройкам Внутреннее свечение (Inner Glow); режим наложения - нормальный (normal) (100%); цвет - черный; размер (size) - 15 пикс.; диапазон (range) - 1%.

Остался финальный шаг. Откройте изображение Старая бумага и добавьте его в свою работу на новый слой. Установите режим наложения слоя с текстурой бумаги - Умножение (Multiply), а непрозрачность понизьте до 60%.
Для того, что бы получить более интересный результат, вы можете добавить Пятна, больше надписей или цветов.
Вот и все, надеюсь, вам понравилось выполнять этот урок!