Как с фотографии сделать рисунок. Сделать арт из фото онлайн

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

Кстати эту технику можно использовать для превращения векторных клипартов в картинки, которые можно потом давать своим детям, чтобы они учились раскрашивать их! Или использовать в коммерческих целях для создания книжек-раскрасок:) Вообщем сейчас вы сами все увидите.

Шаг 1

Открываем фотографию-донор.

Шаг 2

Теперь нужно применить фильтр. Выполните следующую команду: Фильтр — Размытие — «Умное» размытие .

Шаг 3

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

В итоге получится такое изображение:

Шаг 4

Избавимся от черного цвета, выполнив команду — Ctrl+I .

Шаг 5

Края выглядят неопрятными. Сделаем их более гладкими и добавим мультяшного эффекта, детки такое очень любят. Для этого выберите Фильтр — Имитация — Аппликация .

Откроется следующее окно:

(Кликните, чтобы увеличить)

Здесь необходимо настроить два параметра: Простота краев и Четкость краев для регулировки толщины и качества линий обводки.

Шаг 6

Применим фильтр и смотрим как из цветной фотографии получился рисунок карандашом:

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

Еще я возьму и подотру лишние линии. В итоге получился такой результат:

Заметили ошибку в тексте - выделите ее и нажмите Ctrl + Enter . Спасибо!

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

Основными инструментами для цифрового рисования в Фотошопе являются:

Если вы зарегистрированы на deviantArt , пожалуйста, разместите страницу с кистями у себя в фаворитах, если планируете их использовать.

Рисуем основу

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

Красный цвет на коже появится позже: в естественном цвете кожи так же присутствует и красный тон, но для добавления его, я использую отдельный слой с более темным красным цветом и настройкой «Soft Light » (Мягкий свет).

Базовые настройки кисти

Для рисования базовых форм, я использую большую мягкую кисть (Lighting brush, 300 px by Dan LuVisi) . Точно такую же, как показано на скриншоте. Я начинаю рисовать с Opacity (Непрозрачность) 100% очень ярким цветом.

Как только базовая форма закрашена, я уменьшаю Opacity (Непрозрачность) до 5-20% , а Flow (Нажим) до 20% и рисую темным цветом тени, который выбрал для кожи. Низкая непрозрачность и нажим позволяют делать очень плавные переходы от одного цвета к другому.

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

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

Теперь уменьшите рисунок

Очень важно периодически смотреть на вашу работу издалека. Никогда не работайте все время на 200% увеличении! Вы можете наложить свет на нос при 200% увеличении и посчитать, что «все выглядит великолепно », ну а когда вы уменьшите картину, то окажется, что вместе все смотрится просто ужасно, потому что освещение носа не соответствует освещению картины в целом.

Блестящие глаза

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

Рисунок радужки можно нарисовать при помощи инструмента (Инструмент «Палец»).

Брови

Для рисования бровей я использую инструмент (Инструмент «Палец»). В Photoshop CS4 можно вращать ваше рабочее пространство. Мне проще рисовать сверху вниз, поэтому я вращаю рисунок так, как мне будет удобнее.

Вот мои настройки для инструмента палец при рисовании бровей:

- Hard brush (Жесткая кисть) with 3 px radius;

- Threshold (Порог): 95 - 98% ;

- Brush properties : active; Size-Jitter (Колебание размера) 0% - Pen Pressure (Нажим пера).

Наложим немного красного на…

Наступило время для того, чтобы добавить красный цвет в кожу. Для этого я буду использовать отдельный слой с настройкой «Soft light » (Мягкий свет). Теперь просто добавьте немного темно-красного тона на подобии того, что использовал я:

Рисование волос

Для начала я рисую базовую форму волос на новом слое. Нет ничего проще… :-)

Воспользуйтесь пальцем!

Второй шаг в этом не легком процессе – это размазывание волос за пределы базовой формы. И снова я использую кисть, созданную Дэном ЛюВизи . Вы можете просмотреть все его кисти на странице: //adonihs.deviantart.com/art/My-Brush-Pack-118954791 . Я использовал кисть для волос (hair brush) при размазывании инструментом (Инструмент «Палец»). И вот что у меня вышло.

Тени

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

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

Детализация волос

Какую кисть я использовал на этом скриншоте? Правильно! Кисть для волос (hair brush) Дэна ЛюВизи :-)

