Создаем мультяшный кадр из фото в Фотошопе


Рисованные фотографии, созданные вручную, выглядят довольно интересно. Такие изображения являются уникальными и всегда будут в моде.

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

В этом уроке создадим такое фото, используя исходник, инструмент «Перо» и два вида корректирующих слоев.

Создание мультяшного фото

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

Урок будет строиться вокруг вот такой фотографии известного актера:

Исходное фото для создания мультфильма в Фотошопе

Преобразование снимка в мультик происходит в два этапа – подготовка и раскрашивание.

Подготовка

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

Для достижения нужного эффекта мы поделим снимок так:

  1. Кожа. Для кожи выберем оттенок с числовым значением e3b472.
  2. Тень сделаем серого цвета 7d7d7d.
  3. Волосы, борода, костюм и те участки, которые определяют контуры черт лица, будут абсолютно черного цвета – 000000.
  4. Воротничок рубашки и глаза должны быть белыми – FFFFFF.
  5. Блики необходимо сделать чуть светлее тени. HEX-код – 959595.
  6. Фон — a26148.
Палитра цветов для создания мультяшного фото в Фотошопе

Инструмент, которым мы будем сегодня работать – «Перо». Если возникают трудности с его применением, читайте статью на нашем сайте.

Урок: Инструмент Перо в Фотошопе — теория и практика

Раскрашивание

Суть создания мультяшного фото заключается в обводке вышеуказанных зон «Пером» с последующей заливкой соответствующим цветом. Для удобства редактирования полученных слоев воспользуемся одной хитростью: вместо обычной заливки применим корректирующий слой «Цвет», а редактировать будем его маску.

Итак, давайте начнем раскрашивать мистера Аффлека.

  1. Делаем копию исходной картинки. Создание копии исходного слоя для создания мультяшного фото в Фотошопе
  2. Сразу создаем корректирующий слой «Уровни», он нам пригодится позже.

    Создание корректирующего слоя Уровни для создания мультяшного фото в Фотошопе

  3. Применяем корректирующий слой «Цвет»,

    Корректирующий слой Цвет для создания мультяшного фото в Фотошопе

    в настройках которого прописываем нужный оттенок.

    Настройка корректирующего слоя Цвет для создания мультяшного фото в Фотошопе
  4. Нажимаем клавишу D на клавиатуре, тем самым сбрасывая цвета (основной и фоновый) на значения по умолчанию.

    Сброс цветов на значения по умолчанию в Фотошопе

  5. Переходим на маску корректирующего слоя «Цвет» и нажимаем сочетание клавиш ALT+DELETE. Это действие закрасит маску черным цветом и полностью скроет заливку.

    Заливка маски корректирующего слоя Цвет черным цветом в Фотошопе

  6. Пора приступить к обводке кожи «Пером». Активируем инструмент и создаем контур. Обратите внимание, что мы должны выделить все участки, в том числе и ухо.

    Контур инструмента Перо для создания мультяшного фото в Фотошопе

  7. Для преобразования контура в выделенную область нажимаем сочетание клавиш CTRL+ENTER.

    Преобразование рабочего контура в выделенную область в Фотошопе

  8. Находясь на маске корректирующего слоя «Цвет», жмем сочетание клавиш CTRL+DELETE, заливая выделение белым цветом. При этом станет видимым соответствующий участок.

    Заливка участка маски белым цветом при создании мультяшного фото в Фотошопе

  9. Убираем выделение горячими клавишами CTRL+D и кликаем по глазу возле слоя, снимая видимость. Дадим этому элементу название «Кожа».

    Снятие видимости и переименование слоя в Фотошопе

  10. Применяем еще один слой «Цвет». Оттенок выставляем соответственно палитре. Режим наложения необходимо поменять на «Умножение» и снизить непрозрачность до 40-50%. Данное значение в дальнейшем можно будет поменять.

    Создание нового корректирующего слоя Цвет при создании мультяшного фото в Фотошопе

  11. Переходим на маску слоя и заливаем ее черным цветом (ALT+DELETE).

    Заливка маски черным цветом для создания мультяшного фото в Фошопе

  12. Как Вы помните, мы создавали вспомогательный слой «Уровни». Сейчас он нам поможет в отрисовке тени. Два раза кликаем ЛКМ по миниатюре слоя и ползунками делаем затемненные участки более выраженными.

    Настройка корректирующего слоя Уровни при создании мультяшного фото в Фотошопе

  13. Снова становимся на маску слоя с тенью, и пером обводим соответствующие участки. После создания контура повторяем действия с заливкой. По окончанию выключаем «Уровни».

    Результат отрисовки тени мультяшного фото в Фотошопе

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

    Отрисовка белых участков при создании мультяшного фото в Фотошопе

  15. Повторяем процедуру с черными участками.

    Отрисовка черных участков мультяшного фото в Фотошопе

  16. Далее следует раскрашивание бликов. Здесь нам снова пригодится слой с «Уровнями». При помощи ползунков осветляем снимок.

    Настройка корректирующего слоя Уровни для осветления бликов в фотошопе

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

    Отрисовка бликов мультяшного фото в Фотошопе

  18. Осталось только добавить фон к нашему мультяшному фото. Переходим на копию исходника и создаем новый слой. Заливаем его цветом, определенным палитрой.

    Создание фона для мультяшного фото в Фотошопе

  19. Недостатки и «промахи» можно исправлять, работая кистью по маске соответствующего слоя. Белая кисть добавляет участки к области, а черная удаляет.

