Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

208 686 чел. 399 983 работы 4 093 урока
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Средняя

Иллюстрация в стиле фильма “Город Грехов”

В этом уроке я покажу вам, как создать иллюстрацию в стиле фильма “Город грехов” с помощью простой техники редактирования фотоизображений в программе Photoshop. Итак, давайте приступим.

Итоговый результат

Исходные материалы для выполнения урока

Шаг 1

Вначале, откройте изображение ‘Модель’ в программе Photoshop. Далее, с помощью инструмента Быстрое выделение (Quick Selection tool), выделите изображение модели…..
 

Шаг 2

…а затем с помощью инструмента Уточнить край (Refine Edge), улучшите границы выделения вокруг изображения модели.

Шаг 3

Создайте два новых слоя, а затем вклейте скопированное изображение модели на каждый слой.

Примечание переводчика: как только вы применили инструмент Уточнить край (Refine Edge), дважды скопируйте выделенное изображение модели на новый слой. Первый слой с моделью вы можете назвать ‘Модель’, а второй слой  ‘Эскиз модели’.

Шаг 4

Перейдите на самый верхний слой с моделью, мы используем его для создания контурных линий модели.

Обесцветьте изображение модели с помощью коррекции Яркость / Контрастность (Brightness and Contrast).

Шаг 5

Далее, идём Фильтр – Галерея фильтров – Имитация (Filter - Filter Gallery – Artistic), и выбираем фильтр Очерчённые края (Poster Edges).

Установите значение Толщины краёв (Edge Thickness) на максимум, значение Интенсивности (Edge Intensity) 6, и значение Постеризации (Posterization) 6. Нажмите ОК.
 

Шаг 6

Далее, идём Изображение – Коррекция – Изогелия (Image>Adjustments>Threshold). Установите порог яркости 1.

Шаг 7

Ещё раз откройте Галерею фильтров (Filter Gallery), на этот раз выберите фильтр Аппликация (Cutout).

Установите значение Количество краёв (Number of Levels) 2, значение Простоты краёв (Edge Simplicity) 6, и значение Чёткости краёв (Edge Fidelity) 1.

Шаг 8

Далее, идём Изображение – Коррекция – Уровни (Image>Adjustments>Levels) и с помощью инструмента Пипетка (color picker tools), выберите участки, которые бы вы хотели сделать полностью белыми (например, рубашка), и полностью чёрными.

Примечание переводчика: в настройках Уровней (Levels), выберите инструмент Пипетка Проба на изображении для определения точки чёрного (black color picker),  далее, с помощью пипетки выберите участок изображения, где бы вы хотели, чтобы этот участок стал полностью тёмным.

Далее, выберите инструмент Пипетка Проба на изображении для определения точки белого (white color picker),  далее, с помощью пипетки выберите участок изображения, где бы вы хотели, чтобы этот участок стал полностью белым. Далее, автор поменяет режим наложения и участки белого цвета станут прозрачными. 

Поменяйте слой с контурными линиями на Умножение (Multiply), таким образом, участки белого цвета станут прозрачными.

Шаг 9

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

Шаг 10

Далее, идём в Галерею фильтров (filter gallery) и выбираем фильтр Аппликация (Cutout).

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

Шаг 11

Как только вы применили фильтр Аппликация (Cutout filter), усильте контраст изображения, чтобы рубашка модели стала полностью белой.

Примечание переводчика: примените коррекцию Уровни (Levels), сместите белый бегунок влево, а чёрный бегунок немного вправо.

Шаг 12

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

С помощью инструмента Заливка (paint bucket tool), залейте чёрным цветом все участки с серыми тенями на лице, а также на рубашке модели.

Шаг 13

Далее, с помощью инструмента Ластик (eraser), скройте волосы на слое с серыми тенями, при этом станет видимым слой с контурными линиями, который расположен поверх слоя с серыми тенями.

Шаг 14

Далее, с помощью инструмента Заливка (paint bucket tool), залейте белым цветом все участки с серыми тенями на сапогах модели.

Шаг 15

Усильте контраст до 100 , чтобы убедиться, что не осталось ни одного участка серого цвета.

Итак, мы завершили коррекцию изображения модели.

Шаг 16

Далее, мы поработаем над задним фоном.

Создайте новый слой, создайте выделение вокруг изображения ограды. Залейте выделенное изображение ограды белым цветом.

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

Шаг 17

