Как сделать из фотографии рисунок в фотошопе. Как сделать фото как нарисованное с помощью PhotoShop

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

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

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

Итак, открываем в программе исходную фотографию.

Делаем копию изображения, перетащив его на значок нового слоя в палитре слоев.

Затем обесцвечиваем фотографию (тот слой, который только что создали) сочетанием клавиш CTRL+SHIFT+U .

Делаем копию данного слоя (см. выше), переходим на первую копию, а с верхнего слоя снимаем видимость.

Теперь приступаем непосредственно к созданию рисунка. Переходим в меню «Фильтр – Штрихи – Перекрестные штрихи» .

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


Затем переходим на верхний слой и включаем его видимость (см. выше). Переходим в меню «Фильтр – Эскиз – Ксерокопия» .

Как и с предыдущим фильтром, добиваемся эффекта, как на скрине.



В итоге получаем нечто подобное (помните, что результаты будут видны в полной мере только при стопроцентном масштабе):

Продолжаем создавать эффект рисунка в фотошопе. Создаем отпечаток (объединенную копию) всех слоев сочетанием клавиш CTRL+SHIFT+ALT+E .

Затем снова идем в меню «Фильтр» и выбираем пункт «Имитация – Масляная живопись» .

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


Подходим к завершению стилизации нашего фото. Как мы можем видеть, краски на «картине» слишком яркие и насыщенные. Исправим эту несправедливость. Создаем корректирующий слой «Цветовой тон/Насыщенность» .

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

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

Перетягиваем картинку с текстурой на изображение модели и, если требуется, растягиваем ее на весь холст и нажимаем ENTER .

Меняем режим наложения (см. выше) для слоя с текстурой на «Мягкий свет» .

Вот что в итоге должно получиться:

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

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

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

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

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

Шаг 1.

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


Шаг 2.

Теперь создайте дубликат фонового слоя, нажав Ctrl + J . Затем инвертируйте изображение, нажав Ctrl + I (или через меню Изображение > Коррекция > Инверсия (Image > Adjustments > Invert). Затем кликните правой кнопкой мыши по слою и выберите пункт Преобразовать в смарт-объект (Convert to Smart Object).


Шаг 3.

Перейдите в меню Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur) и примените значение Радиус (Radius) около 40 пикселей. Так как слой был преобразован в смарт-объект, фильтр будет применен, как смарт-фильтр, что позволит нам в дальнейшем изменять настройки, если понадобится.


Шаг 4.


Шаг 5.

Кликните на иконку Создать новый корректирующий слой или слой-заливку (Create new fill or Adjustment layer) в нижней части панели слоев и выберите пункт Уровни (Levels) . Установите ползунки последовательно: 11; 0,93; 255 – это немного затемнит изображение.


Шаг 6.

Добавим еще один корректирующий слоя. На этот раз выберите пункт Черно-белое (Black & White) . Настройки по умолчанию обесцветят изображение, придав ему вид карандашного рисунка.


Шаг 7.

Используйте сочетание клавиш Ctrl + А , чтобы выделить все, затем перейдите в меню Редактирование > Скопировать совмещенные данные (Edit > Copy Merged - Ctrl + Shift + С) . Таким образом вы создадите слитую копию всех видимых слоев. Нажмите Ctrl + V, чтобы вставить эту копию на верхний слой в порядке слоев.


Шаг 8.

Далее перейдите в меню Фильтр > Стилизация > Свечение краев (Filter > Stylize > Glowing edges). Установите значения: Ширина краёв (Edge Width): 1; Яркость краёв (Edge Brightness):20; Смягчение (Smoothness): 15.


Шаг 9.

Инвертируйте слой, нажав Ctrl + I , чтобы переключить свечение с «белого на черном» к «черному на белом».


Шаг 10.

Затем измените режим наложения слоя со светящимися краями на Умножение (Multiply) , чтобы белый фон стал прозрачным, также уменьшите Непрозрачность (Opacity) до 50-60% , чтобы смягчить эффект очерченных краев.


Шаг 11.

