Как создать комикс из фотографий. Создаём Стиль Графической Новеллы в Photoshop

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

Урок длинный,так что понадобится желание и терпение.

Открыть фото города, как это. На оригинале шоссе в Австралии.

Дублируйте фоновый слой, затем переименуйте этот слой в “оригинал”. С помощью инструмента “Волшебная палочка”(Magic Wand)выделите небо и нажмите Ctrl + J, чтобы скопировать выделенную область в новый слой. Назовите этот новый слой “Небо”.

Теперь выберите слой оригинала и примените Фильтр-Имитация-Очерченные края(Poster Edges).Настройки применяйте как хотите.

Затем выберите слой Original и примените Фильтр-Имитация-Очерченные края с настройками 10-10-6

Слой “Небо”находится над слоем Original, таким образом оригинальный слой имеет эффект фильтра.

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

Я вставил это на новый слой, исказил его Редактирование-Трансформирование-Искажение(Edit-Transform-Distort) Это чтобы правильно соответствовать в перспективе фотографии.

Удалить все ненужные части с помощью инструмента Ластик -Eraser (E).

Выберите Фильтр-Имитация-Апликация(Filter-Artistic) Я использовал эти настройки, но вы можете использовать свои собственные.

Также немного подкорректировал Изображение-Коррекция-Цветовой баланс Ctrl+B (Image-Adjustments- Color Balance).

Выберите слой Original, затем используйте инструмент Перо Pen (P), чтобы разрушить некоторые части тротуара шоссе. ПКМ выберите Образовать выделенную область.

Выключите выбор и приклейте его на его собственном слое. Далее Редактирование-Трансформирование-Перспектива, Включите ее, масштабируйте его.. Затем, когда вы будете удовлетворены Выберите слой этого куска, удерживая Alt и нажмите стрелку вверх. Делайте это раз десять, пока вы получите большой кусок сломанного асфальта. Когда удовлетворены, выберите все слои асфальта и объедините их вместе. См. пример:

Возьмите Кисть Brush Tool (B) и нарисуйте по краям очертания асфальта. Используйте Shift, чтобы сделать прямые линии от точки к точке! Возьмите темный цвет, черный или темно-серый.

Я повторил эти действия несколько раз,на больших и мелких кусках. И это конечный результат разлома:

Я вырезал автомобиль из другой фотографии затем вставил это в проекте. Дайте машине тот же эффект фильтра Фильтр-Имитация-Очерченные края (Filter- Artistic- Poster Edges), затем используйте Фильтр-Имитация-Апликация для создания мультяшного вида. Играйте настройками по своему вкусу. Вы можете использовать и другие фильтры.

Выберите Редактирование-Трансформация-Искажение(Edit-Transform-Distort) затем управляйте автомобилем так, чтобы он поместился на шоссе с правильной точки зрения.

Не забывайте использовать инструмент Деформация Warp (Edit-Transform-Warp), если необходимо.

Добавте текстовый слой в проект и напишите что-нибудь. Используйте Искажение,чтобы исказить текст по своему вкусу. Перейти на Blending Options, выберите градиент. (Правый клик на слой, затем выберите Blending Options).

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

Я также придают автомобилю еще немного скорости рисуя линию. Возьмите Кисть Brush Tool, цвет белый, и нарисуйте линию или несколько. Перейдите на страницу смешивания и применить черные штрих, 2 или 3px в зависимости от масштабов вашего проекта.

Берём другую машину,вырезаем-копируем.

Убедитесь, что вы отметили поле преобразования. Шкала автомобиля -100.

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

Берём фото огня,вырезаем-копируем.

Я вырезал,затем применил Фильтр-Имитация-Апликация

Возьмите этот слой и поместите над дорожным знаком. Затем с помощью инструмента Ластик Eraser (E), удалите лишнее. Используйте Shift в сочетании с ластиком чтобы удалить прямые части.

Щелкните правой кнопкой мыши на пути инструмента пера,затем выберите “сделать выбор”. Заполните его белым цветом, с помощью инструмента Ведро Paint Bucket (G).

Идём в стили слоя и применяем наложение градиента

Сейчас мы собираемся создать дым. Создайте новый слой, затем выберите область вокруг взрывающихся автомобилей. Выберите Фильтр-Рендеринг-Облака (Filter- Render-Clouds). Помещаем этот слой над всеми слоями.

Применим Фильтр Апликация к этому слою.

Аккуратно удалите ненужные части дыма.

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

Инструментом Палец размажте линии.

Теперь добавьте несколько громких текстовых эффектов сирены, как мы делали раньше.

Создайте новый текстовый слой. Слово ‘TETUU’или аналогичные. (Слой> Rasterize> Type). Держите Alt и нажмите лево несколько раз, для создания 3D-эффекта. Слейте эти слои. Кроме того, обработайте этот текст градиентом слоя,как мы делали раньше в Blending Options.

Затем вы можете добавить некоторый фон крика. Используйте инструмент Pen (P), чтобы создать путь. Держать Shift для рисования прямых линий. Затем сделайте выбор из него и дать ему градиент выглядеть мы использовали раньше.

Теперь мы собираемся изменить направление движения. Выберите слой оригинала и удалите из знака направление движения. Затем сделайте свой собственный текст. Я сделал это:

Также я сделал это с другим знаком направления движения. Чтобы дать разбитой дороге больше смысла, добавил знак “Ведутся работы” в нижней части этого проекта.

Возьмите инструмент Палец Smudge (R), и размажьте пятно для создания дыма.

Компания Мир фотообоев 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. Теперь у вас получились нарисованные карандашом границы изображения.

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

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

Создайте новый документ 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).

В этом уроке мы будем превращать фотографию в комикс в 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/Обводка .

Результат

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