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

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

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

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

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

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

 

Первое, с чего мы начнём — это создание копии оригинального изображения. Откройте фотографию в программе Photoshop, затем откройте палитру слоёв (нажать клавишу F7) и нажмите комбинацию клавиш Ctrl+J, после чего фоновый слой продублируется:

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

Теперь нам надо обесцветить изображение. Для этого пройдите по вкладке главного меню Изображение —> Коррекция —> Обесцветить (Image —> Adjustments —> Desaturate) или просто нажмите комбинацию клавиш Ctrl+Shift+U. Другие способы преобразования фотографии в чёрно белую описываются в этом материале.

Смотреть другие материалы по созданию рисунка из фотографии
Как сделать из фото рисунок с текстурой холста
Создаём Action (операцию) Photoshop — рисунок из фото
Карандашный рисунок из фотографии пейзажа
Видеоурок: создание экшена — рисунок из фото

Теперь нам понадобится создать дубликат чёрно-белого слоя, в данный момент он у нас активен (подсвечен синим), поэтому для дублирования снова нажмите Ctrl+J:

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

Изменим режим наложения этого слоя на «Осветление основы» (Color Dodge). При этом окно рабочего документа заполнится белым цветом. В зависимости от образа Вашей фотографии, в некоторых местах могут оставаться чёрные области, но большинство документа будет заполнено белым:

Теперь проходим по вкладке главного меню Фильтр —> Размытие —> Размытие по Гауссу (Filter —> Blur —> Gaussian Blur)

Это открывает диалоговое окно соответствующего фильтра. Начните перемещать ползунок «Радиуса» вправо, и Вы увидите, как в документе начнёт проявляться эффект эскиза. Чем дальше вы переместите ползунок, тем больший будет применяться эффект размытия и, соответственно, будет повышаться интенсивность эффекта эскиза. Однако, если вы переместите ползунок слишком далеко, будут появляться полутона и эффект карандашного рисунка будет пропадать. В моём случае я остановился на значении 12,5 пикселей:

Кликните правой клавишей мыши по активному (верхнему) слою, при этом откроется контекстное меню, в котором наведите курсор мыши на пункт «Объединить видимые» (Merge Visible), зажмите клавишу Alt и кликните левой клавишей мыши по этому пункту. Благодаря зажатой Alt у нас появится новый слой, состоящий из двух объединённых верхних (видимых) слоёв. При этой манипуляции вид фотографии в рабочем окне документа не изменится. Вот как будет выглядеть палитра слоёв:

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

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

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

Теперь осталось только изменить режим наложения на «Цветность» (Color) и уменьшить Непрозрачность (Opacity), в моём примере я задал значение Непрозрачности 65%:

Взгляните ещё раз на конечный результат:

Контурный рисунок из фотографии -Russian Photoshop Tutorial :: Melissa Evans

By Melissa Evans

Tutorial Links: Page 1 | Page 2

Russian translation by VanVin

Line Art Tutorial Recommended for Intermediate Level Photoshop Users

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

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

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

1) Подготовка слоев

Откройте фотографию в Photoshop и переименуйте слой Background в «original». Если ваша фотография достаточно темная, сначала осветлите ее, чтобы черные контуры, кото- рые мы будем наносить поверх изображения, можно было бы различить на его фоне.

Отрегулируйте яркость (Brightness) изображения, используя команду Adjustments>Brightness/Contrast из меню Image.

Сдублируйте (Ctrl+J) исходный слой, назвав новый слой «top».

Создайте еще два новых слоя (меню Layer>New>Layer или Ctrl+Shift+N), разместив их под слоем top.

Залейте один из новых слоев (расположенный над слоем oroginal) белым, переимено- вав его на background, а второй оставьте прозрачным, задав для него имя line art.

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

2) Настройка инструмента Brush (кисть)

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

Области, находящиеся в тени, так же изображают с более толстыми контурами, чем освещенные объекты.

Все это вы можете изучить, рассматривая контур- ные рисунки и комиксы.

Еще одна техника контурного рисунка заключает- ся в том, что используются лишь линии с двумя ви- дами контуров – более толстыми прорисовываются внешние контуры объекта, а тонкими – внутренние.

Перейдем теперь непосредственно к настройке кис- ти (Paint Brush) и настроим ее так, чтобы штрихи, наносимые ею сужались от начала к концу.

Щелкните инстумент кисть, затем выберите вклад- ку Brushes (кисти) в правой верхней части экрана:

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

Теперь перейдем в раздел Shape Dinamics (динамическое изменение формы):

1. Задайте для параметра Control режим Fade (затухание)

2. Задайте желаемое значение затухания

3. Задайте Minimum Diametr (Минимальный диаметр)

(На скриншоте показаны значения Fade=250, Minimum Diameter=27%, но вы можете по- добрать другую комбинацию этих параметров, которая понравится вам больше – поэкспе- риментируйте с двумя этими значениями)

Выберите в качестве foreground colour (цвет переднего плана) – черный (быстро сделать это можно, нажав клавишу D – цвета по умолчанию)

3) Создание контуров (Paths)

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

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

Убедитесь, что для инструмента Pen (перо) задан режим Create New Work Paths (Paths в Photoshop CS):

Создайте контур вокруг внешней части верхней губы, отрегулировав при необходимос- ти положение точек и расположение кривых участков инструментом Direct Selection Tool.

Когда вид контура вас удовлетворит, щелкните правой кнопкой мыши, не снимая выде- ления с конутура, и выберите в раскрывшемся меню пункт Stroke Path (обводка контура).

