Эффект мультика на фото как сделать в фотошопе

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

kak sdelat multyashnoe foto v fotoshope

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

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

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

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

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

Ishodnoe foto dlya sozdaniya multfilma v Fotoshope

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

Подготовка

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

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

Palitra tsvetov dlya sozdaniya multyashnogo foto v Fotoshope

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

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

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

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

Korrektiruyushhiy sloy TSvet dlya sozdaniya multyashnogo foto v Fotoshope

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

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

Rezultat sozdaniya multyashnogo foto v Fotoshope

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

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

Источник

cartoon photo effect in photoshop free source min

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

cartoon photo effect in photoshop free source 9 0

cartoon photo effect in photoshop free source 9 0

cartoon photo effect in photoshop free source 9

Для того, чтобы осветлить самые темные области и сделать объект более контрастным по сравнению с фоном, выберите Изображение – Коррекция – Тени/Света. Установите значение Эффект в 35%

cartoon photo effect in photoshop free source 1

ЧИТАЙТЕ ТАКЖЕ
free photoshop effect realistic watercolor painting min Бесплатный Photoshop эффект. Реалистичная акварельная живопись Узнайте как получить в Photoshop имитацию акварельной живописи из фото

Чтобы сгладить детали примените Фильтр – Стилизация – Масляная краска со следующими параметрами: Стилизация – 2, Чистота – 10, Масштаб и Сведения о щетине – 0,1.

Галочка на Освещение выключена.

cartoon photo effect in photoshop free source 2

Добавим прорисованные края. Фильтр – Галерея фильтров – Имитация – Очерченные края. Установите значения:

cartoon photo effect in photoshop free source 3

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

Фильтр – Шум – Уменьшить шум. Выставите значения:

cartoon photo effect in photoshop free source 4

Чтобы избавиться от появившейся лишней размытости, воспользуйтесь Фильтр – Усиление резкости – Умная резкость. Выставите параметры:

Добавим немного гладкости кожи применив настройку Фильтр – Размытие – Умное размытие.

cartoon photo effect in photoshop free source 6

ЧИТАЙТЕ ТАКЖЕ
create a grunge style portrait in photoshop min Как создать портрет в стиле гранж в Photoshop Узнайте как в Photoshop обработать фото в стиле гранж

Добавим более выраженные блики на фото. Выберите Фильтр – Имитация – Аппликация.

Количество уровней подберите такое, чтобы вас устроила картинка.

cartoon photo effect in photoshop free source 7

Щелкните по значку параметров смешивания фильтров 2 раза и выставите значение прозрачность в 40-50%, режим смешивания в мягкий свет.

cartoon photo effect in photoshop free source 8

Получится вот такой мультяшный эффект по фото в Photoshop.

cartoon photo effect in photoshop free source 9

Используйте данную последовательность шагов, заменяя исходное изображение в смарт объекте, и получите обработанное фото за пару секунд!

Читайте также:  Как сделать экибану своими руками для напольной вазы

cartoon photo effect in photoshop free source 10

cartoon photo effect in photoshop free source 10

cartoon photo effect in photoshop free source 10 1

cartoon photo effect in photoshop free source 11

cartoon photo effect in photoshop free source 11

cartoon photo effect in photoshop free source 11 1

ВНИМАНИЕ! Ознакомьтесь с правилами использования cartoon-effect.

Все права на cartoon-effect принадлежат его разработчику.

Вы можете использовать данный эффект в коммерческих и некоммерческих целях, кроме случаев предусмотренных следующими пунктами:

Если хотите получить исходник с редактируемыми слоями к данному уроку, оставляйте комментарии к статье с пометкой «cartoon-effect», где опишите чем понравился вам данный урок, и я вышлю вам его на почту!

Подписывайтесь на обновления блога «Дизайн в жизни»

и мы обязательно опубликуем для вас еще больше полезных уроков Photoshop

Источник

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

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

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

thumb 630

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

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

thumb 630

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

thumb 630

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

thumb 630

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

thumb 630

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

thumb 630

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

thumb 630

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

thumb 630

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

thumb 630

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

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

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

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

thumb 630

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

thumb 630

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

thumb 630

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

thumb 630

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

Источник

Создаем эффект мультипликации на фото

В этом уроке вы узнаете, как из обычной фотографии создать мультипликационную иллюстрацию. Используя методы создания эскиза из фото, кисти, полутоновые текстуры, вы получите профессиональный комикс-эффект. Давайте начнем!

Предварительный просмотр финального результата:

2596 step20 4e99d0e17667a

Шаг 1.

Открываем изображение девушки из ресурсов урока (Ctrl+O).

step1 1

Сразу обесцвечиваем изображение (Image-Adjustment-Desaturate).

step1 2

Получаем следующий результат:

step1 3

Шаг 2.

Дублируем этот слой (Layer-Duplicate Layer или Ctrl+J).

step2 1

Инвертируем цвета на изображении (Image-Adjustment-Invert или Ctrl+I):

step2 2

В результате получаем подобие негатива:

Читайте также:  Как сделать полочку для обуви своими руками видео

step2 3

