MyPs Уроки Фотошопа Инструменты Полезно Эффекты Работа с текстом Работа с фото Решение проблем Фоны Кисти Рамки Фотошоп Online

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

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

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

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

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

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

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

img/2019/05/multyashnoe-foto-photoshop-1.png 1000x697

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

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

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

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

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

img/2019/05/multyashnoe-foto-photoshop-2.png 900x600

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

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

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

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

  1. Создаем копию фотографии.
    img/2019/05/multyashnoe-foto-photoshop-3.png 500x679
  2. Создаем дополнительный корректирующий слой – «Уровни». Этот слой понадобится для работы в дальнейшем.
    img/2019/05/multyashnoe-foto-photoshop-4.png 1020x1055
  3. Создаем еще один корректирующий слой — «Цвет».
    img/2019/05/multyashnoe-foto-photoshop-5.png 1040x1194
    В появившемся окне указываем в настройках требуемый оттенок.
    img/2019/05/multyashnoe-foto-photoshop-6.png 1920x1168
  4. Для смены фонового и основного цвета нужно использовать горячую клавишу D.
    img/2019/05/multyashnoe-foto-photoshop-7.png 496x380
  5. Выбираем маску слоя «Цвет» и закрашиваем ее черным цветом. Для этого воспользуйтесь сочетанием клавиш — ALT+DELETE.
    img/2019/05/multyashnoe-foto-photoshop-8.png 1712x988
  6. Обводим инструментом «Перо» контуры кожи. Важно! Выделите все области с элементом кожи.
    img/2019/05/multyashnoe-foto-photoshop-9.png 1498x978
  7. Нажимаем комбинацию CTRL+ENTER. Это действие преобразует контур в выделенную область.
    img/2019/05/multyashnoe-foto-photoshop-10.png 1752x976
  8. Не уходя с маски слоя «Цвет», применяем сочетание клавиш CTRL+DELETE. Этим действием выделенная область будет окрашена белым цветом.
    img/2019/05/multyashnoe-foto-photoshop-11.png 1480x1004
  9. Далее, требуется снять выделение, при помощи комбинации CTRL+D. После чего делаем этот слой невидимым, нажав на глаз возле слоя. Назовите эту область — «Вся кожа».
    img/2019/05/multyashnoe-foto-photoshop-12.png 1494x1036
  10. Создаем второй слой — «Цвет» (для теней), указав нужный оттенок (смотрим на палитре в самом начале). В настройках наложения укажите параметр «Умножение» и сдвиньте ползунок непрозрачности до отметки 50%.
    img/2019/05/multyashnoe-foto-photoshop-13.png 1518x1134
  11. Идем на маску этого слоя и выполняем заливку черным цветом. Для этого воспользуйтесь комбинацией клавиш ALT+DELETE.
    img/2019/05/multyashnoe-foto-photoshop-14.png 1500x1026
  12. Вначале мы создавали слой «Уровни», сейчас он как раз и понадобится. При помощи этого слоя мы прорисуем тени. Делаем два щелчка левой кнопки мыши по миниатюре слоя «Уровни». И появившимися ползунками выставляем необходимую насыщенность теней.
    img/2019/05/multyashnoe-foto-photoshop-15.png 1570x992
  13. Затем переходим к маске слоя с тенью и обводим полученные участки с тенями пером и выполняем заливку выбранным ранее цветом. Пошагово все показано на скриншотах ниже:
    img/2019/05/multyashnoe-foto-photoshop-16.png 1476x962
    img/2019/05/multyashnoe-foto-photoshop-17.png 1488x1012
    На этом работа со слоем «Уровни» пока закончена. Нам нужно убрать галочку и скрыть его.
    img/2019/05/multyashnoe-foto-photoshop-18.png 1510x1056
  14. “Едем” дальше. Теперь нам предстоит обводка пером участков картинки с белым цветом, и последующая заливка. Делаем все по тому же алгоритму, как и с элементом – “Вся кожа”.
    img/2019/05/multyashnoe-foto-photoshop-19.png 1444x966
  15. Затем проделываем эти действия с участками темного-коричневого и черного цвета. В нашем случае это в основном волосы и другие мелкие детали.
    img/2019/05/multyashnoe-foto-photoshop-20.png 1418x1038
    Вот, уже получается что-то похожее на мультяшное фото:
    img/2019/05/multyashnoe-foto-photoshop-23.png 1460x1020
    Стоит отметить, что мы это делаем на скорую руку, ради урока. Поэтому результат может быть куда лучше, при кропотливой работе, которая требует усидчивости.
  16. Теперь нам нужно покрасить в черный цвет одежду поэтому, проделываем те же действия с пером и заливкой, но уже на одежде.
    img/2019/05/multyashnoe-foto-photoshop-24.png 1476x1014
  17. Далее осветляем область бликов, по аналогии с тенями. Для этого используем слой «Уровни».
    img/2019/05/multyashnoe-foto-photoshop-26.png 1462x1018
  18. Добавляем еще один новый слой по аналогии с предыдущими. На нем будут прорисованы блики и контуры одежды. Можно использовать для очень мелких участков не только “Перо”, но и другие инструменты Фотошопа, такие как “Кисть” например.
    img/2019/05/multyashnoe-foto-photoshop-27.png 1484x1036
  19. Работаем с фоном картинки. Для этого переходим к созданной в самом начале урока копии фотографии и создаем поверх того слоя новый слой с заливкой, используя необходимый цвет. В нашем случае код цвета – #6f1d49.
    img/2019/05/multyashnoe-foto-photoshop-28.png 1656x1338
  20. Вот и все. Осталось только лишь исправить небольшие недочеты при помощи кисти и наше мультяшное фото готово, благодаря невероятным инструментам Фотошопа.

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

img/2019/05/multyashnoe-foto-photoshop-29.png 1174x922

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