Уроки Фотоманипуляция Владимир Фёдоров 5 июня 2018

Создаем супергероя в Фотошоп

Сложность урока: Средний

Когда я был маленьким, мне нравилось воображать, что я обладаю сверхспособностями. Я мог представлять себя летящим над городом, жители которого были под моей защитой от всякого зла (иногда я до сих пор так думаю). Мои дети – не исключение, поэтому моя дочь с радостью согласилась поучаствовать в данном проекте и стать героиней со сверхспособностями.

Данный урок задумывался в качестве учебного пособия для совместного выполнения родителем и ребенком. Как родитель вы поможете получить необходимые фотографии для данного проекта, плюс к этому выполните все необходимые настройки программы Фотошоп. Затем ваш ребенок сможет уже проявить свои сверхспособности и научиться использовать некоторые фильтры и приемы работы с масками, для того, чтобы воплотить в жизнь данный проект! И на финальной стадии, в качестве бонуса здесь предлагается использовать для нашей работы эффект комикса, над которым вы сможете уже поработать совместно с вашим ребенком.

Скачать архив с материалами к уроку

1. Настройка фотоснимков

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

2. Обработка фотоснимков

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

Шаг 1

Выберите изображение, с которым собираетесь работать и откройте его в программе Фотошоп. Начните с устранения проблем со светом и цветом на вашем изображении. Наилучший метод - это работа с кривыми (Curves). Для этого идем в Изображение - Коррекция - Кривые / Ctrl+M (Image > Adjustments > Curves). Передвиньте точки кривой так, чтобы они касались краев гистограммы. Затем придайте кривой S-форму, чтобы повысить контрастность нашего изображения.

Шаг 2

Теперь воспользуйтесь Инструментом «Быстрое выделение» (Quick Selection Tool (W)), чтобы выделить фигуру нашего героя. Если данный инструмент случайно захватит какие-то нежелательные участки изображения, то просто зажмите клавишу Alt и пройдитесь по этому участку, что убрать с него выделение.

Шаг 3

Нажмите на кнопку Уточнить края (Refine Edge) и увеличьте слегка Радиус (Radius), например до 3 пикселей. Выставьте Сглаживание (Smooth), примерно 29, также поработайте со слайдером Растушевка (Feather), постарайтесь подобрать оптимальное значение, пока не увидите, как зазубренные области на вашем изображении не исчезнут (примечание переводчика: на скриншоте ниже видно, что данное значение автор получает при значении растушевки около 6 пикселей). Измените значение Output to (Вывод в) на Маску слоя (Layer Mask) и нажмите ОК.

Шаг 4

Перетащите слой с нашим замаскированным супергероем в документ с изображением города. Когда программа покажет изображение города, опустите изображение вашего героя на него.

Шаг 5

Далее, идем в Редактирование - Свободное трансформирование (Edit > Free Transform (Control-T)) и с помощью данного инструмента поворачиваем и изменяем размер нашего супергероя таким образом, чтобы он вписался в изображение города. Для правильного расположения героя можно ориентироваться по линиям, образованным зданиями на фотографии.

Шаг 6

Продублируйте слой с помощью команды Слой - Продублировать слой (Layer > Duplicate Layer). Далее двойной щелчок по названию копии слоя и переименуйте его в "Blur" (Размытие).

Шаг 7

Примените маску слоя данного с помощью команды Слои - Маска слоя – Применить (Layer > Layer Mask > Apply). При этом миниатюра маски исчезнет, так как маска теперь была применена непосредственно к слою.

Шаг 8

Теперь добавим корректирующий слой над фоновым изображением города с помощью команды Слои - Новый корректирующий слой - Цветовой тон/Насыщенность (Layer - New Adjustment Layer - Hue/Saturation). Выставьте значение Насыщенность (Saturation): -30. Это позволит уменьшить цвет нашего фона, и сделает яркие цвета нашего супергероя более выделяющимися.

Шаг 9

Теперь добавьте корректирующий слой Кривые (Curves) поверх всех слоев. Команда Слои - Новый корректирующий слой - Кривые (Layer - New Adjustment Layer - Curves). Во вкладке Свойства Кривых (Curves Properties) нажмите кнопку Авто (Auto). Это позволит отрегулировать контрастность на всем изображении.

3. Дорабатываем нашу композицию

Шаг 1

В правой части экрана мы видим палитру Слои (Layers). На данной палитре находим слой Blur и кликаем по нему, чтобы быть уверенными, что он активен в данный момент. Индикатором его активности служит тоненькая рамка, появившаяся вокруг миниатюры данного слоя.

Шаг 2

