Дополнения

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

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

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

213 537 чел. 404 506 работ 4 124 урока
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

{{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