Создайте новый слой, кликнув по иконке Создать новый слой (Create a new layer) внизу панели слоев. Затем нажмите сочетание клавиш Ctrl + Backspace , чтобы залить слой белым цветом (фоновый цвет по умолчанию). Далее перейдите в меню Фильтр > Текстура > Текстуризатор (Filter > Texture > Texturizer) и установите настройки текстуры: Известняк (Sandstone)
Масштабирование (Scaling) 200%;

Рельеф (Relief) 4; Освещение (Light): Сверху (Top);

снимите галочку Инвертировать (Invert)


Шаг 12.

Измените измените режим наложения на Умножение (Multiply) и уменьшите Непрозрачность (Opacity) до 50% , чтобы создать мягкий эффект текстуры бумаги.


Шаг 13.

Чтобы добиться эффекта рисунка цветным карандашом, вы можете выключить видимость корректирующего слоя Черно-белое (Black and White) , чтобы убрать обесцвечивание.


Шаг 14.

Итоговый результат выглядит, как реалистичный эффект карандашного наброска с реалистичными линиями и тенями. Размытый и инвертированный слой с режимом наложения Осветление основы создает основу эффекта за счет увеличения контраста. В то же время дополнительные эффекты, такие как: свечение краев и текстура бумаги придают работе большую реалистичность. А применение смарт-объекта позволяет корректировать значение размытия по Гауссу, чтобы добиться наилучшего результата.


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

Рассмотрим самые эффективные способы.

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

Сервис Photo Phunia

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

Также вы можно выбрать текстуру фона исходного файла: цветная, белая или «особая» .

  • Чтобы начать работу, выберите файл на своём ПК. Для этого нажмите на сайте копку «Browse» .
  • Затем определите цветовую гамму изображения (чёрно-белая или цветная).
  • Кликните на форме текстуры, которую хотите получить на выходе и нажмите на кнопку «Создать» , чтобы начать процесс преобразования файла.
  • Через несколько секунд будет сгенерирована прямая ссылка на скачивание картинки из сайта.

Сервис Croper

Следующий популярный сайт для создания рисунка из обычной картинки – это Croper . Этот онлайн фоторедактор позволяет применять к фотографии дополнительные эффекты.

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

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

Интерфейс редактора очень простой:

  • Загрузите файл на сайт, нажав на соответствующую кнопку.
  • Картинка откроется в новом окне сайта.
  • После этого найдите вкладки главного меню – они расположены в верхней части сайта.
  • Кликните по очереди на «Операции» -«Эффекты» - «Карандаш» .

Результат работы Croper представлен на рисунке ниже.

Создание рисунка в Adobe Photoshop

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

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

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

Мы будем использовать обычную отсканированную фотографию.


Шаг 1. Для начала нам нужно скопировать оригинальное изображение. Для этого откройте картинку в программе, дождитесь загрузки панели инструментов и нажмите на кнопку F7 .


Шаг 2. Затем кликните на сочетании кнопок Ctrl+J . Таким образом вы создадите дубликат слоя.


Процедура обесцвечивания

Шаг 3. Для этого нажмите на пункт Изображение (главное меню программы). Кликните на «Коррекция» –«Инверсия» .

Также, чтобы применить обесцвечивание для слоя, достаточно нажать одновременно на клавиши Ctrl+I .

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

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


Шаг 4. Кликните на слое 2 и в строке «Режим » откройте выпадающий список. Кликните на «Осветление основы» .


Шаг 5. После изменения режима полотно проекта станет полностью или частично белым. На панели главного меню нажмите «Фильтр» -«Размытие» .

Шаг 6. Из предложенного списка выберите «Размытие по Гауссу ». В открывшемся окне отрегулируйте ползунок, создавая уровень размытости.

Чем выше значение этого показателя, тем светлее становится картинка, приобретая очертания нарисованной.

Важно! Не переусердствуйте с применением фильтра размытости, иначе фотография может стать слишком светлой и эффект карандаша потеряется. Оптимальное значение размытости - 12,5 – 13 пикселей.

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

Как видим, картинка приобрела очертания карандаша, но не стала слишком светлой.


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

Рис. 11 - изменение режима отображения слоя

Шаг 9. Выберите самый верхний слой (слой 1). Нужно изменить режим его показа на «Умножение». Это позволяет затемнить каждую линию эскиза, придавая эскизу больше натуральности.

Линии не должны быть слишком тёмными. Если же такое случилось, отрегулируйте параметр «Непрозрачность» до отметки 50%.

Необходимо, чтобы сохранился цвет «простого» карандаша.

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


Шаг 10. Если вы хотите добавить эскизу немного цвета, создайте копию фонового слоя, нажав наCtrl+J .

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

Шаг 11. Выберите режим «Цветность»

Рис. 13 - итог создания рисунка из фотографии

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

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

Такой метод позволяет добиться наиболее качественного эффекта нарисованной карандашом картинки.

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

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

Для примера возьмём вот такой снимок, сделанный в Португалии:

А вот что получится после наших манипуляций:

Чтобы сделать рисунок из фото в Фотошопе, открываем снимок в программе и создаём цветовой слой: Layer/«Слои» → New Fill Layer/«Новый слой-заливка» → Solid Color…/«Цвет…» .

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

После этого создадим копию основного слоя (Background ) и применим к нему фильтр Photocopy/«Рваные края» из набора .

Новый слой назовём «Грубый набросок» . Установим ему режим наложения Multiply/«Умножение» . Здесь мы имитируем набросок, который художники делают перед прорисовкой деталей.

Но художники никогда не рисуют чёткие и точные линии с первого раза. Мы же хотим сделать что-то похожее на набросок, и черновых линий должно быть больше. Потому создаём копию слоя «Грубый набросок» и немного увеличиваем её. Нажимаем комбинацию клавиш Command + T и в верхнем меню ставим ширину и высоту в 105%.

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

Теперь сделаем то же самое, но уменьшим первоначальный холст, чтобы сделать ещё больше линий-набросков.

Копируем слой «Грубый набросок» и с помощью трансформации уменьшаем ширину и высоту до 95% Устанавливаем для этого слоя непрозрачность 10–20%.

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

Создаём копию базового слоя Background .

После этого воспользуемся фильтром Cutout/«Аппликация» из набора фильтров Filter/«Фильтр» → Filter Gallery…/«Галерея фильтров…» . Параметры фильтра можно подобрать на свой вкус или воспользоваться нашими настройками.

Перетащим стилизованный слой на верхнюю часть панели слоёв и применим к нему фильтр Filter/«Фильтр» → Stylize/«Стилизация» → Find Edges…/«Выделение краёв…» . Он позволит сильнее выделить основные линии и границы объектов, которые на рисунке должны быть прорисованы лучше.

Теперь сделаем выделенные на предыдущем шаге границы чёрно-белыми: Image/«Изображение» → Adjustments/«Коррекции» → Desaturate/«Обесцветить» .

Назовём новый слой «Эскиз» и установим ему режим наложения Color Burn . Отрегулируем непрозрачность.

Предыдущий шаг можно повторить, чтобы добавить больше деталей.

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

Background и перетаскиваем её в верхнюю часть панели слоёв. Применяем к новому слою фильтр Filter/«Фильтр» → Stylize/«Стилизация» → Find Edges…/«Выделение границ…» .

Теперь обесцвечиваем его.

Воспользуемся фильтром Angled Strokes/«Наклонные штрихи» из набора Brush Strokes/«Штрихи» в меню Filter/«Фильтр» → Filter Gallery…/«Галерея фильтров…» .

Отрегулируем длину штриха, направление и детализацию.

Новому слою установим режим наложения Multiply/«Умножение» и непрозрачность около 60%. Видно, что на изображение добавились штрихи.

Продолжаем добавлять детали. Сделаем ещё больше штрихов.

Так же дублируем базовый слой Background , применяем фильтр Crosshatch/«Наклонные штрихи» из набора Brush Strokes/«Штрихи» в меню Filter/«Фильтр» → Filter Gallery…/«Галерея фильтров…» .

Обесцвечиваем его.

Устанавливаем режим наложения Multiply/«Умножение» и регулируем непрозрачность.

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

Создаём ещё одну копию базового слоя Background и перетаскиваем её в верхнюю часть панели слоёв. Устанавливаем режим наложения Color/«Цвет» . Рисунок сразу «раскрасился». Осталось по маске оставить раскрашенными отдельные части изображения.

Добавим к слою маску, нажав на пиктограмму Add Layer Mask/«Добавить маску» в нижнем меню на панели слоёв. По умолчанию добавится маска белого цвета, нам нужно её инвертировать: кликаем по пиктограмме маски и нажимаем комбинацию клавиш Command + I .

После этого выбираем кисть на свой вкус. Это может быть имитация карандаша, мелков или акварели из стандартного набора Adobe Photoshop или какие-то дополнительные кисти.

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

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

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

Взяв принципы этого метода за основу, можно придумать алгоритм с другими фильтрами из набора Filter/«Фильтр» → Filter Gallery…/«Галерея фильтров…» и в Фотошопе сделать из фото рисунок карандашом.

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

Урок выполнен в Photoshop CS6, но подойдут и более ранние версии.

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

Вот так будет выглядеть чёрно - белый рисунок.

И тот же эффект после прибавления цвета с оригинальной фотографии.

Давайте начнём!

Шаг 1. Добавляем слой Цветовой тон/Насыщенность

Откройте ваше фото в фотошоп. На панели слоёв мы видим, что это единственный слой.

Для создания нашего эффекта первое, что мы должны сделать - это удалить все цвета с нашего изображения, не нарушив само изображение. Для этого на панели Adjustments (Коррекция) нажмите на иконку Hue / Saturation (Цветовой тон/Насыщенность).

Над фоновым слоем появится новый корректирующий слой Hue / Saturation (Цветовой тон/Насыщенность).

Шаг 2. Обесцвечиваем изображение

Чтобы удалить цвет с изображения, просто перетащите ползунок Saturation (Насыщенность) до значения -100.

В итоге изображение станет чёрно - белым.

В панели слоёв нажмите на фоновый слой, чтобы его выбрать.

Шаг 4. Дублируем Фоновый слой

Нам нужно создать копию фонового слоя. Для этого пройдите в меню Layer > New > Layer via Copy (Слои - Новый - Скопировать на новый слой). Второй более быстрый способ - это сочетание клавиш Ctrl+ J .

В панели слоёв появилась копия фонового слоя.

Шаг 5. Инвертируем изображение

Для того, чтобы инвертировать созданную копию фонового слоя, пройдите в меню Image > Adjustments > Invert (Изображение - Коррекция - Инверсия). Или нажмите сочетание клавиш Ctrl+I.

Изображение примет вид негатива.

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

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

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

Стоя на дубликате фонового слоя, в правом верхнем углу панели слоёв нажмите на иконку меню.

В списке выберите Convert to Smart Object (Преобразовать в Смарт - Объект).

На миниатюре слоя в правом нижнем углу появится значок смарт - объекта.

Для того, чтобы применить фильтр к слою со смарт - объектом, пройдите в меню Filter > Blur > Gaussian Blur (Фильтр - Размытие - Размытие по Гауссу).

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

Нажмите ОК, чтобы применить настройки.
Вот мой результат.

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

Мы создали основной эскиз, но он слишком светлый и его нужно немного затемнить. Для этого на панели Adjustments (Коррекция) нажмите на иконку коррекции Levels (Уровни).

Над слоем со Смарт - Объектом появится новый корректирующий слой.

Шаг 10. Изменяем режима наложения

Параметры корректирующего слоя нам не нужны - оставим их по умолчанию. Чтобы затемнить наш эскиз всё, что нам нужно - это изменить режим наложения этого слоя на Multiply (Умножение).

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

Если ваше изображение покажется вам слишком тёмным, то вы можете изменить Opacity (Непрозрачность) корректирующего слоя Уровни. В моём случае я установлю примерно на 60%.

Вот что у меня получилось.

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