Ниже слоя с оградой, добавьте корректирующий слой Цвет (Color Fill), цвет заливки чёрный. Или создайте новый слой, а затем залейте его чёрным цветом.

Шаг 18

Для создания тлеющего огонька сигареты, просто нарисуйте овальную фигуру красного цвета.

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

 

 

Шаг 19

Откройте изображение с сигаретным дымом. Переместите изображение с дымом на наш рабочий документ. Примените масштабирование.

Примечание переводчика: отделите дым от заднего фона с помощью инструмента Цветовой диапазон (Color Range), а затем примените инверсию, скопировав выделенное изображение дыма на новый слой.

Шаг 20

Далее, идём Изображение – Коррекция - Изогелия (Image>Adjustments>Threshold), чтобы уменьшить дым до базовой формы так, чтобы дым просматривался.

Далее, поменяйте режим наложения для слоя с дымом на Осветление (Screen).

Шаг 21

Далее, мы создадим дождь с помощью кистей Брызги, которые вы можете скачать по ссылке вначале этого урока.

Создайте новый слой поверх слоя с моделью. С помощью кисти Брызги, нарисуйте эффект дождя. Поменяйте режим наложения для данного слоя на Разница (Difference).

Шаг 22

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

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

 

 

Шаг 23

Далее, с помощью инструмента Линия (Line Tool), установите толщину линии 4px, нарисуйте белые линии, имитирующие деревянные доски, на которых стоит наша героиня.

Шаг 24

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

Шаг 25

Скачайте изображение револьвера по ссылке вначале этого урока.

Шаг 26

Используйте ту же самую технику, которую вы применяли при работе с изображением модели. Обесцветьте изображение револьвера, усильте Яркость / Контрастность (Brightness / Contrast) на, примерно, 25.

Шаг 27

С помощью коррекции Изогелия (Threshold), усильте контраст до максимума…..

Шаг 28

…а затем, примените фильтр Аппликация (Cutout filter).

Шаг 29

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

Шаг 30

Либо вы можете использовать ластик, либо слой-маску, чтобы скрыть участок револьвера, который перекрывает руку модели, создав ощущение, что модель держит в руке револьвер.

Шаг 31

Создайте новый слой поверх слоя с револьвером, преобразуйте данный слой в обравочную маску к слою с револьвером.

Шаг 32

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

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

Шаг 33

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

Вот и всё! Спасибо, что были со мной. Надеюсь, что вам понравился данный урок.

Итоговый результат

Автор: Matt

 

Комментарии 67

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты

Спасибо за перевод. Понравился урок.

Спасибо. Вопрос такой: Я плохо помню фильм или чего-то не понимаю?

Спасибо за замечательный урок!

спасибо за урок) у меня родилась такая идея к фильму джонни д.

Спасибо, хороший урок!

Отличный урок! Очень понравился!

Спасибо, еще такой вариант

Очень нравится стиль Города Грехов, мрачный и комиксный) сделал два варианта в чёрно-белом и красном варианте)

Переделывал несколько раз. Вот что получилось

спасибо, интересно!

Интересный урок, спасибо!

Спасибо за урок) очень понравился результат)

Сделала по-своему, поскольку моя фотография не совсем располагала к точному копированию, но результатом я довольна, спасибо за полезный урок!)

Че каво))) Джесси Пинкман

Так получилось у меня :) Спасибо огромное за урок,интересно было.

Собственной персоной ))

Еще 30
Добавить комментарий / работу

Новые работы пользователей

{{work.views}}

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска, или сбросить фильтры


Смотреть все работы

Наверх

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
Мне нравится {{work.likes}} {{work.views}} Жалоба

Оставить комментарий {{work.childs.length || 0}}

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Сначала популярные Сначала старые Сначала новые
Добавить комментарий
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:


Название:
{{name}}
Описание:

{{text}}

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Вашу работу разберет один из экспертов проекта «Фотошоп-мастер». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

Пункт «18+» допустимо ставить только для работ, действительно содержащих элементы, которые не должны видеть несовершеннолетние: обнаженка, сцены жестокости, и т.д. Запрещается ставить такую метку на обычные работы. За подобное поведение у пользователя будет блокироваться возможность добавления новых работ. Все понятно, больше не показывать

После добавления работы:


Запланировать публикацию

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

  • 1. На сайте запрещается размещать изображения, которые содержат нецензурную лексику, угрозы, оскорбляет, унижает чье-либо достоинство, а также явно или косвенно нарушает законодательство Российской Федерации.

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

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

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules