Всё для фотошопа - Комикс из фотографий. Создаём эффект комикса в Фотошоп Как сделать фотографию в стиле комикса

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

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

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

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

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



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

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

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

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

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

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

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

Наша работа будет поделена на два больших этапа – подготовка и непосредственно прорисовка. Кроме того, сегодня Вы научитесь правильно использовать возможности, которые предоставляет нам программа.

Подготовка

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

На уроке поработаем вот с такой картинкой:

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

  1. Делаем копию исходной картинки, используя горячие клавиши CTRL+J .

  2. Меняем режим наложения для копии на «Осветление основы» .

  3. Теперь необходимо инвертировать цвета на данном слое. Делается это горячими клавишами CTRL+I .

    Именно на этом этапе проявляются недостатки. Те участки, которые остались видимыми, это наши тени. В этих местах нет деталей, и впоследствии здесь получится «каша» на нашем комиксе. Это мы увидим чуть позже.

  4. Полученный инвертированный слой необходимо размыть по Гауссу .

    Фильтр нужно настроить таким образом, чтобы четкими остались только контуры, а цвета остались максимально приглушенными.

  5. Применяем корректирующий слой под названием «Изогелия» .

    В окне настроек слоя, используя ползунок, максимально проявляем контуры персонажа комикса, при этом избегая появления нежелательных шумов. За эталон можно взять лицо. Если у Вас фон не однотонный, то на него (фон) внимания не обращаем.

  6. Появившиеся шумы можно удалить. Делается это обычным ластиком на самом нижнем, исходном слое.

Таким же способом можно удалить и фоновые объекты.

Палитра

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

В нашем случае это:

  1. Кожа;
  2. Джинсы;
  3. Майка;
  4. Волосы;
  5. Амуниция, ремень, оружие.

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

Для каждой зоны определяем свой цвет. На уроке мы будем пользоваться такими:

  1. Кожа — d99056 ;
  2. Джинсы — 004f8b ;
  3. Майка — fef0ba ;
  4. Волосы – 693900 ;
  5. Амуниция, ремень, оружие – 695200 . Обратите внимание, что этот цвет не является черным, это особенность метода, который мы сейчас изучаем.

Цвета желательно выбирать как можно более насыщенные – после обработки они значительно потускнеют.

Готовим образцы. Этот шаг не является обязательным (для дилетанта), но такая подготовка в дальнейшем облегчит работу. На вопрос «Как?» ответим чуть ниже.

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

Дизайнеры часто пользуются такими палитрами для сохранения цветовой схемы проекта.

Настройка инструментов

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

Раскрашивание комикса

Итак, всю подготовительную работу по созданию комикса в Фотошопе мы завершили, теперь пора, наконец, его раскрасить. Работа эта исключительно интересна и увлекательна.

Эффекты

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

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

1. Жмем правой кнопкой мыши по слою и выбираем пункт «Преобразовать в смарт-объект» .

Совершаем те же действия со всеми слоями.

2. Выбираем слой с кожей и настраиваем основной цвет, который должен быть таким же, как и на слое.

3. Идем в меню Фотошопа «Фильтр – Эскиз» и ищем там «Полутоновый узор» .

4. В настройках выбираем тип узора «Точка» , размер выставляем минимальный, контраст поднимаем примерно до 20 .

Результат таких настроек:

5. Эффект, созданный фильтром, необходимо смягчить. Для этого размоем смарт-объект по Гауссу .

6. Повторяем эффект на амуниции. Не забываем про настройку основного цвета.

7. Для эффективного применения фильтров на волосах, необходимо снизить значение контрастности до 1 .

8. Переходим к одежде персонажа комикса. Фильтры применяем такие же, но тип узора выбираем «Линия» . Контрастность подбираем индивидуально.

Накладываем эффект на майку и джинсы.

9. Переходим к фону комикса. При помощи все того же фильтра «Полутоновый узор» и размытия по Гауссу, делаем такой эффект (тип узора – круг):

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

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

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

Шаг 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%. Можно также добавить кисти Пятна.

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

Create Your Own Comic от Marvel

Marvel Comics или Marvel Worldwide Inc. – американский издатель комиксов и связанных с ними медиа. Если существует компания, которая точно знает, что необходимо для создания грандиозного комикса, то это Marvel.

Этот крутой сайт весьма прост в использовании. Вы можете применить различные сцены, задействовать персонажей и объекты из вселенной комиксов Marvel, чтобы создать свои собственные истории онлайн.

Bitstrips

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

MakeBeliefsComix.Com

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

ToonDoo

ToonDoo даёт вашей фантазии больше свободы. Хотя здесь предусмотрен стандартный набор символов и вариантов фона, сервис позволяет вам создавать свои собственные обои и даже свободно рисовать некоторые объекты. Кроме того, вы можете использовать в комиксах свои фотографии и манипулировать ими как вам угодно.

Comic Master

Comic Master – флэш-сайт, в котором легко ориентироваться. С помощью этого сервиса, вы можете создавать собственных героев и оригинальные сюжеты для них. Здесь вас ждёт простой пошаговый процесс, который начинается с создания макета и заканчивается удивительным завершённым комиксом.

Chogger

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

Pixton

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

Strip Generator

Strip Generator на самом деле даёт вам не так много пространства для проявления собственного стиля – вы можете использовать лишь существующие значки и шаблоны. Тем не менее, выбор представлен многими вариантами. Чтобы сделать комикс, подберите себе кадр и перетащите к нему символы и объекты.

Write Comics

Write Comics – ещё один простой сайт для создания комиксов и историй. Вам не нужно регистрироваться или заполнять различные формы. Выберите фон в меню, персонажа и пузыри для речи. Так просто у вас появляется собственный комикс.

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

Шаг 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» из стандартного набора «Произвольная фигура» и сделать надпись любым комическим шрифтом.