Правда, с небольшими изменениями, отличными от оригинала. Настройка у моей кисти для Offset (Сдвига) изменена до 1% и я рисую ею с низкими значениями Opacity/Flow (Непрозрачности/Нажима). Ну и само собой, сейчас мы используем инструмент (), а не палец, так как мы должны рисовать детали, а не размазывать.

Тонкие волосики

Как вы видите на этом рисунке, я использую очень тонкую кисть для рисования волос (и рисую я на новом слое!). Мы просто берем обычную жесткую (hard) кисть с любым темным цветом, близким к цвету волос и рисуем ею. Обычно я использую жесткую кисть (hard brush) в 3 px с довольно высокими значениями Opacity (Непрозрачности) и Flow (Нажима).

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

Волосы, которые я нарисовал чуть ранее, на этом рисунке теперь размыты довольно сильно. Для того чтобы добиться такого результата, необходимо выбрать (Фильтр - Размытие - Размытие по Гауссу). Так же я немного подтер ластиком некоторые части тонких волосиков, так как мне кажется, что так выглядит более реалистично. Кисть я использовал для ластика большую и мягкую с непрозрачностью 30% и нажимом 30% (big, soft eraser with 30% opacity, 20% flow ).

А теперь осветлим их!

Теперь я создаю новый слой для того, чтобы высветить пряди белым цветом при помощи жесткой стандартной кисти с непрозрачностью 80% , нажимом 50% и радиусом 3 px (hard standard brush with 80% opacity, 50% flow and 3 px radius). Это может занять прилично времени….

Используйте белый цвет по всей длине волос! Как только вы закончите, возьмите большой мягкий ластик (big soft eraser with 30% opacity) с непрозрачностью 30% , к примеру, и сотрите то, что вы нарисовали с наиболее темных участков. Но не полностью!

Финальный блеск

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

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

Теперь давайте выберем инструмент () и выберите текстурную кисть (Texture layer brush) Дэна ЛюВизи (мы будем так же использовать эту кисть для рисования пор на коже девушки, но немного позже). Установите приблизительно размер кисти в 130 px и не выставляйте достаточно высоко уровень Exposure (Экспонирования). Результат будет выглядеть приблизительно так, как на рисунке.

Рисование кожи

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

На этот раз – Texture brush (Текстурную кисть). Обычно я использую радиус в 130 px, но это зависит исключительно от размера вашей работы (мои стандартные работы 100 х 80 см – 150 dpi).

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

Зачем держать поры на отдельном слое? Потому что так будет лучше для нас же. Предположим, что мы захотели что-то подправить на лице, допустим, сделать его темнее. Не будем же мы затемнять и точки. Выглядеть будет просто ужасно! :-)

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

Теперь нам нужно создать особо большие поры и родинки на коже. Снова, на новом слое, нарисуем большие точки разного размера. Как только вы сочтете, что точек достаточно – сотрите их снова! :-)

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

Лицо закончено.

Вводим новые элементы

Если я нарисую просто картину девушки, она не будет столь интересной. Поэтому я решил добавить несколько элементов, которые бы сделали мою работу индивидуальной и интересной. Мне хотелось добавить руку, которая бы держала что-нибудь, но на тот момент я не знал, что именно я хочу видеть. Я долго думал о великолепных работах Wibisono и решил нарисовать наиболее правдоподобно. Итак, я решил изобразить веер и добавить некоторые азиатские/японские мотивы.

Я начал штудировать материалы по Японии и решил остановиться на вишневом цвете. Мне пришлось работать с множеством слоев, поэтому для меня не составило труда изменить цвет определенным элементам веера. Для подобных операций я обычно использую (Изображение - Коррекция - Цветовой тон/Насыщенность / Клавиши «Ctrl+U»).

Ну а теперь настало время немного поработать над передним планом.

Одежда

Одежда… Скажем, что это нечто похожее на кимоно, которое я нарисовал на нескольких слоях. Сначала я создал абстрактную форму с тенями и светом. Затем я использовал инструмент Smudge Tool

Свет

Для того чтобы придать работе яркости и динамичности, мне нужно добавить света. Ниже приведены изображения моих последующих шагов работы со светом. Сначала я сделал контур волос более ярким. Я использовал для этого на новом слое большую мягкую кисть чуть больше чем стандартная вместе с настройкой «мягкий свет » (the soft light filter). Дальше я создал несколько лучей света. Для этого я взял жесткую кисть и нарисовал несколько больших точек, а затем выбрал через меню Filter - Blur - Motion Blur () и изменил режим наложения слоя на (Перекрытие).;

Что делать, если рисовать ни карандашом, ни с помощью компьютерной мыши вы не умеете, а создать цифровой рисунок хочется? На сегодняшний день множество людей интересует вопрос о том, как сделать фото как нарисованное. Ответ на него достаточно прост: все, что для этого нужно - это внимательно изучить предоставленный в этой статье материал и применить полученные знания на практике.

Поговорим об искусстве

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

Как можно нарисовать фото?

Существует несколько разных способов того, как превратить фотографию в настоящий рисунок. Самый простой - это преобразование фотографий непосредственно в вашем браузере онлайн. Понятно, что все имеющиеся там настройки являются общими и не могут подстроиться под каждое фото. Второй, более продуктивный способ - это использование специально созданных для таких целей программ. На просторах интернета находится большое количество разных редакторов, направленных именно на превращение снимка в подобие рисунка. Количество доступных настроек будет уже больше, и вы сможете достигнуть приемлемого результата. Наилучшим способом считается использование графического редактора вроде PhotoShop (далее - "Фотошоп"). В таком случае редактирование фото происходит под вашим личным контролем, а значит, и итоговое произведение будет оптимальным.

Конечно, самый впечатляющий результат вы получите, заказав портрет или пейзаж у художника, но нашей целью является ознакомление с работой редактора, чтобы каждый смог без труда понять, как сделать фото как нарисованное. Так что работу кисточкой оставим художникам, а сами разберемся с принципом работы "Фотошопа". Ничего сложного в поставленной задаче нет: если внимательно прочитать инструкцию и пошагово выполнить все указанные действия, то все легко получится. Конечный результат будет радовать глаз, а вы сможете научиться чему-то новому.

нарисованное карандашом, в "Фотошопе"?

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

Работа с красками

Как сделать фото как нарисованное красками? С помощью специального фильтра, разработанного компанией Adobe, который находится в свободном доступе в интернете - Pixel Bender. В версии Ps6 он уже предустановлен, и в русскоязычном варианте называется «Масляная краска» и находится в верхнем меню в графе «Фильтр».

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

Использовать этот способ редактирования еще легче, чем предыдущий: вы просто открываете нужное фото, затем переходите в верхнем меню «Фильтр - Масляная краска…», после чего открывается дополнительное окно фильтра, в котором вы, изменяя настройки, сразу видите будущий результат. Изменяются два основных параметра - свойства кисти и освещение. Итоговая картинка получается очень красивой, а главное, кажется, что она действительно нарисована с помощью кистей и красок.

И напоследок

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

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

Следуйте инструкции:

1 Откройте нужную фотографию в Photoshop и добавьте новый слой цветового тона и насыщенности. Для этого найдите в окне программы панель отображения стилей и в ней кликните на вкладку «Adjustments» (Коррекция) ;

2 Кликните на указанный на рисунке ниже значок «Hue» (тон-насыщенность);

3 Во вкладке слоев появится новый слой «Цветовой тон-Насыщенность» . Этот слой является корректирующим и позволяет изменить палитру оттенков и структуру фото;

4 Кликните на новый слой. Появиться окошко настроек его параметров. В поле Saturation выставьте значение «-100» . Таким образом вы уменьшите насыщенность изображения;

5 Теперь картинка станет черно-белой. Далее нужно выбрать фоновой слой. Нажмите на него в окне Layers ;

6 Следующий шаг – дублирование существующего фонового слоя. В шапке программы нажмите на вкладку Layer. В выпадающем списке кликните на «New Layer»-«Layer via Copy»;

7 В результате, на панели отображения слоев появится копия фона;

В результате, картинка должна отображаться как негатив.

9 Изменим тип наложения слоя. Выберите копию фонового слоя и активируйте режим Color Dodge. Это необходимо для осветления основы. Картинка станет белой с отображением нескольких темных участков;

10 Теперь из получившегося слоя нам нужно сделать смарт-объект. Кликните на дубликат фона и затем кликните на кнопку «Меню слоя» ;

11 В выпадающем списке конвертируйте элемент в «Smart Object» . После этого возле превью слоя появится значок, который говорит о присвоении объекту смарт-ярлыка.

12 Для применения фильтра кликните на меню «Filter». Далее перейдите во вкладку «Blur» и выберите «Gaussian Blur ». В открывшемся окошке для Radius выставьте значение 12,0 пикселей. Сохраните настройки;

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

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

Редактор GIMP

GIMP – это одна из самых популярных альтернатив . По своему функционалу и возможностям обработки GIMP не уступает профессиональным платным приложениям.

Обработку фото можно выполнять в любой версии программы.

Сам процесс преобразования картинки простой и займет не более 5-ти минут.

Для начала откройте в программе исходное изображение и выполните обесцвечивание. Кликните на вкладку меню «Цвет» и выберите «Обесцветить» .

Теперь скопируйте фоновой слой и теперь работайте исключительно с копией.

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

Откройте вкладку меню «Фильтр» и кликните на «Выделение края» -«Край» .

В открывшемся окне настройте такие параметры:

• Основа оттенков серого – «Светлота» ;
• Алгоритм – «Лаплас» ;
• Величина – «2,0» ;
• Действие – «Размыть» .

Сохраните настройки. В результате, края картинки приобретут очертание рисунка.

Осталось только инвертировать картинку для получения реалистичного арт-дизайна.

Кликните на вкладку «Цвет » в шапке программы и выберите пункт «Инвертировать ». Результат выполнения действия:

Стандартный Paint.NET

PAINT.NET – это стандартный редактор графики для Windows.

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

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

Prisma

Принцип работы программы очень простой:

• Вы загружаете фото из памяти устройства или открываете камеру в окне редактора и делаете селфи;
• Далее следует дождаться завершения загрузки фото в окно редактора;
• Вверху экрана выберите тип обработки – создание эскиза, граффити, штриховки или выделение контура;
• Для создания черно-белого или цветного рисунка нажмите на клавишу «Ч/Б карандаш» или «Цветной карандаш» соответственно;
• Для сохранения работы кликните на значок дискеты.

«Sketch Камеры»

В приложении «Sketch Камеры» пользователи могут создавать из фотографий рисунки , аниме или рисованных книжных героев.

Программа распространяется на бесплатной основе и доступна для Android и IOS:

Следуйте инструкции, чтобы преобразовать фото в рисунок:

• Откройте программу и выберите из памяти смартфона нужный графический файл;
• Далее выберите цветовую гамму эффекта. Цветовая гамма отображается внизу экрана в виде четырех оттенков для каждого объекта;
• Для регулировки яркости кликните на иконку изменения параметров фильтра. Кнопка расположена в левой части окна;
• Выберите фото из файловой системы ПК или смартфона;
• Далее кликните на режим цветности – многоцветный или черно-белый;
• При необходимости отметьте галочкой пункт «размыть границы»;
• Кликните на «Создать» .



Результат обработки фото в автоматическом онлайн-редакторе:

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

1) Итак, открываем фото девушки программой фотошоп и приступаем. Первым делом мы делаем копию слоя с фото и верхнему слою делаем наложение "Осветление основы", вместо "Обычное".

2) Далее, к этому же верхнему слою применяем "Инверсию". Для этого при выделенном верхнем слое в панели слоев, выбираем в верхнем меню "Изображение" - "Коррекция" - "Инверсия", либо нажимаем сочетание клавиш "Ctrl" + "i".

3) Теперь к этому же слою мы применим фильтр "Размытия по Гауссу", для этого при выделенном слое выбираем в верхнем меню "Фильтр" - "Размытие" - "Размытие по Гауссу" и в появившемся окошке фильтра настраиваем радиус размытия значением "26,3". Данное значение подобрано именно для размера редактируемого нами фото, если размер будет больше или меньше, то значение размытия тоже придется подбирать другое. Главное, чтобы получился такой же результат.

4) Теперь необходимо обесцветить обрабатываемый слой. Для этого, при выделенном слое, в панели слоев снизу выбираем корректирующий слой "Цветовой тон/Насыщенность".

5) Следующим шагом настроим "Уровни" слоя. Для этого, как и в предыдущем случае, при выделенном слое выбираем в нижнем меню панели слоев корректирующий слой "Уровни" и появившемся окне настроек настраиваем уровни, чтобы картинка стала контрастнее.

6) Теперь выделяем нижний слой с фото, которое в первозданном виде и преобразовываем этот слой в "Смарт-объект". Для этого кликаем по нему правой кнопкой мыши и выбираем "Преобразовать в Смарт-объект".

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

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