Open
Close

Карандашный рисунок в фотошопе.

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

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

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

Рисунок красками из фотографии в Photoshop

Лучше всего для рисунка красками подходят пейзажи и виды городов. Открываем изображение в Photoshop. В главном меню выбираем пункт «Фильтр»/Filter , .

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

Преобразим фото в рисунок масляной краской. Выбираем группу эффектов «Имитация»/Artistic , а в ней - эффект «Масляная живопись»/Paint Daubs .

Остаётся подобрать на свой вкус «Размер кисти»/Brush Size , «Резкость»/Sharpness (от неё зависит степень слияния соседних мазков) и «Кисть»/Brush Type («Простая»/Simple , «Широкая резкая»/Wide Sharp , «Светлая грубая»/Light Rough , «Широкая размытая»/Wide Blurry , «Тёмная грубая»/Dark Rough , «Искры»/Sparkle ).

Завершив настройки, жмём Ok , фото сохраняем (Shift+Ctrl+S ) в любом удобном формате, например, в JPG.

К данному снимку подберём настройки, как указано на фото ниже.

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

Еще больше о Photoshop - на курсах .

Карандашный рисунок из фотографии в Photoshop

В «Галерее фильтров» можно подобрать эффект эскизного рисунка карандашом. Применяют его чаще всего к портретам. Это простой способ, но важно учесть следующее: чем больше разрешение фото, тем лучше сработает эффект. К тому же фото должно быть контрастным (фон однородный, чтобы модель не сливалась с ним).

Подбираем фото большого размераданном случае 5472х2767 пикселей). Открываем его в Photoshop.

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

После выбора основного цвета заходим в «Галерею фильтров» . Главное меню, «Фильтр»/Filter , «Галерея фильтров»/Filter Gallery , «Эскиз»/Sketch , эффект «Ксерокопия»/Photocopy . Перемещая ползунки «Детализация»/Detail и «Затемнённость»/Darkness , нужно добиться изображения, максимально похожего на рисунок карандашом. К данному фото были применены настройки, которые можно увидеть на снимке ниже.

Можно добавить ещё один эффект из «Галереи фильтров» , который усилит схожесть с карандашным рисунком. Для этого в нижнем правом углу нужно нажать на изображение подогнутого листа бумаги. В списке используемых эффектов появится ещё одна строка.

Теперь можно зайти в другой список эффектов. Заходим в группу фильтров «Штрихи»/Brush Strokes , выбираем «Перекрёстные штрихи»/Crosshatch . В его настройках подбираем параметры, чтобы наш эскиз максимально напоминал штриховку карандашом. Параметр «Длина штриха»/Stroke Length , «Резкость»/Sharpness , «Интенсивность»/Strength в нашем случае можно увидеть на фото ниже. После подбора настроек нажимаем Ok .

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

В этом уроке мы превратим обычную фотографию в карандашный рисунок (или набросок, как хотите).

Итоговый результат

Исходные материалы:

Шаг 1

Откройте стоковое изображение “Девочки”.

Обесцветьте данное изображение с помощью корректирующего слоя Цветовой тон / Насыщенность (Hue/Saturation), для этого идём Слой - Новый корректирующий слой - Цветовой тон / Насыщенность (Layer > New Adjustment Layer > Hue/Saturation). Сместите бегунок до конца влево.

Шаг 2

Далее, добавьте новый корректирующий слой Кривые (Curves), идём Слой - Новый корректирующий слой- Кривые (Layer > New Adjustment Layer > Curves). Сместите нижнюю точку немного вправо, чтобы немного усилить контраст.

Шаг 3

Создайте объединённый слой из всех видимых слоёв, нажав клавиши (Ctrl + Shift + Alt + E).

Шаг 4

Добавьте новый корректирующий слой Кривые (Curves) к слою, к которому мы применили фильтр Выделения краёв (Find Edges). Сместите нижнюю и верхнюю точку к центру. Данное действие скроет страшные серые оттенки и усилит контраст.

Шаг 5

Создайте новый слой (Ctrl + Shift + Alt + N), залейте его цветовым оттенком #eaeaea. Расположите данный слой ниже слоя с выделенными краями. В следующем шаге вы узнаете почему.

Шаг 6

Теперь уменьшите непрозрачность слоя с выделенными краями. В моём случае, я уменьшил до 22%, но вы можете поиграть со значением непрозрачности и выбрать более подходящее значение для вашей фотографии. Теперь вы можете увидеть смысл слоя с заливкой, который мы создали в Шаге 5.

Шаг 7

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

Цвет кисти выберите с заднего фона, удерживая клавишу (Alt) + щёлкните по заднему фону. Начните прокрашивать кистью участки изображения, как бы создавая стилизацию (например, волосы).

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

Примечание переводчика: 1. создайте новый слой поверх всех остальных слоёв. 2. кистью прокрасьте участки изображения (волосы, футболки) на своё усмотрение, как бы ретушируя изображение, только не переусердствуйте. 3. выберите жёсткую кисть чёрного цвета маленького диаметра 4. прокрасьте вдоль краёв, создавая дополнительные штрихи 5. вы можете нанести свои штрихи, варьируя жёсткость и непрозрачность кисти. 6. все действия индивидуальны и будут зависеть от исходного изображения.

Шаг 8

Наш рисунок, предположительно, выполнен на бумаге, поэтому давайте добавим текстуру бумаги. Создайте объединённый слой из всех видимых слоёв (Ctrl + Shift + Alt + E). Идём Фильтр - Галерея фильтров - Текстура (Filter > Filter Gallery>Texture). В списке выберите опцию Текстуризатор (Texturizer), а затем поиграйте с настройками, применив те настройки, которые вам больше всего нравятся. Если эффект получился слишком насыщенным, тогда уменьшите непрозрачность слоя до 30-40%.

Шаг 9

Рисунок уже выглядит отлично, но давайте добавим ещё одну небольшую деталь для большего реализма. Откройте стоковое изображение “Карандаш”. Создайте выделение вокруг изображения карандаша с помощью любого инструмента выделения на своё усмотрение. Скопируйте (Ctrl + C), а затем вклейте скопированное изображение карандаша (Ctrl + V) на наш рабочий документ.

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

Вот результат, который должен получиться:

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

1. Настройка изображения

Шаг 1

Открываем наш исходник в программе Photoshop. Кликнем два раза по слою Фон, чтобы разблокировать его и даем название ему Слой 1. Создаём Новый слой и называем его Слой 2. Устанавливаем цвет переднего плана белым, а затем с помощью инструмента Заливка (G), заливаем его белым цветом. Поместим Слой 2 под слоем с исходником.

Цветное изображение преобразуем в чёрно-белое. Делаем активным слой с фотографией и заходим в меню Изображение – Коррекция - Цветовой тон / Насыщенность и в появившемся окне настроек уменьшаем Насыщенность до -100.

2. Создание эффекта рисунка

Шаг 1

Переходим к созданию самого эффекта рисунка. Добавляем к слою с изображением тигра слой-маску. Для этого кликаем по иконке слой-маски и сразу заливаем её чёрным цветом при помощи инструмента Заливка (G).

Дальше, переключаем цвет переднего плана на белый. Цвет заднего плана должен быть чёрным. Активируем инструмент Кисть (B).Выбираем из набора кистей Плоскую тупую с короткой жёсткой щетиной , устанавливаем размер 60 пикс. и начинаем наносить штрихи по чёрной слой-маске (с кистями и размерами можете поэкспериментировать и выбрать другую, понравившуюся).

Шаг 2

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

Шаг3

Инструментом Перемещение (V) расположите изображение тигра по центру документа и добавляйте штрихи до полного удовлетворения. По завершению продублируйте этот слой клавишами Ctrl+J .

Шаг 4

Теперь нужно усилить эффект рисунка. Заходим в меню Изображение – Коррекция – Уровни и устанавливаем настройки для RGB канала как на скрине, тем самым усиливаем контраст и выделение штрихов. После этого объединяем все слои вместе Ctrl+Alt+Shift+E .

Шаг 5

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

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

Возьмите любую понравившуюся вам картинку, желательно не меньше 600 пикселей по ширине, и с не совсем мелкими деталями. В данном уроке будет использована картина Фредерика Лейтона «Урок музыки».

Итак, приступим. Продублируем слой Ctrl+J и обесцветим его Image-Adjustment-Desaturate , вернитесь на базовое (нижнее) изображение и создайте новый слой, который окажется над ним. Перейдем на главное меню Edit-Fill , выберем 50% Gray и зальем новый слой серым цветом.


Оставаясь на том же слое, перейдем в Filters-Noise и в окне установим ползунок на 7 , по Gaussian и проставленной птичкой на Monochromatic. Поднимемся на верхний обесцвеченный слой и продублируем его, затем перейдем в Layer-Layer Mask-Hide All . В режиме слое смените его на Darken . Запомните работу.

Спуститесь на нижний обесцвеченный слой и перейдите в Filter-Stylize-Glowing Edges и проставьте следующие параметры: Edge Width 1 Edge Brightness 7 Smoothness 11 Установите режим смешивания слоев Soft Light , прозрачность 50% и инвертируйте его Image-Adjustment-Invert . Как видите, у нас что-то проявляется, пока это только общие контуры.

А теперь начнется самое интересное.... Поднимитесь на замаскированный слой и щелкните на маску, затем выберите мягкую кисть примерно 50 пикселей диаметра и прозрачностью 20% и быстрыми круговыми движениями пройдитесь по центру изображения.

Теперь, когда мы определились с основным изображением, выберите жесткую кисть до 2 пикселя, прозрачность примерно до 15% и начинаем наносить штрихи создавая фон (не забывайте, что вы работаете в маске)

Спуститесь на слой ниже (контурный) и объедините его с серой подложкой Ctrl+E , теперь создайте еще один новый слой поверх всех слоев и объедините его с нашим основным рисунком Ctrl+E , при вопросе применить ли маску к изображению, нажмите Apply . В режиме слоев установите Normal , вы увидите, что части изображения стали ярче, а некоторые, которые отсутствовали - проявились, создайте маску этому верхнему слою, нажав на значок маски внизу панели и установив черный цвет и выбрав мягкую крупную кисть с прозрачностью не более 20% пройдитесь по ярким участкам изображения немного "погасив" их. Теперь избавьтесь от маски потянув ее на иконку мусорной корзины на панели, при вопросе применить ли маску к изображению, нажмите Apply и выбрав жесткую кисть диаметром в 2 пикселя и с прозрачностью до 20%, пройдитесь поверх основных контуров создавая непосредственные линии, но тем не менее постарайтесь не откланяться от рисунка. Поменяйте черный цвет на белый и снова нанесите штрихи и контуры. Продолжайте наносить штрихи, чередуя цвета, наносите белый там, где светлые участки и блики, и черные штрихи и контуры там, где хотите подчеркнуть линии и тона. Добавьте чуть контрастности Image-Adjustment-Brightness/Contrast . В итоге у нас получится вот такой карандашный рисунок.

Вообщем-то работа готова, и те кто не хочет разбавлять ее небольшой фантазией, может считать урок оконченным, но можно попробовать разнообразить ее. Итак, после многочисленных слоев и манипуляций с ними, в итоге мы имеем в работе два слоя: карандашный и оригинал картины. Добавьте маску карандашному слою, нажав внизу панели слоев на иконку маски и выбрав большую мягкую кисть примерно 30% прозрачности и установив черный цвет, пройдитесь по изображению девочки, ближе к ногам уменьшите прозрачность кисти, в районе мелких деталей уменьшите диаметр кисти. Еще немного подкорректируем штрихи, где-то добавим, где-то удалим и в итоге получилась вот такая работа. Посмотрите на нее издалека, она будто оживает за счет девочки.

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

Что мы хотим получить:

Шаг 1

Начнем с того, что выберем фотографию, над которой будем работать. Желательно, чтобы фон был чистым, а фото — качественным. Как крайний вариант, скачайте такое фото со стока.

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

Шаг 3

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

Шаг 4

Выбираем Gaussian Blur / Размытие по Гауссу и меняем радиус на 40 пикс . Использование Smart Object применит этот фильтр как Смарт-Фильтр (то есть умный!) таким образом, что мы сможем просто настроить параметры по необходимости, вместо того, чтобы постоянно применять этот эффект.

Измените режим наложения слоя-дубликата на Color Dodge / Осветление Основы , что существенно повысит контраст и даст поверхности зернистость, которая нам необходима.

Шаг 5

Нажмите на иконку Adjustment Layer / Корректирующий слой и выберите Levels / Уровни . Передвиньте слайдеры теней и Midtones / Cредние Тона немного вправо, чтобы чуть затемнить изображение.

Шаг 6

Добавьте новый Adjustment Layer / Корректирующий Слой и теперь выберите опцию Black and White / Черно-белое . Настроек по умолчанию будет достаточно, чтобы удалить цвет и придать изображению больше «карандашности».

Шаг 7

Используйте CMD+A , чтобы Select All / Выделить Все , потом воспользуйтесь Edit > Copy Merged / Редактирование > Скопировать Cовмещенные Данные (или сочетание клавиш CMD+Shift+C ). Это сделает обтравку всех видимых слоев. Нажмите CMD+V , чтобы вставить этот слой поверх остальных.

Теперь делаем так: Filter > Filter Gallery / Фильтр > Галерея фильтров , потом идем в Glowing Edges / Свечение Краев из меню Stylize / Стилизация . Меняем параметры, как показано ниже:

Теперь Image > Adjustments > Invert / Изображение > Коррекция > Инверсия (или the CMD+I ), чтобы сделать негатив снимка (вместо черного на белом получится белое на черном фоне).

Шаг 8

Поменяйте режим наложения у этого слоя на Multiply / Умножение , затем снизьте непрозрачность слоя до 50-60%.

Шаг 9

Нажмите на иконку New Layer / Новый Слой внизу палитры Layers / Слои , затем нажмите CMD+Backspace , чтобы залить слой белым (это цвет фона по умолчанию). Снова вернитесь в Filter Gallery / Галерея Фильтров , но теперь выбираем Texturizer / Текстуризатор . Измените настройки на Sandstone.

Измените режим наложения у этого слоя на Multiply / Умножение чтобы можно было увидеть основные линии, затем снизьте непрозрачность до 50% , чтобы добиться эффекта текстуры тонкой бумаги. Чтобы добиться усилить эффект цветного карандаша, выключите слой с черно-белой коррекцией.

Итог

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

Перевод — Дежурка