Как сделать фото мультяшным в фотошопе

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

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

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

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

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

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

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

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

Подготовка

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

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

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

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

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

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

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

Делаем копию исходной картинки.

Сразу создаем корректирующий слой «Уровни», он нам пригодится позже.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Отблагодарите автора, поделитесь статьей в социальных сетях.

Мультяшный эффект

Автор: Ольга Максимчук (Princypessa). Дата публикации: 18 мая 2018 . Категория: Фотошоп уроки эффекты.

Сегодня мы будем добавлять мультяшный эффект к фотографии.

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

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

Открываем в фотошоп ( Ctrl + O ) фото с оживленной улицей Нью-Йорка.

Создаем дубликат фонового слоя ( Ctrl + J ) и переименовываем слой в «Город». Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter .

Щелкаем ПКМ по слою «Город» в панели слоев и выбираем «Преобразовать в смарт-объект». Благодаря тому, что слой переведен в смарт-объект, мы сможем в дальнейшем редактировать примененные к слою фильтры.

Переходим в меню Фильтр-Коррекция дисторсии и во вкладке «Заказная» редактируем перспективу, выравнивая «заваленные» здания. Можно оставить и так, как было, но, как мне кажется, наклоненные здания придают фото какую-то напряженную атмосферу, а у нас должно получиться красочное и жизнерадостное фото.

Переходим в меню Фильтр-Стилизация-Диффузия и настраиваем, как на рисунке ниже.

Чтобы повторить действие фильтра, нажимаем Ctrl + F три раза.

Переходим в меню Изображение-Коррекция-Тени/Света и осветляем затемненные участки, как показано на рисунке ниже.

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

На данном этапе мы можем внести изменения в настройки фильтров, если это необходимо. Для этого просто щелкните в панели слоев по фильтру, который хотите редактировать и введите новые параметры. Если все устраивает, нажимаем сочетание клавиш Shift+Ctrl+Alt+E, чтобы создать слитую копию всех видимых слоев. Переименовываем образовавшийся слой в «Город 2».

Следующий шаг можно выполнить при помощи фильтра Масляная краска. Но если в вашей версии фотошоп отсутствует данный фильтр, можно использовать бесплатную альтернативу – плагин GREYCstoration Filter For Photoshop. Плагин вы найдете в материалах к уроку, он представлен в двух версиях – для 32(86) битных систем и для 64-битных. Для того, чтобы установить плагин в фотошоп, скопируйте файлы, соответствующие вашей системе и перенесите их в папку с плагинами фотошоп на системном диске. Путь будет выглядеть следующим образом C: Program Files Adobe Adobe Photoshop (версия вашего фотошопа) Required Plug-Ins. Далее необходимо перезагрузить фотошоп (выйти из программы, а потом снова ее запустить). После этого фильтр готов к использованию. Кстати, в папке с фильтром вы найдете изображение, на котором справа выставлены настройки, какие можно использовать для замены фильтра Масляная краска. Разумеется, настройки примерные и вы можете экспериментировать для достижения наилучшего результата.

Итак, переходим в меню Фильтр- Noise -GREYCstoration и вводим настройки, как на рисунке ниже.

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

Создаем дубликат слоя «Город 2» и переименовываем его на «Штрихи». Переходим в меню Фильтр-Галерея фильтров и в папке Имитация выбираем фильтр «Очерченные края». Вводим настройки, как на рисунке ниже.

Чтобы сгладить рваные края облаков, образовавшиеся после применения предыдущего фильтра, создаем дубликат слоя «Штрихи» и даем ему имя «Небо». Активируем инструмент Микс-кисть, выбираем мягкую круглую кисть и в верхней панели настроек инструмента настраиваем, как показано ниже. Рисуем кистью по краям облаков, чтобы сгладить переходы между облаками.

Мультяшный эффект готов!

Отличного настроения и творческих успехов!

БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:

Если Вы не хотите пропустить интересные уроки создания эффектов в фотошопе – подпишитесь на рассылку.
Форма для подписки находится ниже.

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

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

Начнём. Открываем снимок в Adobe Photoshop.

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

Сначала создадим копию исходного слоя, чтобы изменения не затрагивали оригинал. Воспользуемся командой Layer/«Слои» → Dublicate Layer…/«Создать дубликат слоя…» или просто перетащим пиктограмму слоя на иконку создания нового слоя в нижнем меню на панели слоёв.

Теперь воспользуемся фильтром Filter/«Фильтр» → Blur/«Размытие» → Smart Blur…/«Умное размытие…».

Наша задача — сделать цвета на фотографии более простыми и «плоскими», сгладить и размыть тональные переходы, которые есть на оригинальном снимке. Подбираем параметры размытия так, чтобы черты лица оставались узнаваемыми и довольно чёткими, а тональные переходы сглаживались. В качестве отправной точки можно использовать параметры, представленные на скриншоте.

После того как изображение «сгладилось», через фильтр Smart Blur/«Умное размытие…» сделаем его ещё более контрастным с помощью уровней Image/«Изображение» → Adjustments/«Коррекция» → Levels/«Уровни».

Теперь создадим копию слоя Layer1 и воспользуемся фильтром Photocopy из группы Filter Gallery/«Галерея фильтров» (меню Filter/«Фильтр» → Filter Gallery…/«Галерея фильтров…»).

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

Вот так на этом этапе выглядят изображение и панель слоёв:

Ставим верхнему слою с наброском режим наложения Multiply/«Умножение».

Картинка начинает напоминать рисунок, но мы пойдём дальше.

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

Кликаем по слою Layer 1 (он находится в середине слоёв и является размытой копией базового). Применяем к нему фильтр Cutout/«Аппликация» из меню Filter/«Фильтр» → Filter Gallery/«Галерея фильтров».

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

Далее к этому же слою применяем фильтр Halftone Pattern/«Полутоновой узор» из той же панели фильтров. Подбираем параметры Size и Contrast.

Ставим слою Layer1 режим наложения Linear Light/«Линейный свет» и регулируем его непрозрачность.

У нас получилось так:

Итак, нам удалось сделать мультяшную картинку из фотографии в Фотошопе за три простых шага. Вы можете поэкспериментировать с другими настройками или другими фильтрами из наборов Sketch/«Эскиз» и Artistic/«Имитация» и создать свой «рецепт» стилизованной мультяшной фотографии.

Источники:

https://lumpics.ru/make-cartoon-photo-in-photoshop/
https://www.photoshopsunduchok.ru/effecty/4031-multyashnyj-effekt
https://prophotos.ru/lessons/19945-kak-iz-foto-sdelat-multyashnyy-risunok-v-fotoshop