Щелкнув по пиктограмме глаза в палитре слоев, «верните» видимость слою background. Затем удалите вспомогательный контур (path), щелкнув правой кнопкой мыши и выбрав пункт delete path. Теперь ничто не мешает вам рассмотреть созданную линию. Если вы удовлетворены результатом, снова отключите видимость слоя background и переходите к созданию следующего контура. Если нет – вернитесь с помощью палитры History на ста- дию корректировки вспомогательного контура, нарисованного инструментом Pen и отре- гулируйте его:

Кроме того, полученную линию можно подправить с помощью инструмента Eraser (ластик):

Для создания линий, тонких с обоих концов и утолщающихся к центру (как у внешнего контура нижней губы на рисунке) в настройках кисти (раздел Shape Dynamics) для пара- метра Control измените режим Fade на Pen Pressure со значением Minimum Diameter=1%:

Для таких линий при обводке их с помощью команды Stroke Path включайте режим Simulate Pressure (имитировать нажим).

Периодически включайте видимость слоя background, чтобы оценить результаты на чистом белом фоне.

Для создания очень толстых линий, таких, как контуры бровей, мы рисуем замкнутый (то есть, не имеющий разрывов) вспомогательный контур (path), и, при создании линии выби- раем не обводку вспомогательного контура (Stroke Path), а его заливку (Fill Path):

Для создания геометрических фигур – овалов, кругов, квадратов и т. п. – используйте со- ответствующие инструменты Ellipse Tool, Rectangle Tool:

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

Tutorial Links: Page 1 | Page 2

 

Amazon.com Widgets

Как превратить фотографию в рисунок карандашом в Photoshop (8 шагов)

Многие из вас, вероятно, уже спрашивали Google, является ли умение рисовать обязательным для того, чтобы стать графическим дизайнером. Ответ — нет! Что делать, если однажды вам нужно будет создать стильный дизайн, нарисованный от руки? Ответ по-прежнему НЕТ!

Правильно, рисовать не надо! Вы можете превратить фотографию в штриховой рисунок в Photoshop и, поверьте мне, это выглядит реально!

Я работаю графическим дизайнером девять лет, и у меня были клиенты, которые просили рисунки на доске или простые рисунки в стиле иллюстраций. И мое решение было, Фотошоп! Честно говоря, я мог бы рисовать, но фотошоп «рисует» быстрее и лучше. Если бы я мог сэкономить время, почему бы и нет?

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

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

Примечание. Скриншоты взяты из версии Adobe Photoshop CC для Mac. Windows и другие версии могут немного отличаться.

Шаг 1: Откройте изображение, которое вы хотите превратить в рисунок в Photoshop. Файл > Открыть . Например, я собираюсь сделать это изображение Coca-Cola карандашным наброском.

Шаг 2: Щелкните правой кнопкой мыши слой изображения на панели «Слои» и выберите Дублировать слой , чтобы создать копию изображения. Или используйте выделение слоя и используйте сочетание клавиш Команда ( Ctrl для Windows) + J для дублирования слоя.

Шаг 3: Выбрав новый слой, перейдите в верхнее меню. Контроллер для Windows) + U , чтобы обесцветить фотографию (Слой 1).

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

Шаг 5: Выберите верхний дублированный слой и перейдите в верхнее меню. 1 I инвертировать Изображение.

Шаг 6: На том же слое (инвертированный слой) выберите режим наложения Color Dodge из раскрывающегося меню панели «Слои». Вы увидите, что большая часть изображения станет белой.

Шаг 7: Выбрав верхний слой, перейдите в верхнее меню Фильтр > Размытие > Размытие по Гауссу .

Вы увидите всплывающее окно.

Шаг 8: Переместите ползунок «Радиус», чтобы найти эффект карандаша, который вы хотите создать, и нажмите OK .

Советы. Установите флажок «Предварительный просмотр», чтобы увидеть, как выглядит эффект при настройке.

Дополнительные советы

Что-то упустили? Или слишком много шума на заднем плане? Вы можете очистить изображение с помощью инструментов Dodge и Burn. Инструмент Dodge осветляет следы карандаша, а инструмент Burn затемняет их.

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

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

Выберите режим наложения Multiply . Вы можете видеть, что след от карандаша стал тяжелее, чем раньше.

Если вы хотите внести другие корректировки, просто найдите панель Adjustments и внесите необходимые корректировки.

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

Заключение

Хорошая новость: вам не нужно уметь рисовать, чтобы сделать набросок! Вы можете просто манипулировать изображением, чтобы сделать реалистичный карандашный рисунок в Photoshop, выполнив восемь шагов, описанных выше. Надеюсь, вы найдете мои советы полезными 🙂 

О Джун

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

Как преобразовать фотографию в штриховой рисунок в Photoshop « Photoshop :: WonderHowTo

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

youtube.com/v/63PR4yxB1jQ?autoplay=0&rel=0&vq=2″ type=»application/x-shockwave-flash» wmode=»transparent»/> Пожалуйста, включите JavaScript, чтобы посмотреть это видео.

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

Просто откройте выбранную фотографию в Photoshop, создайте дубликат слоя, затем перейдите к Image -> Adjustments -> Desaturate . Это превратит ваше изображение в черно-белое.

Далее перейти к Filter -> Stylize -> Fine Edges и вы получите эффект карандашного рисунка. Теперь вернитесь к Image -> Adjustments и выберите Brightness/Contrast . Отрегулируйте яркость и контрастность по своему вкусу, затем перейдите к Фильтр -> Резкость -> Резкость Больше .