Обработка в стиле комикса. Создаём эффект комикса на фото в Фотошоп
Всем привет, сегодня мы будем создавать комикс в фотошоп е. Для начала нужно найти фотографию или картинку интересного персонажа, желательно хорошо освещённого и находящегося на однотонном фоне. Я взял изображение робота:
Такой комикс получится в результате:
В этом уроке фотошопа мы будем много работать с фильтрами. А теперь давайте начинать 🙂
1. Откройте ваше изображение и клонируйте его Ctrl+J). Пройдите в Image (Изображение) -> Adjustment (Коррекция) -> Brightness/Contrast (Яркость/Контраст) и установите такие настройки
Теперь ещё раз тоже самое, но уже с другими параметрами:
Сейчас изображение должно выглядеть примерно так:
Обратите внимание, что если вы используете другое изображение, то и настройки будут иные. В любом случае картинка должна быть достаточно контрастна. 2. Скопируйте слой (Ctrl+J) и обесцветье изображение (Shift+Ctrl+U):
3. Сделайте ещё одну копию слоя (Ctrl+J), убедитесь что цвета установлены по умолчанию (в противном случае нажмите D) и примените Filter (Фильтр) -> Sketch (Набросок) -> Stamp (Штамп):
Картинка стала слегка похожа на комикс:
4. Создайте ещё одну копию (Ctrl+J) и примените Filter -> Sketch -> Halftone Pattern (Узор полутонов) с такими настройками:
Это ещё сильнее увеличит сходство со стилем комиксов. Установите для слоёв, к которым мы только что применяли фильтры из раздела набросков режимы смешивания Color Burn (Затемнение цвета).
Подробнее о режимах смешивания читайте в уроке « «
5. Скопируйте чёрно-белый слой, к которому мы не применяли фильтров и перейдите в Filter -> Sketch -> Graphic Pen (Графический карандаш):
Режим смешивания Darken (Темнее). Повторите тоже самое, но уже с другими настройками:
Надеюсь, вы не запутались. На всякий случай взгляните на то, как сейчас должна выглядеть панель слоёв. Я назвал каждый слой по названию фильтров и настроек, которые к нему применялись:
6. Скопируйте слой black&white и примените к нему Filter -> Sketch -> Photocopy (Ксерокопия):
Режим смешивания — Color Burn. Это добавит комиксу в фотошопе деталей:
Раскрашиваем комикс в фотошопе
7. Пришло время поработать с цветами. Создайте новый слой поверх всех, установите для него режим смешивания Multiply (Умножение)
А теперь просто возьмите кисть нужного цвета и раскрасьте нужные участки комикса:
Создаём фон
8. Давайте займёмся фоном для нашего комикса. Создайте новый слой, Fill (заполнение) установите на 0%, перейдите в стиль слоя, дважды щёлкнув по нему и установите такие настройки для Inner Glow (Внутреннее свечение) и Stroke (Обводка):
9. Возьмите , и поместите её выше всех слоёв, режим смешивания Multiply (Умножение), непрозрачность (Opactity) 60%:
Диалог в комиксе
10. Остался последний штрих — создание диалога. С помощью Pen Tool (Перо) и Ellipse Tool (Эллипс) создайте фигуру для диалога:
Подробнее про Pen Tool читайте в уроке фотошопа « «
Затем подберите шрифт (я использовал стандартный Hobo Std) и произведите такие настройки в стиле слоя:
Для формы диалога также установите обводку толщиной в несколько пикселей.
Вот и всё! готов. Надеюсь, этот урок фотошопа вам понравился. Помните: если у вас есть вопросы, не стесняйтесь, задавайте их в комментариях. Я всегда готов на них ответить. А сейчас я желаю вам побольше времени для творчества и прощаюсь до новых встреч.
В этом уроке мы будем превращать фотографию в комикс в 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/Обводка .
Результат
Перевод — Дежурка
Компания Мир фотообоев photooboi.com.ua изготавливает современные высококачественные фотообои на заказ .
Основные преимущества таких фотообоев:
- изготавливаются по индивидуальным размерам клиента
- огромный каталог сюжетов изображений
- фотообои изготавливаются в рулонах как обычные обои
- клеятся методом стык-в-встык также как как обычные обои
- фотообои имеют фактуру, большой выбор которых также представлен у нас на сайте.
Также Мир фотообоев предоставляет своим клиентам бесплатно услуги дизайнера:
- создание индивидуального сюжета
- цветокоррекция выбранного изображения
- визуализация фотообоев в интерьере клиента
Многим из вас покажется, что для получения подобного результата достаточно использовать один фильтр, например Волшебный Карандаш (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%.
Для того, что бы получить более интересный результат, вы можете добавить , больше надписей или цветов.
Вот и все, надеюсь, вам понравилось выполнять этот урок!
Хотите внести разнообразия в свой фотоальбом? Например, можно быстро и просто создать эффект старых комиксов. В этом уроке мы расскажем как это сделать при помощи некоторых фильтров.
Откройте в фотошопе фотографию, которую хотите обработать. Добавим ей контрастности: IMAGE > ADJUSTMENTS > LEVELS. Для этой фотографии были применены следующие параметры: 60 / 1.00 / 220. Выберите подходящие для вашего изображения.
На этом этапе обработки мы будем добавиться эффекта старой бумаги, что необходимо для достижения нужного результата. Откройте FILTERS > ARTISTIC > FILM GRAIN. Для этого примера мы используем: GRAIN: 4, HIGHLIGHT AREA: 0, INTENSITY: 10.
Сделайте копию этого слоя (назовем его Halftone).
Мы уже получили отличный эффект комикса. Но чтобы сделать все как в комиксах, нужно еще поработать. Будем работать со слоем HALFTONE: выберите WIDTH: 20px, POSITION: Inside и COLOR: #F5ECE1.
Создайте новый слой и нарисуйте на нем небольшой прямоугольник в верхнем левом углу изображения. Закрасьте его оранжевым цветом. Желто-оранжевый градиент будет смотреться еще лучше. Нарисуйте еще один прямоугольник чуть побольше в нижнем правом углу. Закрасьте его белым. У вас должно получиться примерно следующее:
Давайте выделим границы изображения. Накладываем новый пустой слой на тот, в котором у нас 2 прямоугольника. В TOOLS PALETTE выбираем RECTANGLE SELECTION TOOL. И рисуем границы изображения.
Идем в EDIT > STROKE: WIDTH: 4px, COLOR: BLACK, LOCATION CENTER и нажимаем ОК.
Переходим в FILTER > BLUR > BLUR MORE. Добавляем небольшое искажение в FILTER > DISTORT > RIPPLE (Amount: 20%, Size: Medium) и придаем резкости тому, что получилось FILTER > SHARPEN MORE. Теперь у вас получились нарисованные карандашом границы изображения.
Откройте изображение Школьницы.
Шаг 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%. Можно также добавить кисти Пятна.
