Как сделать мультяшную фотографию в фотошопе. Создаем эффект мультипликации на фото

Привет, ребята на связи Олег Лютов! Сегодняшней темой снова является урок по работе с «фотошопом», а именно как из фото сделать рисунок, с помощью фото редактора. Причём я покажу целых два метода, при которых получатся разные, но все равно рисунки. В одной из своих статей я писал, - кто не знает, милости прошу.

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

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

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

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

Как из фото сделать рисунок, простые шаги

Этот урок, в принципе, поможет усовершенствовать (или приобрести) навыки работы в графическом редакторе фотошоп, ну и успешным ученикам удастся порадовать себя мультяшным рисунком в результате обработки собственного, ну или чужого, фото.

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

Рисунок из фото в фотошоп

Итак, вариант превращения фотографии в мультяшный рисунок вторым методом:

ШАГ 1. Первое, что нужно сделать, открыть сам редактор!

ШАГ 2. После появления фотографии на экране следует перейти к разделу «слои» на боковой панели, для создания дубликата слоя. Это можно сделать при помощи выбора пункта «создать дубликат слоя…». Его создание является обязательным, иначе никакого эффекта обработка не даст и изображение не преобразуется.

ШАГ 4. Следующий этап переход во вкладку «фильтры» где во всплывающем окне нужно будет выбрать пункт «галерея фильтров». Программа предоставит доступные фильтры, среди которых нужно будет выбрать именно «очертание края».

ШАГ 5. Потребуется указание следующих параметров:

толщина краёв — 2; интенсивность -1; пастеризация-2.

Собственно говоря, всё! Рисунок становится мультяшным. Далее, его можно будет подредактировать и подобрать фон, как указано на скриншоте ниже.

Как из фото сделать рисунок в фотошопе

Стоит перейти к первому, более сложному варианту превращения фотографии в рисунок:

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

ШАГ 3. Карандашом нужно будет очертить все контуры требуемых деталей: ушей, глаз, головы, рук и т. д. Главное, проследить за тем, чтобы контур обязательно замыкался.

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

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

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

Видеоинструкция, как сделать рисунок из фото

Вот так просто можно создать рисунок из фото, используя фотошоп.

Теперь, хочется услышать ваше мнение, по поводу этого урока. Может, кто знает способ легче? Напишите мне об этом в комментариях. А пока вы думаете, что мне писать, предлагаю подписаться на обновление моего блога, пролистав интересную рекламу вниз. Спасибо за внимание, на данный момент пока хватит. Урок окончен.!

Как сделать в фотошопе мультяшное фото за 5 минут?

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

Включаем Фотошоп

Первым делом – запустите этот «волшебный», как вы уже поняли, редактор графики Photoshop.

Применяем эффект

Теперь – кликните по строчке меню «Фильтр», чтобы открыть список его «предложений».
В «выпавшем» перечне – нажмите на строку «Галерея фильтров». Вы уже – почти у цели, ребята.

А сейчас – нажмите левой клавишей «мыши» на подгруппу фильтров «Имитация». А когда откроются все варианты этой функции – выбирайте «Аппликация». Это – и будет тем самым «магическим» инструментом, который в доли секунды видоизменит ваш снимок.

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

Настраиваем параметры

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

Следующий, «Простота краёв» – будет играть «вам на руку», если сдвинуть его «ползунок» влево. Чем правее он окажется, тем более ваша картинка будет походить на набор разных фигур из курса школьной геометрии.

И третий, «Чёткость краёв» – придаёт вашему рисунку большей детализации при перемещении «движка» этой настройки левее.

Подберите, друзья, наиболее подходящие, с точки зрения финального результата, и оптимальные на ваш взгляд параметры этого эффекта, и жмите на кнопку «ОК».

Скажу сразу, ребята, что очень многое зависит от «исходника» будущей «мультяшки». Берите такие, где человек «схвачен» крупным планом, и не очень много мелких цветных деталей. Тогда – результат обработки будет симпатичнее.

Но а если, вы хотите стать настоящим профессионалом по фотошопу, то вам сюда…

Удачи вам, и благосклонных творческих муз! До встречи!

С уважением, Сергей Иванов

Как из фото сделать рисунок?