Результат наших трудов выглядит следующим образом:

Резултат создания мультяшного фото в Фотошопе

Как видите, ничего сложного в создании мультяшного фото в Фотошопе нет. Работа эта интересна, правда, довольно трудоемка. Первый снимок может отнять несколько часов Вашего времени. С опытом придет понимание того, как должен выглядеть персонаж на таком кадре и, соответственно, увеличится скорость обработки.

Обязательно изучите урок по инструменту «Перо», потренируйтесь в обводке контуров, и отрисовка таких изображений не вызовет затруднений. Удачи в Вашем творчестве.

Помогла ли Вам статья?
Да Нет
Задайте вопрос или оставьте мнение
Получить ответ на Email
Уведомить о

7 ответов
По рейтингу
Новые Старые
Межтекстовые Отзывы
Посмотреть все комментарии
Аноним
4 июня 2019 15:26

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

Виталий
14 октября 2017 01:20

Только в самом начале, когда только взялись за Перо — автоматически создается дополнительный слой Фигура. И как этого избежать — непонятно.

Alex
26 октября 2017 11:42

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

Аноним
23 марта 2018 22:35

Как делать в 13 этапе? Так и не понял.

Надежда
29 января 2019 18:58

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

Инструкции по операционным системам:
AndroidAndroid iOSiOS Windows 11Windows 11 Windows 10Windows 10 Windows 7Windows 7 Windows 8Windows 8 Windows XPWindows XP Общее по компьютерамОбщее по компьютерам LinuxLinux macOSmacOS
Инструкции по мессенджерам и соц.сетям:
ВконтактеВконтакте ОдноклассникиОдноклассники TelegramTelegram ViberViber WhatsAppWhatsApp SkypeSkype ZoomZoom InstagramInstagram
Инструкции по работе в программах:
WordWord ExcelExcel PowerPointPowerPoint OutlookOutlook DirectXDirectX PhotoshopPhotoshop LightroomLightroom Premiere ProPremiere Pro Google ChromeGoogle Chrome Яндекс БраузерЯндекс Браузер Mozilla FirefoxMozilla Firefox OperaOpera Internet ExplorerInternet Explorer Уроки по остальным браузерамПо остальным браузерам Расширения для браузеровРасширения браузеров Уроки по антивирусамПо антивирусам AvastAvast AudacityAudacity Apple IDApple ID AutoCADAutoCAD BandicamBandicam BlueStacksBlueStacks DAEMON ToolsDAEMON Tools DiscordDiscord Epic GamesEpic Games FL StudioFL Studio HamachiHamachi iСloudiСloud iTunesiTunes OBSOBS OriginOrigin Play MarketPlay Market Sony VegasSony Vegas SpotifySpotify SteamSteam TeamViewerTeamViewer The Bat!The Bat! TikTokTikTok TunngleTunngle UltraISOUltraISO uTorrentuTorrent VirtualBoxVirtualBox Торрент клиентыТоррент клиенты Яндекс ДискЯндекс Диск Яндекс.КартыЯндекс.Карты Яндекс.НавигаторЯндекс.Навигатор В остальных программахВ остальных программах Драйвера для устройствДрайвера Подборки программПодобрать программу Остальные программыСкачать программы
Инструкции по онлайн-сервисам:
ЯндексЯндекс GoogleGoogle ДзенДзен YouTubeYouTube FacebookFacebook TwitterTwitter AliExpressAliExpress AvitoAvito ChatGPTChatGPT QiwiQiwi Другие онлайн-сервисыДругие сервисы Все о почтеВсе о почте Яндекс почтаЯндекс почта GmailGmail Почта Mail.ruПочта Mail.ru Рамблер почтаРамблер почта
Инструкции по телефонам:
SamsungSamsung XiaomiXiaomi HuaweiHuawei Прошивки устройствПрошивки телефонов ТелефонОбщие по телефонам
Инструкции по периферийным устройствам:
МышкаМышка КлавиатураКлавиатура ПринтерПринтер РоутерРоутер ФлешкаФлешка Карта памятиКарта памяти HDMIHDMI Игровые консолиИгровые консоли Яндекс СтанцияЯндекс Станция AirPodsAirPods
Инструкции по комплектующим:
Материнская платаМатеринская плата ПроцессорПроцессор ВидеокартаВидеокарта SSD дискиSSD диски Жесткий дискЖесткий диск BIOSBIOS