Как создать мультяшный рисунок из фото в Photoshop

11471

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

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

В этой статье мы наглядно покажем вам, как же создаются мультяшные картинки в программе Photoshop.

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

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

Для примера мы возьмем фотографию популярной актрисы — Алисии Викандер. Это изображение хорошего качества и превосходно подойдет для поставленной задачи.

Как создать мультяшный рисунок из фото в Photoshop

Работа по превращению фото в кадр из мультика состоит из двух частей – подготовка и раскраска.

Первый этап — подготовка фотографии

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

Поделим данный снимок на следующие зоны:

  1. Фон. Для фона будущей картинки выберем оттенок под номером #6f1d49.
  2. Тень. Подберем для этой зоны серый оттенок из цветовой палитры, к примеру — #888888.
  3. Блики. Для них подберем цвет, чуть светлее, чем для теней — возьмем #9e9e9e.
  4. Кожа. Подберем цвет наиболее близкий к ее натуральному, например, #d1af94.
  5. Контуры лица. Все что непосредственно соприкасается с лицом, обозначим темным цветом, для лучшей четкости рисунка. Код нашего цвета — #2d2926.
  6. Глаза сделаем абсолютно белыми — #FFFFFF, а одежду почти черной — #1b1c1e.

Как создать мультяшный рисунок из фото в Photoshop

Для работы нам потребуется инструмент «Перо». Подробно об этом инструменте Фотошопа и его использование можно ознакомиться в соответствующей статье:

Инструмент перо в Фотошопе: как пользоваться

Второй этап – раскрашивание рисунка

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

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

  1. Создаем копию фотографии.
    Как создать мультяшный рисунок из фото в Photoshop
  2. Создаем дополнительный корректирующий слой — «Уровни». Этот слой понадобится для работы в дальнейшем.
    Как создать мультяшный рисунок из фото в Photoshop
  3. Создаем еще один корректирующий слой — «Цвет». Как создать мультяшный рисунок из фото в PhotoshopВ появившемся окне указываем в настройках требуемый оттенок.
    Как создать мультяшный рисунок из фото в Photoshop
  4. Для смены фонового и основного цвета нужно использовать горячую клавишу D.
    Как создать мультяшный рисунок из фото в Photoshop
  5. Выбираем маску слоя «Цвет» и закрашиваем ее черным цветом. Для этого воспользуйтесь сочетанием клавиш — ALT+DELETE.
    Как создать мультяшный рисунок из фото в Photoshop
  6. Обводим инструментом «Перо» контуры кожи. Важно! Выделите все области с элементом кожи.
    Как создать мультяшный рисунок из фото в Photoshop
  7. Нажимаем комбинацию CTRL+ENTER. Это действие преобразует контур в выделенную область.
    Как создать мультяшный рисунок из фото в Photoshop
  8. Не уходя с маски слоя «Цвет», применяем сочетание клавиш CTRL+DELETE. Этим действием выделенная область будет окрашена белым цветом.
    Как создать мультяшный рисунок из фото в Photoshop
  9. Далее, требуется снять выделение, при помощи комбинации CTRL+D. После чего делаем этот слой невидимым, нажав на глаз возле слоя. Назовите эту область — «Вся кожа».
    Как сделать из фото мультяшный рисунок в Фотошопе
  10. Создаем второй слой — «Цвет» (для теней), указав нужный оттенок (смотрим на палитре в самом начале). В настройках наложения укажите параметр «Умножение» и сдвиньте ползунок непрозрачности до отметки 50%.
    Как сделать из фото мультяшный рисунок в Фотошопе
  11. Идем на маску этого слоя и выполняем заливку черным цветом. Для этого воспользуйтесь комбинацией клавиш ALT+DELETE.
    Как сделать из фото мультяшный рисунок в Фотошопе
  12. Вначале мы создавали слой «Уровни», сейчас он как раз и понадобится. При помощи этого слоя мы прорисуем тени. Делаем два щелчка левой кнопки мыши по миниатюре слоя «Уровни». И появившимися ползунками выставляем необходимую насыщенность теней.
    Как сделать из фото мультяшный рисунок в Фотошопе
  13. Затем переходим к маске слоя с тенью и обводим полученные участки с тенями пером и выполняем заливку выбранным ранее цветом. Пошагово все показано на скриншотах ниже:
    Как сделать из фото мультяшный рисунок в ФотошопеКак создать мультяшный рисунок из фото в PhotoshopНа этом работа со слоем «Уровни» пока закончена. Нам нужно убрать галочку и скрыть его.
    Как сделать из фото мультяшный рисунок в Фотошопе
  14. «Едем» дальше. Теперь нам предстоит обводка пером участков картинки с белым цветом, и последующая заливка. Делаем все по тому же алгоритму, как и с элементом – «Вся кожа».
    Как сделать из фото мультяшный рисунок в Фотошопе
  15. Затем проделываем эти действия с участками темного-коричневого и черного цвета. В нашем случае это в основном волосы и другие мелкие детали.
    Как сделать из фото мультяшный рисунок в ФотошопеВот, уже получается что-то похожее на мультяшное фото:
    Как сделать из фото мультяшный рисунок в ФотошопеСтоит отметить, что мы это делаем на скорую руку, ради урока. Поэтому результат может быть куда лучше, при кропотливой работе, которая требует усидчивости.
  16. Теперь нам нужно покрасить в черный цвет одежду поэтому, проделываем те же действия с пером и заливкой, но уже на одежде.
    Как сделать из фото мультяшный рисунок в Фотошопе
  17. Далее осветляем область бликов, по аналогии с тенями. Для этого используем слой «Уровни».
    Как сделать из фото мультяшный рисунок в Фотошопе
  18. Добавляем еще один новый слой по аналогии с предыдущими. На нем будут прорисованы блики и контуры одежды. Можно использовать для очень мелких участков не только «Перо», но и другие инструменты Фотошопа, такие как «Кисть» например.
    Как сделать из фото мультяшный рисунок в Фотошопе
  19. Работаем с фоном картинки. Для этого переходим к созданной в самом начале урока копии фотографии и создаем поверх того слоя новый слой с заливкой, используя необходимый цвет. В нашем случае код цвета — #6f1d49.
    Как сделать из фото мультяшный рисунок в Фотошопе
  20. Вот и все. Осталось только лишь исправить небольшие недочеты при помощи кисти и наше мультяшное фото готово, благодаря невероятным инструментам Фотошопа.

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

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

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

2 КОММЕНТАРИИ
  1. Подскажите, почему по мере наложения слоев, особенно светлых, картинка тускнеет?

    • Здравствуйте. Проверьте значения непрозрачности слоев, возможно, дело в них.

ОСТАВЬТЕ ОТВЕТ
Введите свой комментарий
Пожалуйста, введите свое Имя