Photoshop (Фотошоп) - программа, обладающая огромным числом возможностей, о многих из которых рядовые пользователи даже не догадываются. Одной из интереснейших опций самой популярной программы для редактирования изображений является возможность сделать рисунок из фото. О том, как в фотошопе из фото сделать рисунок, как раз и поговорим в данной статье.

Возможности Photoshop

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

Картина кистью

Данная задача легко выполняется с помощью нового инструмента Photoshop - фильтра Oil Paint. Этот инструмент содержит 2 раздела - "Кисть" и "Освещение". В первом разделе четыре "ползунка": "Стилизация", "Чистота", "Масштаб", "Сведения о щетине", во втором - два: "Под углом", "Блеск". Как вы уже догадались, первый инструмент отвечает за настройки "пера художника", второй - за создание необходимого освещения "холста". Играя соответствующими ползунками фильтра, можно добиться разной величины и характера мазков, создав в итоге картину в наиболее приятном для вас стиле.

Карандашный рисунок

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

1. Открываем необходимое фото в Photoshop.
2. В настоящий момент в палитре Layers (Слои) у вас должен находиться один слой с названием Background, копируем слой и называем его "Фото1".
3. Нажимаем комбинацию клавиш Ctrl+SHIFT+U, после этого слой станет черно-белым.
4. Еще раз копируем слой, называем его "Фото2" и инвертируем с помощью комбинации Ctrl+I.
5. Теперь в палитре слоев выбираем опцию Color Dodge для слоя "Фото2" (после этого слой станет белым, не пугайтесь, так и должно быть).
6. Проходим путь Filter/Blur/Gaussian Blur и в появившейся палитре двигаем "ползунок". В этот момент рисунок начнет "проявляться". В фильтре можно выбрать величину штрихов, тень и глубину рисунка.
7. В принципе, с помощью умелого подбора последних параметров уже должно получиться весьма неплохо, однако в большинстве случаев требуется дополнительная корректировка кистью. На главной панели инструментов выбираем "Кисть", цвет - черный. В свойствах кисти выставляем следующие настройки - Hardness - 0%, Oracity - 5-10%, Diametr - наиболее комфортный для рисования, после чего редактируем рисунок, добавляя собственные штрихи. Кстати, с помощью белой кисти можно, напротив, убрать лишние штрихи.

Мультяшный рисунок

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

1. Открываем фото в Photoshop.
2. Добавляем новый прозрачный слой.
3. Выбираем инструмент "Кисть", цвет - черный, размер - 1 пиксель.
4. Делаем активным прозрачный слой и на нем начинаем "рисовать" - обводить контур всех элементов фото.
5. Как только закончим с обводкой, выбираем инструмент "Заливка" и раскрашиваем элементы как пожелается - поскольку мы рисуем мультяшный рисунок, применять советуем яркие цвета.
6. Все! Дело сделано.

Программы для создания рисунков из фото онлайн

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

Другие программы

Как ни крути, Photoshop все же довольно сложная в обращении программа, непродвинутые пользователи и панель Layers не сразу-то найдут. С другой стороны, владение Photoshop - навык очень полезный, а потому результат стоит стараний. Тем не менее, никто не будет против, если вы для превращения фото в рисунок воспользуетесь более простой программой. О самых популярных программах, решающих данную задачу, читайте .

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

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

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

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

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

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

Подготовка

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

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

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. Недостатки и «промахи» можно исправлять, работая кистью по маске соответствующего слоя. Белая кисть добавляет участки к области, а черная удаляет.

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

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

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

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

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

Шаг 1.

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

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

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

Шаг 2.

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

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

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

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

Шаг 3.

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

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

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

Шаг 4.

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

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

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

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

Шаг 5.

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

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

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

Шаг 6.

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

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

Переименовываем объединенный слой в «Детали эскиза» и создаем к нему маску слоя .

Шаг 7.

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

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

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

Шаг 8.

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

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

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

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

Шаг 9.

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

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

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

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

Шаг 10.

Цвета для заливки:

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

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

Шаг 11.

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

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

Шаг 12.

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

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

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

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

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

Шаг 13.

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

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

Шаг 14.

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

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

Шаг 15.

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

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

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

Шаг 16.

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

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

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

Шаг 17.

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

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

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

Шаг 18.

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

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

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

Шаг 19.

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

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

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