Изменяем режим смешивания (Blending Mode) этого слоя на Осветление основы (Color Dodge):

step2 4

Шаг 3.

Переходим в меню Фильтр-Размытие-Размытие по Гауссу (Filter-Blur-Gaussian Blur).

step3 1

Оставим только контуры изображения. Устанавливаем радиус размытия на 5,7 рх.

step3 2

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

step3 3

Шаг 4.

Выполняем сведение слоев изображения. Для этого, нажимаем пр.кн.мыши по миниатюре любого слоя и выбираем – Flatten Image (Layer-Flatten Image).

step4 1

Полученный объединенный слой переименовываем (двойной клик по названию) в слой «Эскиз».

step4 2

Создаем новый слой (Ctrl+Shift+N) под слоем с эскизом и заполняем его (Edit-Fill или инструмент Paint Bucket tool) белым цветом (#ffffff).

step4 3

На слое с эскизом создаем маску (Layer-Layer Mask или клик по иконке маски внизу панели слоев).

step4 4

Шаг 5.

Активируем маску слоя с эскизом (клик по ней) и выбираем Кисть (Brush) черного цвета (#000000) размером 50 рх с 45% жесткостью (Hardness). Закрашиваем области фона слева от девушки и правый верхний угол.

Далее, изменяем размер кисти до 4-5 рх со 100% жесткостью, и закрашиваем линии рядом с контуром левой стороны каждой ноги девушки.

Чтобы очистить от лишних штрихов ноги, используем черную Кисть (Brush) размером 35рх с мягкими краями, проводя по ним.

step5 1

Теперь ваш эскиз должен выглядеть более четко, как на изображении ниже:

step5 2

Шаг 6.

Устанавливаем режим смешивания (Blend Mode) слоя с эскизом на Умножение (Multiply), затем дублируем его (Ctrl+J или Layer-Duplicate Layer) 7 раз. Такой прием поможет проявить недостающие детали изображения.

step6 1

Выделяем все копии слоев эскиза (Ctrl+клик по миниатюрам слоев) и объединяем их в один слой (клик пр.кн.мыши по выделенным слоям и выбираем – Merge Layers).

step6 2

Переименовываем объединенный слой в «Детали эскиза» и создаем к нему маску слоя (Layer-Layer Mask-Reveal All).

step6 3

Шаг 7.

На маске слоя «Детали эскиза» используем Кисть (Brush) черного цвета, чтобы закрасить почти все изображение, кроме обуви, волос и пистолета девушки.

step7 1

Ваше изображение должно выглядеть вот так:

step7 2

Чтобы завершить работу над эскизом, уточним еще некоторые моменты. Создаем новый слой (Ctrl+Shift+N) и называем его «Контуры». Выбираем кисть (Brush) 3-4 рх с жесткими краями черного цвета. Открываем панель настроек кистей (F5) и в разделе «Динамика формы» (Shape Dynamics) устанавливаем колебание размера (Size Jitter) с нажимом пера (Pen Pressure). Подчеркиваем контуры лица кистью, имитируя комикс-эффект.

step7 3

Шаг 8.

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

step8 1

Объединяем слои «Эскиз», «Детали эскиза» и «Контуры» (Ctrl+клик по миниатюрам слоев, затем Ctrl+E). Называем полученный слой «Эскиз».

step8 2

Прекрасно! Теперь приступаем к раскрашиванию нашего эскиза. Создаем новый слой (Ctrl+Shift+N) и называем его «Основные цвета». Устанавливаем режим смешивания этого слоя на Умножение (Multiply).

step8 3

Я не использовал отдельные слои для раскрашивания волос, кожи и одежды героини. Одного слоя вполне достаточно в нашем случае. Если вы собираетесь выполнять колоризацию на планшете, то активируйте раздел «Динамика формы» в палитре настроек кисти (f5) и рисуйте со 100% непрозрачностью (Opacity).

step8 4

Шаг 9.

Если вы не имеете планшета, выберите инструмент Перо (Pen tool) в режиме контуров (иконке пера в рамке в верхнем меню) и создайте контур вокруг лица девушки.

step9 1

После закрытия контура, нажимаем пр.кн.мыши по нему и выбираем из меню – Создать выделение (Make Selection). В диалоговом окне выделения указываем радиус растушевки (Feather) 0 и нажимаем Ок.

step9 2

Устанавливаем цвет переднего плана на #fedcb9. Заполняем выделение (Alt+Backspace или Paint Bucket Tool) цветом переднего плана.

step9 3

Используя такой прием закрашивания, выполняем колоризацию всего эскиза. Ниже приведены цвета для каждой области закрашивания. Если цвета заливки выходят за пределы контура закрашиваемой зоны, удалите Ластиком (Eraser Tool) лишнее.

Шаг 10.

step10 1

Создав цветную основу образа, придадим ему глубину, добавляя тени и блики. Для теней и бликов создаем отдельный слой (Ctrl+Shift+N) и называем его «Тени/Света». Добавляем на этот слой обтравочную маску (клик пр.кн.мыши по миниатюре этого слоя и выбираем – Create Clipping Mask).

Читайте также:  Как сделать чтобы волосы у ребенка были густые

step10 2

Все, что мы будем выполнять на обтравочном слое, будет ограничено низлежащим цветным слоем.

step10 3

Шаг 11.

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

step11 1

Помня о нашем источнике света, начинаем обозначать затемнения и светлые участки. Используем мягкую Кисть (Brush) с непрозрачностью (Opacity), установленной на «нажим пера» (Pen Pressure), если вы работаете на планшете; и Кисть (Brush) с непрозрачностью (Opacity) 30-40%, если используете мышь. Ниже указаны цвета, который я применил для нанесения теней и бликов.

step11 2

step11 3

Шаг 12.

Вот как теперь выглядит иллюстрация с тенями и бликами.

step12 1

В качестве завершающего штриха, мы добавим на изображение девушки полутоновую текстуру. Скачайте набор полутоновых текстур из ресурсов урока и откройте их в Фотошоп. Выберите одну из набора и перенесите (Move Tool) в наш документ. Перед переносом измените битовый режим.

Поместите полутоновую текстуру выше всех слоев в панели и измените режим смешивания на Умножение (Multiply).

step12 2

Теперь, чтобы узор был только на девушке, создаем на слое с ним обтравочную маску (клик пр.кн.мыши по миниатюре слоя и выбираем – Create Clipping Mask).

Снижаем непрозрачность (Opacity) полутонового слоя до 40-50%.

step12 3

Шаг 13.

Добавляем маску на слой с полутоновым узором (Layer-Layer Mask-Reveal All) и черной Кистью (Brush) 120-130 рх и 80% жесткости (Hardness) скрываем часть изображения.

step13 1

И получаем следующий результат:

step13 2

Шаг 14.

Далее, создадим фон для нашего рисунка. Но сначала выполним сведение слоев изображения (Layer-Flatten Image). После сведения, переименовываем полученный слой в «Девушка».

step14 1

Чтобы удалить белый фон вокруг девушки, используем инструмент Волшебная палочка (Magic Wand Tool) с допуском (Tolerance) в 32 (верхнее меню). Делаем клик по белому фону, выделяя его.

step14 2

Выделив основной фон, дополнительно нажимаем Shift, чтобы активировать опцию «добавить к области выделения», и нажимаем инструментом между рук и на бедрах.

step14 3

Шаг 15.

Как только вы выделили все области фона, переходим в меню Слой-Маска слоя-Скрыть выделенное (Layer-Layer Mask-Hide Selection). Это удалит весь фон на изображении.

step15 1

Создаем новый слой (Ctrl+Shift+N) ниже слоя с девушкой и называем его «Фон». Заполняем (Edit-Fill или Shift+F5) его цветом #f07e0f.

step15 2

Создаем новый слой (Ctrl+Shift+N) выше фонового слоя, но под слоем «Девушка». Называем его «Линии».

step15 3

Шаг 16.

Активируем Кисть (Brush) и выбираем самую первую в наборе по умолчанию. Открываем панель настроек кисти (F5) и в разделе «Форма отпечатка кисти» ( Brush Tip shape) устанавливаем размер на 8 рх с интервалом (Spacing) 175%.

В разделе «Динамика формы» (Shape Dynamics) увеличиваем колебание размера (Size Jitter) до 100%. Цвет переднего плана устанавливаем белый (#ffffff).

step16 1

Скрываем видимость слоя с девушкой (клик по глазику миниатюры) и, удерживая Shift, рисуем горизонтальную линию кистью (Brush) по центру холста слева-направо.

step16 2

Шаг 17.

Увеличиваем линию в высоту холста, используя Трансформирование (Edit-Transform или Ctrl+T). Удерживая Alt, тянем за средний узел рамки вверх, растягивая линию вертикально.

step17 1

Получился вот такой узор:

step17 2

Переходим на слое с линией в меню Фильтр-Искажение-Полярные координаты (Filter-Distort-Polar Coordinates). Активируем опцию «Прямоугольные в полярные» (Rectangular to Polar).

step17 3

Шаг 18.

Получился симпатичный лучевидный узор.

step18 1

Нажимаем Ctrl+T (Трансформирование) и, удерживая Alt+Shift, увеличиваем лучи на холсте.

step18 2

Размываем лучи при помощи фильтра «Размытие по Гауссу» (Filter-Blur-Gaussian Blur) с радиусом 14,8 рх.

step18 3

Шаг 19.

Снижаем непрозрачность (Opacity) лучевого слоя до 52% и включаем видимость слоя с девушкой.

step19 1

И вот наша мультперсона готова! Это окончательный результат:

step20 1

Думаю, вам понравились такие интересные приемы создания комиксов. Удачи и творческих успехов!

Используемые материалы:

for forum

Категория: Уроки Фотошопа

Источник: Ссылка на источник скачиваний/переходов: 42

Рейтинг популярности: 2.7/5 (Всего оценок: 49)

star

Скачивание материала, добавление комментариев и общение на форуме доступно только для зарегистрированных пользователей

Источник

Оцените статью
Профилактика
Adblock
detector