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


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

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

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

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

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

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

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

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

Подготовка

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

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

  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

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