Эффекты комиксов. Превращаем фотографию в комикс в Adobe Photoshop

В этом уроке мы будем превращать фотографию в рисунок с эффектом комикса.

Финальное изображение

Создайте новый документ 800 х 1000 рх, разрешение 72 dpi, цвет белый.
Затем откройте изображение модели и перенесите в работу. Выберите инструмент Quick Selection Tool (W) (Быстрое выделение) и выделите белый фон.

Примечание переводчика: откорректируйте выделение, в частности рукав - в режиме Быстрой маски.

Далее инвертируйте выделение, пройдя в меню Select > Inverse (Shift+Ctrl+I) (Выделение - Инверсия). Затем перейдите в меню Select > Refine Edge (Alt+Ctrl+R) (Выделение - Уточнить край).

Инструментом Refine Radius Tool (Уточнить край) поводите по контуру волос. Если это необходимо - пройдитесь инструментом несколько раз.

И вот результат.

Выберите фоновый слой и добавьте слой - заливку Градиентная заливка. Для этого пройдите в меню Layer > NewFillLayer > Gradient (Слои - Новый слой - заливка - Градиент).

Создайте новый слой (Ctrl+Shift+N). Используя Кисти Лучи света, нарисуйте лучи красного цвета.

Выделите все слои в панели слоёв и объедините в один (Ctrl+E).

Дублируйте полученный слой (Ctrl+J).Отключите видимость дубликата, нажав на глазик, и выберите нижний слой.

Затем перейдите в меню Filter > Filter Gallery > Artistic > Poster Edges (Фильтр - Галерея фильтров - Имитация - Очерченные края).

Щёлкните два раза по слою, чтобы открыть окно параметров наложения. Добавьте следующие стили слоя.

Создайте новый слой (Ctrl+Shift+N). Выберите инструмент Brush Tool (B) (Кисть) диаметр 6 рх цвет белый и нарисуйте блики на глазах.

Добавьте корректирующий слой Vibrance (Вибрация).

Перейдите на дубликат слоя и включите видимость, нажав на глазик.

Затем пройдите в меню Filter > Pixelate > Color Halftone (Фильтр - Оформление - Цветные полутона).

Измените режим наложения этого слоя на Soft Light (Мягкий свет).

Теперь нам нужно добавить всплывающее окно для диалога. Для этого выберите инструмент Custom Shape Tool (U) (Произвольная фигура) и нарисуйте фигуру. Поверните немного фигуру (Ctrl+T).

В этом уроке мы будем создавать страничку из журнала комиксов, используя обычное фото. Для достижения желаемого результата нам помогут фильтры программы 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%.
Для того, что бы получить более интересный результат, вы можете добавить Пятна, больше надписей или цветов.
Вот и все, надеюсь, вам понравилось выполнять этот урок!

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

Результат

Исходники

Для выполнения этого урока вам понадобятся следующие файлы:

  • Шрифт BD Cartoon Shout

1. Рисуем фон

Шаг 1

Создайте новый документ размером 850 by 645 px . Вы, конечно, можете выбрать и любой другой размер, но тогда остальные параметры в уроке также настраивайте под нужное вам разрешение.

Sunburst Background . Возьмите инструмент Gradient/Градиент (G) и выберите переход цвета от #777777 к #c5c5c5 .

Шаг 2

Удерживая Shift, растяните градиент вертикально сверху вниз.

Шаг 3

В меню выберите Filter > Distort > Wave/Фильтр>Искажение>Волна и укажите следующие параметры.

Шаг 4

Убедитесь что первая линия у вас светло-серая, а последняя — темно-серая. Если это не так, нажмите Control-T и исправьте это.

Шаг 5

Теперь в меню выберите Image > Trim/Изображение>Тримминг . Этот шаг важен, без него не будет работать следующий этап.

Шаг 6

В меню выберите Filter > Distort > Polar Coordinates/Фильтр>Искажение>Полярные координаты .

Шаг 7

В меню выберите Layer > New Adjustment Layer > Gradient Map/Слой>Новый корректирующий слой>Карта градиента . Выберите любые цвета на свой вкус. В нашем случае это #003876 и #00b5e9 .

2. Вырезаем пару с фона

Шаг 1

В новый слой добавьте фотографию пары и выделите фон при помощи инструмента Lasso/Лассо. Сделайте грубое выделение.

Шаг 2

Нажмите Shift-Control-I чтобы инвертировать выделение. Нажмите Delete чтобы удалить фон.

3. Добавляем контраста фотографии

Шаг 1

Добавьте корректирующий слой Brightness/Contrast/Яркость/Контраст.

Настройте параметры как показано ниже, и кликните по третьей кнопке внизу, чтобы указать слою режим Clipping Mask/Обтравочной маски .

Шаг 2

Добавьте еще один корректирующий слой Brightness/Contrast/Яркость/Контраст и также сделайте его обтравочной маской.

Шаг 3

Кликните по маске последнего корректирующего слоя и нажмите Control-I чтобы инвертировать цвета.

Инструментом Brush/Кисть белого цвета (выберите круглую растушеванную кисть) добавьте контраста в некоторых областях на фото.

Вот как примерно должна выглядеть маска.

4. Добавляем сочности цветам

В меню выберите Layer > New Adjustment Layer > Vibrance/Слой>Новый корректирующий слой>Сочность. Настройте параметры как показано ниже и сделайте слой обтравочной маской.

5. Применяем фильтр

Шаг 1

Нажмите Control-J чтобы сделать копию слоя с парой. Назовите слой Comics Effect .

В меню выберите Filters > Artistic > Poster Edges/Фильтр>Имитация>Очерченные края . Укажите следующие параметры.

Шаг 2

Кликните дважды по слою, чтобы открыть окно стилей слоя и выберите стиль Stroke/Обводка .

Шаг 3

Создайте новый слой и назовите его Color . Кликните по нему правой кнопкой и выберите Create Clipping Mask/Создать обтравочную маску . Укажите слою режим наложения Color Dodge/Осветление основы .

Инструментом Brush/Кисть рисуйте поверх майки девушки цветом #9a60c3 . Сделайте то же поверх майки парня при помощи цвета #e06f00 .

6. Фильтр фотокопия

Шаг 1

Нажмите Control-J чтобы сделать еще одну копию слоя с парой. Поместите копию над слоем Comics Effect . Назовите слой Outline Effect . Укажите ему режим наложения Multiply/Умножение .

Выберите в качестве основного цвета #000000 и в качестве фонового — #ffffff .

В меню выберите Filters > Sketch > Photocopy/Фильтр >Эскиз>Ксерокопия и укажите следующие параметры:

Шаг 2

В меню выберите Filter > Stylize > Diffuse/Фильтр>Стилизация > Диффузия. Если получится слишком много линий, используйте инструмент Eraser/Ластик , чтобы стереть часть.

7. Создаем зернистую текстуру

Шаг 1

Создайте новый слой и назовите его Halftone Texture. Залейте слой цветом #ffffff . В меню выберите Filter > Noise > Add Noise/Фильтр>Шум>Добавить шум .

Шаг 2

В меню выберите Filter > Pixelate > Color Halftone/Фильтр>Оформление > Цветные полутона и укажите параметры как показано ниже.

Шаг 3

Укажите слою Halftone Texture режим наложения Multiply/Умножение , на opacity/непрозрачности в 66% .

Шаг 4

Добавляем слой Brightness/Contrast / Яркость/Контраст. При желании также можно добавить корректирующий слой Vibrance/Сочность .

8. Рисуем диалоговые облака

Шаг 1

При помощи инструмента Ellipse/Эллипс создайте облака диалогов в новом слое и укажите им заливку белого цвета.

Шаг 2

Инструментом Pen/Перо дорисуйте треугольник.

Шаг 3

Укажите диалоговым облакам стиль слоя Stroke/Обводка .

Шаг 4

Добавляем текст, используя шрифт BD Cartoon Shout .

Шаг 5

Добавляем дополнительные объекты при желании.

9. Создаем гранж-эффект

Добавьте в новый слой текстуру старой бумаги и укажите этому слою режим наложения Overlay/Перекрытие .

Добавьте корректирующий слой Levels/Уровни в режиме обтравочной маски.

10. Добавлям рамку

Нажмите Shift-Control-Alt-E чтобы создать копию, объединяющую все слои. Укажите этому слою стиль Stroke/Обводка .

Результат

Перевод — Дежурка

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

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

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

Подготовка

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

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

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

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

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

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

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

Сервис также предоставляет много других возможностей. Здесь можно создать не только реалистичные варианты мимики лица , такие как подмигивание, милая улыбка, хитрое прищуривание, искреннее удивление или грустное опускание уголков губ, но и множество пародийных эффектов . Помимо этого, к каждой карикатуре можно применить мультяшный эффект . Пародийные эффекты напоминают создание шаржа по фото, или фото карикатуры: так же весело, но несравненно проще и быстрее. Загрузите свое портретное фото (или фото друга;)) и превратитесь в пришельца, толстяка, человека-лампочку или тролля!

Анимация лица – это неповторимый анимированный аватар!

Вы когда-нибудь задумывались о своем аватаре? Является ли он индивидуальным? Отражает ли именно вашу личность? Верный способ сделать аватар «своим» - поставить на него собственное лицо. Но просто вырезать лицо из фото может каждый, это скучно. Мегаоригинально изменить лицо можно на сайт. Ваша аватарка может стать либо анимированной, либо статической (для тех сайтов и социальных сетей, что запрещают анимацию). Улыбайтесь друзьям, подмигивайте им или стройте рожицы. Они оценят ваш новый аватар по достоинству!

Эффекты для фото и онлайн фотоприколы: технология изготовления

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

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