Теперь переключите ваше внимание на верхнее меню и выполните следующую команду Фильтр - Размытие - Размытие в движении (Filter - Blur - Motion Blur). Когда откроется новое окно, попробуйте изменить угол таким образом, чтобы это соответствовало углу наклона зданий на нашем фоновом изображении. В данном случае мы поставили угол -65 градусов. Затем настройте Количество (Amount) в 600 пикселей и нажмите кнопку ОК.

Шаг 3

Нажмите клавишу V, чтобы активировать Инструмент Перемещение (Move Tool). Затем передвиньте слой с размытием вниз и сместите его немного правее, чтобы он был ниже изображения супергероя и чтобы никакая часть его не заступала на область головы.

Шаг 4

Теперь идем в Редактирование - Трансформирование - Деформация (Edit > Transform > Warp). Вокруг нашего размытия появится сетка данного инструмента. Переместите нижние углы в направлении центра, чтобы уменьшить размытие в нижней части изображения. Затем нажмите Enter, чтобы завершить деформацию. Это позволит создать эффект, как будто вы взлетаете с крыши здания на очень большой скорости.

Шаг 5

Активируйте инструмент Кисть (Brush Tool (B)) и обратите внимание на верхнюю часть экрана, где расположены опции настройки кистей. Кликните по маленькой иконке кисточки, чтобы открыть меню настройки кистей (Brush Options Menu). Выберите мягкую круглую кисточку из списка, установите Размер (Size) 150 пикселей, а Жесткость (Hardness) снизьте до 0%.

Шаг 6

Теперь перейдите обратно к палитре Слои (Layers) и найдите изображение супергероя с маленькой черно-белой миниатюрой рядом. Эта миниатюра есть Маска слоя (Layer Mask). Она позволяет контролировать, какие части изображения на слое могут быть видны, а какие нет, т.е. замаскированы. Кликните по маске, чтобы активировать ее. Затем убедитесь, что в качестве основного цвета у вас выставлен черный, и с помощью вашей кисточки замаскируйте область изображения с ногами нашего супергероя. Здесь основная задача состоит в том, чтобы органично смешать размытие, имитирующее быстрый взлет, с остальной частью нашего супергероя, ноги, как вы можете видеть, при этом становятся не видны.

Шаг 7

Теперь кликните по фоновому слою (Background), чтобы сделать его активным. Далее выполняем команду Фильтр - Размытие - Размытие по Гауссу (Filter > Blur > Gaussian Blur). Выставляем в настройках Радиус (Radius) 7 пикселей. Это позволит слегка размыть наше фоновое изображение, и теперь он действительно выглядит именно как фон.

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

4. Добавляем эффект комикса

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

Шаг 1

Кликните по самому верхнему слою (это корректирующий слой Кривые). Зажмите клавишу Alt, далее едем в меню и выбираем Слои - Объединить видимые (Layer - Merge Visible). Это создаст один объединенный слой всего нашего проекта. Проделайте эту операцию дважды, чтобы у вас было два таких объединенных слоя.

Шаг 2

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

Шаг 3

Далее переходим в Фильтр - Галерея фильтров (Filter > Filter Gallery). Откройте каталог Эскиз (Sketch) и выберите в нем фильтр Полутоновый узор (Halftone Pattern). Установите следующие настройки:

  • Размер (Size): 5
  • Контраст (Contrast): 15
  • Тип узора (Pattern Type): Точка (Dot)

Шаг 4

Затем установите Режим наложения (Blend Mode) для слоя Перекрытие (Overlay) и уменьшите Непрозрачность (Opacity) до 30%.

Шаг 5

Теперь сделайте видимым ранее отключенный верхний слой и сделайте его активным. Далее идем в Фильтр - Галерея фильтров (Filter > Filter Gallery) и выбираем Filter - Sketch - Photocopy (Фильтр - Эскиз - Ксерокопия). Устанавливаем для данного фильтра следующие значения:

  • Детализация (Detail): 5
  • Затемнение (Darkness): 50

Шаг 6

Установите режим наложения (Blend Mode) для этого слоя Умножение (Multiply). Это позволит отрисовать белые области изображения как невидимые, в то время как темные линии будут визуализированы с эффектом чернил, используемых в полиграфии при печати комиксов.

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

Автор: Kirk Nelson

Источник: design.tutsplus.com

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

Спасибо за урок!

Спасибо! В конце урока что-то пошло не так...

Спасибо!)

Я немного не правильно сделала, исправила и выкладываю опять, извините)

Супердед)))

Еще одна...
Понравился урок!

У вас классные работы :)

Создаем супергероя в Фотошоп. Спасибо.

Владимир, спасибо за перевод!

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

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

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

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


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

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

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

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

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

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

Комментарий

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

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

Исходник:

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

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

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

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

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

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

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

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

Комментарии к работе будут отключены, на их месте будет выведена реклама.

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


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

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее