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

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

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

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

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

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

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

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

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

Новый слой назовём «Грубый набросок». Установим ему режим наложения 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 можно обрабатывать изображения множеством различных способов, дополняя новыми элементами, работая с фильтрами, яркостью, контрастом, цветовым балансом, уровнями и т.д.

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

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

Подготовка фотографии

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

Итак, приступим к обработке фото.

1. Открываем фото в программе и создаем копию исходного слоя, нажав комбинацию клавиш Ctrl+J.
2. Нажимаем сочетание клавиш Ctrl+Shift+U, чтобы обесцветить только что созданный слой.
3. Создаем копию обесцвеченного слоя, затем убираем с него видимость и переключаемся обратно на первую копию.
4. На этом подготовка фото завершена и можно переходить, непосредственно, к его обработке.

Применение фильтров

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

1. Заходим в меню “Фильтр” и выбираем в нем пункт “Галерея фильтров”.
2. В группе “Штрихи” нам нужен фильтр “Перекрестные штрихи”. Выставляем параметры (ориентироваться можно на скриншот ниже) и щелкаем OK.
3. Должен получиться примерно следующий результат.
4. Переключаемся на самый верхний слой и активируем его видимость.
5. Нажимаем клавишу D, чтобы сбросить цвета. В качестве основного должен быть выбран черный, в качестве фонового – белый.
6. Снова переходим в Галерею фильтров. В ней выбираем “Ксерокопию” в группе “Эскиз”. Выставляем параметры (можно отталкиваться от настроек на скриншоте ниже) и жмем OK.
7. Получаем вот такой результат.
8. Теперь для каждого слоя с примененным фильтром меняем режим наложения на “Мягкий свет”.Для этого щелкаем по текущему варианту и выбираем нужный.
9. Теперь фотография выглядит так.
10. Здесь стоит учитывать, что полностью оценить полученный результат можно лишь при стопроцентном масштабе.
11. Находясь на самом верхнем слое нажимаем комбинацию Ctrl+Alt+Shift+E, чтобы создать отпечаток всех слоев.
12. Открываем Галерею фильтров. В группе “Имитация” выбираем вариант “Масляная живопись”. Настраиваем параметры фильтра таким образом, чтобы сохранить побольше деталей, т.е. эффект не должен быть слишком явным. Ориентироваться можно по глазам актрисы.
13. Полученный результат выглядит примерно так.

Настройка цвета и текстуры

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

1. Нажимаем на специальный значок в Палитре для создания корректирующего слоя.
2. В открывшемся перечне выбираем пункт “Цветовой тон/Насыщенность”.
3. В появившихся настройках:
   • убираем насыщенность;
   • делаем цветовой тон слегка теплее.
4. Мы почти закончили. Но остается еще один нюанс – нужно наложить текстуру холста.
5. Текстуру легко найти в интернете с помощью соответствующего поискового запроса. Находим и скачиваем файл с изображением на компьютер.
6. Открываем изображение со скачанной текстурой в программе. Нажимаем Ctrl+A, чтобы выделить его. Затем выбрав инструмент “Перемещение”, зажав левую кнопку мыши, тянем выделенное изображение на вкладку с нашей фотографией.
7. Когда программа переключит нас на вкладку со снимком актрисы, не отпуская кнопку мыши перетаскиваем изображение на рабочий холст.
8. Растягиваем (или сжимаем) перемещенное изображение до размеров исходной фотографии.
9. В Палитре меняем режим наложения “Мягкий свет”.
10. Скорее всего, текстура полуится слишком явной.
11. Чтобы немного убавить видимость текстуры, можно уменьшить непрозрачность слоя на свое усмотрение.
12. На этом можно сказать, что обработка фотографии завершена, и нам удалось сделать из нее рисунок.Примечание: Как мы ранее упоминали, в полной мере насладиться полученным результатом можно только в масштабе 100%. Увы, на сайте продемонстрировать это не получится, новы можете оценить часть рисунка в оригинальном размере.

Заключение

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

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

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

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

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

На сайте фоторедактора pho.to Вы найдете более пятидесяти подходящих для этого шаблонов:

• Карандашный набросок
• Рисунок черным углем
• Эффект масляных и акварельных красок
• Рисунок мелками
• Рисунок чернилами и пр.

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

• С компьютера
• По ссылке
• Из Facebook

В качестве «подопытного кролика» мы выбрали такую фотографию:

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

Всё что Вы сделали, конечно же можно скачать, получить ссылку либо сразу отправить в социальные сети:

Теперь Вы знаете как при помощи pho.to можно онлайн превратить фото в рисунок буквально за минуту. А результат будет выглядеть так, как будто вживую нарисовано карандашом, красками или чернилами. Гарантируем, что Ваше творчество удивит не только Вас, но всех Ваших друзей и знакомых. Ссылка: http://funny.pho.to/ru/art-effects/ Как видите, ничего сложного вообще нет 🙂

Напоследок оцените насколько трудоемкое занятие делать всё это в Photoshop:

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

Автор статьи: Сергей Сандаков, 40 лет.
Программист, веб-мастер, опытный пользователь ПК и Интернет.

создание рисунка из фотографии онлайн!

Всем доброго дня!

Наверное, почти каждый пользователь, видел в сети «странные» фотографии людей, как будто это картинка, нарисованная художником. Такая картинка имеет название — арт (пример слева с Никулиным). И сделать ее, кстати, можно довольно-таки быстро, воспользовавшись специальными онлайн-сервисами. 👌

Думаю, статья также будет полезна всем тем пользователям, которые хотят себе сделать необычную аватарку для социальных сетей (ВК, Одноклассники и пр.), различных форумов, приложений (например, Skype, Viber и пр.), да и просто удивить своих друзей и родственников.

И так, приступим к делу — к созданию арта!

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

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

*

Выбор сервиса с лучшими фотоэффектами

❶

Pho.to

Адрес странички: http://funny.pho.to/ru/art-effects/

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

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

Десятки различных эффектов к фото

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

Пользоваться сервисом крайне просто:

1. выбираете сначала эффект, который вам понравился;
2. загружаете свое фото;
3. и через несколько секунд — смотрите на свой прикольный арт. Пример показан ниже: правда ведь неплохо нарисовано?!

Как изменилось фото: было — стало (слева на право)

*

❷

Photomania.net

Сайт: https://photomania.net/editor

Еще один крайне интересный сайт, представляющий из себя онлайн фото-редактор. Здесь можно загрузить фотографию и быстро обработать ее: в том числе создать из нее интересный рисунок (арт).

Чем подкупает этот сервис — на нем довольно много самых необычных вариантов обработки фото: можно, например, разместить свое фото на груди Месси или Рональдо, поместить свое фото в рамочку, придать ему магический стиль, или сделать себя знаменитым актером.

Варианты обработки фото

Пример обработки показан на скрине ниже: по-моему, выглядит очень реалистично 👀.

Еще один интересный арт // Photomania.net

*

❸

PhotoFaceFun.com

Сайт: http://ru.photofacefun.com/?section_id=11

Примечание: сайт не открывается в некоторых браузерах. Если что — попробуйте открыть его в Opera.

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

Все фото-эффекты разбиты по категориям: авто, винтаж, гаджеты, газеты, журналы, галереи, деньги, детские, знаменитости, кино и многое другое!

Арт — фото-эффекты

Пользоваться сервисом также просто: загружаете фотку, выбираете эффект, смотрите результат (в общем-то, три простых действия).

Ниже представляю несколько примеров работы сервиса. Весьма не плохо?!

Несколько артов: в галереи, с Путиным, старый рисунок.

Примечание: если сервис не будет обрабатывать вашу фотографию, 👉 конвертируйте ее в другой формат.

Например, я столкнулся с тем, что формат GIF сервис воспринимать и обрабатывать не хотел, пересохранив картинку в JPG (для этого можно использовать Paint, который есть во всех версиях Windows) — стало всё работать в норме!

*

❹

ФотоФания

Сайт: https://photofunia.com/ru/categories/all_effects/popular

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

Эффекты (случайные)

Отмечу, что один раз загрузив свое фото, вы сразу же можете его попробовать в самых различных эффектах (не загружая его по сто раз). Удобно!

Примеры обработки показаны ниже.

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

*

PS

👉 В помощь!

Кстати, возможно вам будет интересна статья о том, как сделать фото-коллаж

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

*

На сим прощаюсь. Всем удачи!

Дополнения приветствуются…

👋

Первая публикация: 17.09.2017

Корректировка: 30.01.2020

Полезный софт:

• Видео-Монтаж

Отличное ПО для создания своих первых видеороликов (все действия идут по шагам!).
Видео сделает даже новичок!

• Ускоритель компьютера

Программа для очистки Windows от «мусора» (удаляет временные файлы, ускоряет систему, оптимизирует реестр).

Другие записи:

Изготовление раскраски в Adobe Photoshop

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

Начнем с изготовления раскрасок сказочных персонажей, например для сказки Колобок нужна Лиса. Для того чтобы лиса была правдоподобной, идем делать ее фотографию в Государственный Дарвиновский музей. Находим персонаж в музее и фотографируем его на цифровую камеру. Приходим домой, открываем Adobe Photoshop и загружаем фото в программу.

Используя сочетание клавиш Ctrl+J, создаем дубликат и начинаем его редактировать: создаем новый корректирующий слой «Кривые», используя соответствующий значок в панели «Коррекция».

Можно вызвать окно «Кривые», используя пиктограмму на панели «Слои».

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

Затем убираем контрастность фотографии, чтобы контуры при создании раскраски были видны более чётко. Используя пиктограмму «Стрелка влево»  на панели инструментов «Коррекция», переходим на Яркость/Контрастность. Это также индивидуально для каждой фотографии. На корректирующем слое «Яркость / Контрастность» устанавливаем значения, например такие, как показано на рисунке:

Теперь можно объединить корректирующие слои со слоем Фон-копия. Зажав и удерживая клавишу Ctrl, нажимаем на верхние 3 слоя панели «Слои». Слои выделены. Объединяем их в один слой, используя горячие клавиши Ctrl+E и получаем следующее изображение (см. иллюстрацию).

Опять создаем дубликат полученного слоя, используя комбинацию клавиш Сtrl+J. Приступаем к получению раскраски. Увеличим резкость на краях. Для этого используем команду меню Фильтр=>Другое=>Цветовой контраст и устанавливаем подходяще значения радиуса, например, как показано на рисунке:

и получаем

При этом контуры должны быть четкими. Режим наложения слоя меняем на Перекрытие. Объединяем последние два слоя, используя команду Ctrl+E. Обесцвечиваем этот слой, используя команду меню Изображение => Коррекция => Черно-белое. В наборе параметров этой команды выбираем тот фильтр, при котором на картинке будут хорошо видны контуры, при этом они не будут сливаться с фоном или другими деталями. В данном случае подошел Высококонтрастный красный фильтр. Вот так выглядит наша будущая раскраска.

Делаем дубликат этого слоя. Устанавливаем в палитре инструментов основной цвет черный (000000), а фоновый белый (ffffff). И переходим к командам меню Фильтр => Эскиз => Ксерокопия. Двигая ползунки, добиваемся желаемого результата. Пока изображение будет немного загрязнено шумом.

Подтвердив, получаем изображение:

Изменим режим наложения этого слоя на Линейный осветлитель. При этом пропадает большая часть шумов, но появляется другая проблема: местами черные контуры превращаются в серые. Это поправимо: создаем копию слоя с Линейным осветлителем, а затем меняем режим наложения на Мягкий или Жесткий свет. Затем создаем поверх всех слоев новый слой. Берем обычную круглую кисть с жёсткостью и непрозрачность 100 %. Цвет устанавливаем белый. Проводим кистью по тем местам, где вылезли ненужные черные точки. Раскраска по фотографии готова! Сохраняем на компьютере (Файл – Сохранить как).

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

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

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

Фрагменты деталей росписи можно использовать при изготовлении карнавальных костюмов «Золотой хохломы» или «Синей Гжели», а также при разработке цветочных аппликаций или трафаретов.

При подготовке были использованы материалы видеоуроков Елены Голоштенко

Материал подготовила методист Компанеец В.В.

Превращаем фото в рисунок от руки в Adobe Illustrator

На сегодняшнем уроке мы в Adobe Illustrator научимся легко превращать фотографию в рисунок, сделанный от руки. Сначала мы применим несколько фильтров, затем используем функцию Live Trace / Быстрая Трассировка, чтобы получился эффект карандашного рисунка. Местами будет немного сложно, но зато очень красиво!

Что должно получиться

Шаг 1

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

Шаг 2

Подготовим фото. Сначала загрузим его в Photoshop и применим Image > Adjustments > Desaturate / Изображение > Коррекция > Обесцветить. Также можно воспользоваться корректировкой уровней, чтобы добавить изображению контрастности, если это необходимо.

Шаг 3

Теперь нужно избавиться от фона, изолировав нашу модель. Вы можете делать, как хотите, но мы использовали инструмент Quick Selection / Быстрое Выделение и удалите фон.

Если хотите, чтобы финальное изображение было с темным контуром, выделите изолированный объект и затем примените Select > Modify > Еxpand / Выделение > Модификация > Расширить. В зависимости от размеров вашего изображения, введите число пикселей для ширины контура. У нас она 2 пикселя.

Шаг 4

Пусть выделение все еще будет активно. Создайте новый слой поверх слоя с главным изображением и залейте выделение черным при помощи Edit > Fill / Редактирование > Выполнить Заливку. Примените Merge / Объединить для изображение и контурных слоев.

Сохраните изображение в формате .PNG. Или просто вырежьте его в фотошопе и вставьте в Adobe illustrator.

Шаг 5

После того, как вы загрузили изображение в Illustrator, выделите его и примените Effect > Artistic > Paint Daubs / Фильтр > Художественный > Рисование мазками. 

Измените тип кисти на обычную. Размер и резкость кисти зависят от выбранного вами изображения. Для нашей фотографии мы снизили размер до 7, чтобы видеть мелкие детали на лице девушки. Sharpness / Резкость мы установили на 11. Нажмите OK.

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

Шаг 6

Пусть изображение будет все еще выделенным, а вы идите в Effect > Brush Strokes > Accented Edges / Эффекты > Штрихи > Акцент на краях. Установите слайдеры, как показано на картинке ниже, или как того требует выбранное вами изображение.

Нажмите ОК, когда будете довольны результатом.

Шаг 7

Примените к вашему выделенному изображению Live Trace > Tracing Options / Быстрая Трассировка > Настройки Трассировки.

Шаг 8

Теперь в меню Preset/Стиль выберите Comic Art / Комикс. Убедитесь, что режим просмотра включен.

Шаг 9

В поле Threshold / Порог уменьшайте показатель, пока не станете видеть больше деталей. Для нашего изображения получилось  72.

Шаг 10

Далее измените режим на Grayscale / Серая Шкала.

Шаг 11

Если вы довольны результатом, нажмите ОК и затем, держа изображение выделенным, нажмите на Expand / Разобрать. И не переживайте, все будет хорошо.

Шаг 12

Сначала разгруппируйте все при помощи Ctrl + Shift + G. Теперь мы распределим различные тени по разным слоям.

Начнем с темных. Просто выделите объекты, которые залиты темным, потом примените Select > Same > Fill & Stroke / Выделить > По общему признаку > С одинаковым цветом заливки и обводки.  Нажмите Ctrl + X, чтобы вырезать, создайте новый слой и затем примените Ctrl + F, чтобы вставить в новый слой.

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

Шаг 13

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

По идее, должно получиться 6 слоев: 4 серых, 1 черный, 1 белый.

Шаг 14

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

Шаг 15

Теперь поработаем со слоями.

Начнем с белого. Примените Object > Path > Offset Path / Объект > Контур > Создать параллельный контур. Показатель смещения будет зависеть от размера изображения. Мы задали 0.5 пикселей — это достаточно для того, чтобы чуть  увеличить фигуры. Это поможет избавиться от нежелательных зазубренных линий.

Шаг 16

После того, как вы применили смещение, выделите все на данном слое и через палитру Pathfinder / Обработка Контуров нажмите Unite / Объединить.

Шаг 17

Наконец, идите в Object > Path > Simplify / Объект > Контур > Упростить. Задайте пераметры как на картинке внизу. Не забывайте, что всегда можно увидить «до» и «после», если влючить режим предпромотра. На нашем оригинале было 9,823, а после упрощения стало 3,687.

Шаг 18

Пусть все белые объекты будут выделены, а вы сделайте копию (Ctrl + C) и вставьте ее впереди (Ctrl + F) самого светлого серого слоя. Измените белые объекты на серые того же цвета и в палитре Pathfinder / Обработка Контуров нажмите Unite / Объединить. Примените к этому слою действия, которые мы делали в предыдущем шаге.

Шаг 19

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

Шаг 20

После того, как вы закончили с серыми слоями, переместите черный слой наверх и снова примените Unite / Объединить и Simplify / Упростить. Если вам кажется, что черные линии должны быть чуть толще, поработайте с паралелльным контуром.

Шаг 21

Теперь будем корректировать тени. Для эффекта «сепия» измените цвет серых слоев на #ECE6DD.  Для слоя Gray 4 снизьте непрозрачность до 90%. Для слоя Gray3 измените режим прозрачности на Multiply / Умножение с 45%, для слоя Gray2 задайте Multiply / Умножение и 75%, для Gray 1 — режим Multiply / Умножение и 100%.

Измените цвет белого слоя на #ECE6DD, а черного слоя — на #4C3F2F. Оба этих слоя должны быть со 100% прозрачностью. Цвет бэкграунда мы поменяли на #ECE6DD.

Шаг 22

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

Шаг 23

Чтобы добавить немного текстуры, мы применили к новому слою, который поместили сверху на все слои, легкий стиль Grunge. Потом задали текстуре цвет #542D20 и установили режим наложения на Multiply / Умножение с 60%. Также можно поменять цвет слоя с черным контуром на #542D20.

Финальный результат

Автор — Transfuchsian

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

Смотрите также:



Комментарии

Оставить ответ

Похожие статьи

Случайные статьи

AKVIS Sketch 16: Рисунок из фотографии

Вышла новая версия AKVIS Sketch, одной из самых популярных программ для создания рисунка из фотографии для Windows и Mac OS X. Продукт доступен в виде самостоятельного приложения и в виде плагина для Photoshop.

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

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

В версии 16:

• Добавлена кнопка, позволяющая сделать снимок во время обработки изображения и сохранить текущее состояние в Ленте кадров вместе с другими промежуточными результатами, записанными программой. Видна на всплывающем индикаторе процесса. (Deluxe/Business)
• Появилась возможность фиксации кадров в ленте для сохранения их даже после изменения параметров. (Deluxe/Business)
• Добавлены инструменты постобработки Карандаш и Ластик, позволяющие отредактировать полученный результат и дорисовать либо стереть карандашные штрихи, а также Кисть возвратадля уменьшения эффекта на выбранных областях. (Deluxe/Business)
• В программу добавлен новый инструмент Кадрирование, использующий неразрушающий метод редактирования изображения.
• Увеличено окно предварительного просмотра. Размер области регулируется в настройках программы.
• В закладке Надпись доступна загрузка изображения. Теперь можно не только добавить текст, но и вставить логотип или отсканированную подпись. Появилась возможность позиционирования текста или изображения в середине рисунка и регулировка прозрачности, что позволяет получить эффект водяного знака.
• Добавлен новый темный стиль интерфейса. Переключение доступно в настройках программы.
• Расширен список поддерживаемых форматов RAW.
• Включена поддержка Mac OS X 10.10 Yosemite.
• Улучшена совместимость плагина с Adobe Photoshop CC 2014, Photoshop Elements 13.
• Исправлены ошибки.

Скачайте AKVIS Sketch v.16.0 (в версиях для Windows и Mac OS X).

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

Зарегистрированные пользователи версий 9-15 могут перейти на версию 16 бесплатно. Пользователи с более старой версией v.1-8.6 программы должны будут доплатить за переход на последнюю версию.

Как превратить изображение в рисунок в Photoshop

Бекки Килимник
5 января 2019 г.

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

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

Перед тем, как начать: как очертить изображение в Photoshop

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

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

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

Как превратить картинку в рисунок в Photoshop

1. Отрегулируйте контрастность вашей фотографии
2. Настройте слои
3. Преобразуйте изображение в оттенки серого с помощью корректирующего слоя
4. Преобразуйте фотографию в рисунок
5. Установите цвета фона и переднего плана
6. Добавьте штриховку карандашом к вашему изображению
7. Добавьте к изображению эффект перекрестной штриховки
8. Сделайте ваши последние настройки

Шаг 1. Отрегулируйте контрастность вашей фотографии

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

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

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

Выберите «Изображение »> «Коррекция»> «Кривые » в раскрывающемся меню в верхней части окна приложения Photoshop.

Появится диалоговое окно Curves . Убедитесь, что установлен флажок Preview .

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

Примечание. Если вы работаете с изображением CMYK, потяните вверх середину линии, а не вниз.

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

Шаг 2. Настройте слои

На панели Layers дублируйте слой, содержащий ваше изображение, три раза, чтобы у вас было четыре идентичных слоя.

Чтобы дублировать слой, выберите слой на панели Layers , щелкните меню панели Layers в верхнем правом углу панели и выберите Duplicate Layer .

Шаг 3. Преобразование изображения в оттенки серого с помощью корректирующего слоя

Выберите дублированный слой в верхней части панели Layers .

Выберите значок Adjustment Layer внизу панели Layers (значок выглядит как наполовину черный, наполовину белый круг). В раскрывающемся меню выберите Hue / Saturation .

Вы только что создали корректирующий слой для Hue / Saturation , что означает, что все слои, которые появляются под корректирующим слоем, сохранят свойства Hue / Saturation , которые вы установили для этого корректирующего слоя.

Не снимая выделения с корректирующего слоя, перейдите на панель Properties , которая по умолчанию расположена справа от изображения. Если вы не видите панель Properties , вы можете выбрать «Окно »> «Свойства » в раскрывающемся меню в верхней части окна приложения Photoshop.

На панели Properties вы увидите три ползунка: Hue , Saturation и Lightness . Перетащите ползунок Saturation до упора влево, чтобы значение, указанное для Saturation , теперь было -100.

Ваше изображение теперь отображается в оттенках серого.

Как преобразовать изображение в оттенки серого: дополнительный метод

Наличие корректирующего слоя Hue / Saturation делает изображение в оттенках серого, но если вы хотите полностью удалить весь цвет из изображения во время работы, вы можете преобразовать изображение в оттенки серого, выбрав Image> Mode> Grayscale из раскрывающегося меню вверху окна приложения.

Если у вас есть корректирующий слой при преобразовании в оттенки серого, корректирующий слой будет удален.

Шаг 4. Преобразуйте фотографию в рисунок

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

Сделайте два верхних дублированных слоя невидимыми, щелкнув значки глаз рядом со слоями на панели Layers . Затем выберите видимый слой, второй снизу панели «Слои».

Щелкните раскрывающееся меню в верхней части панели Layers рядом с Normal . Выберите Color Dodge .

Не снимая выделения с того же слоя, инвертируйте изображение, набрав CTRL + I (COMMAND + I на Mac). Вы также можете инвертировать изображение, выбрав Image> Adjustments> Invert из раскрывающегося меню в верхней части окна приложения Photoshop.

Затем выберите Filter> Blur> Gaussian Blur из раскрывающегося меню в верхней части окна приложения.

В появившемся диалоговом окне Gaussian Blur отрегулируйте ползунок до тех пор, пока изображение не станет похожим на рисунок линии.

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

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

Как сделать штрихи на рисованной линии более толстыми в Photoshop

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

Выберите Фильтр> Галерея фильтров … в раскрывающемся меню в верхней части окна приложения.

Выберите Glowing Edges под Stylize .Здесь вы можете настроить ширину края в правой части окна. Уменьшение яркости краев приведет к более чистому краю.

Щелкните ОК .

Вернувшись на свой слой, нажмите CTRL + I (COMMAND + I на Mac), чтобы инвертировать слой, и измените режим наложения слоя на Multiply.

Контуры вашего изображения теперь будут толще и темнее.

Шаг 5. Установите цвета фона и переднего плана

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

Затем установите для Foreground Color средний серый цвет. Дважды щелкните квадрат Foreground Color на панели инструментов. В диалоговом окне «Палитра цветов (цвет переднего плана) » щелкните в середине левой части большого цветового поля.

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

По теме: 9 альтернатив фотографии продукта на белом фоне

Шаг 6. Добавьте штриховку карандашом к изображению

На панели Layers выберите слой над слоем, с которым вы только что работали. Щелкните значок глаза, чтобы слой снова стал видимым. Теперь ваше изображение снова будет выглядеть как черно-белая фотография.

Выберите Фильтр> Галерея фильтров … в раскрывающемся меню в верхней части окна приложения.

В окне Filter щелкните папку с пометкой Sketch и выберите Charcoal .

Отрегулируйте ползунки Charcoal Thickness , Detail и Light / Dark Balance до тех пор, пока изображение в окне предварительного просмотра не будет иметь необходимое количество деталей. Помните, что у вас уже есть штриховой рисунок фотографии на нижнем слое, поэтому вам нужно только создать штриховку на этом этапе.

Щелкните ОК .

На панели Layers щелкните раскрывающееся меню рядом с Normal и настройте Layer Blend Mode для слоя угля на Multiply .

Шаг 7. Добавьте к изображению эффект перекрестной штриховки.

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

Выделив последний слой, выберите Фильтр> Галерея фильтров… еще раз из раскрывающегося меню в верхней части окна приложения. Если вы видите опцию Filter Gallery более одного раза в раскрывающемся списке, убедитесь, что вы выбрали нижнюю опцию.

В окне Фильтр щелкните по опции с пометкой Sketch и выберите Torn Edges . Отрегулируйте переключатели в правой части окна, пока не увидите детали изображения.

Когда вы будете довольны появлением фильтра Torn Edges , щелкните значок New , расположенный в правом нижнем углу окна Filter .(Этот значок выглядит как лист бумаги со загнутым уголком, как и значок New Layer на панели Layers .)

Вы увидите, что Torn Edges дважды появляется в правой части окна Filter . Пока выбран верхний экземпляр Torn Edges , щелкните фильтр Graphic Pen и измените Stroke Diagonal на Left Diagonal .

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

Щелкните ОК .

Измените Layer Blend Mode с Normal на Умножьте , как вы делали с предыдущим слоем.

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

Не снимая выделения с того же слоя, выберите Filter> Blur> Motion Blur из раскрывающегося меню в верхней части окна приложения.

В диалоговом окне Motion Blur установите угол -45 ° и переместите ползунок Distance влево, чтобы создать очень легкое размытие. Убедитесь, что Preview отмечен галочкой, чтобы вы могли видеть размытие, прежде чем применять его.

Щелкните ОК .

Шаг 8: Внесите последние настройки

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

Отрегулируйте непрозрачность слоев

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

На изображении ниже непрозрачность верхнего слоя уменьшена до 60%, а непрозрачность следующего нижнего слоя составляет 70%.

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

Убрать артефакты

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

Чтобы удалить такие темные пятна, нанесите штамп на слои, выбрав все слои, включая корректирующий слой «Цветовой тон / насыщенность» на панели «Слои». Введите CTRL + A + E (COMMAND + OPTION + E на Mac), чтобы создать штампованный слой, который появится в верхней части панели «Слои».

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

Известно ли вам обо всех инструментах, доступных в Photoshop CC 2018?

Готовое изображение теперь будет похоже на карандашный набросок.

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

Просмотрите уроки Photoshop и настройте свои навыки редактирования изображений.

Бекки Килимник

Bio: Имея более 18 лет опыта работы в качестве графического дизайнера, Бекки с энтузиазмом помогает людям улучшать их контент, осваивая программное обеспечение для обработки изображений.Бекки работала с различными издательствами в сфере образования в США и Великобритании и преподавала дизайн в шести университетах.

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

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

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

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

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

Теперь у вас есть штриховой рисунок!

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

Этот процесс работает практически одинаково для всех версий Adobe Photoshop, но если метод немного отличается для более старой версии, поделитесь им ниже в комментариях.

Хотите освоить Microsoft Excel и вывести свои перспективы работы на дому на новый уровень? Начните свою карьеру с помощью нашего пакета обучения Microsoft Excel Premium A-to-Z из нового магазина гаджетов и получите пожизненный доступ к более чем 40 часам инструкций от базового до расширенного по функциям, формулам, инструментам и многому другому.

Купи сейчас (97% скидка)>

Другие выгодные предложения, которые стоит проверить:

[БЕСПЛАТНО] Учебное пособие и действие в Photoshop Line Art

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

Итак, как делать линии в Photoshop ? Есть несколько методов создания штрихового рисунка в Photoshop .

1. Нарисуйте линии вручную с помощью инструмента Brush Tool или Pen Tool (время: 30 минут)
2. Используйте фильтр Photocopy , чтобы нарисовать линейный рисунок в Photoshop (время: 10 минут).
3. Воспользуйтесь нашим бесплатным экшеном Line Art Photoshop Action . Это самое быстрое решение (время: 1 минута)

Quick Line Art Photoshop TUTORIAL

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

Откройте фотографию в Photoshop . Фотография с чистым фоном, вероятно, лучший выбор.

Затем установите цвет фона на белый, а цвет переднего плана на черный.

Чтобы преобразовать фотографию в линейный рисунок, перейдите в Фильтр (Галерея фильтров)> Эскиз и выберите фильтр Фотокопия . Выбирайте размер детали в зависимости от размера вашего изображения. Для изображения размером до 1000 пикселей установите Detail на 2.

Затем перейдите в Filter> Stylize> Diffuse и выберите Mode Anisotropic .

Чтобы добавить контрастности штриховому изображению, добавьте настройку Levels .

Чтобы изменить цвет штрихового изображения, добавьте корректирующий слой Gradient Map . Используйте градиент от черного (цвет по вашему выбору) к белому.

Как удалить фон с рисунка в Photoshop? Выделите все слои и объедините их. Затем добавьте Layer Mask .

Чтобы удалить белый фон, выберите Image> Apply Image .

Если вам интересно, как раскрасить внутри линий в Photoshop, ответ довольно прост.Создайте слой за слоем с линиями и с помощью инструмента Brush Tool раскрасьте линии в Photoshop .

1. Экшен Photoshop Line Art [Бесплатная загрузка✨]

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

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

Преобразование ручного рисунка в штриховой рисунок в экшене Photoshop (проверьте кнопку СКАЧАТЬ БЕСПЛАТНО ).

Создайте штриховых рисунков Photoshop менее чем за минуту, используя наш экшен Line Art !

Описание предмета

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

Как установить и использовать экшены Photoshop

Если вы никогда раньше не использовали экшены Photoshop и не знаете, как их использовать, уделите пару минут и ознакомьтесь с этими замечательными ресурсами:

Эффект рисования линий [видеоурок ]

Что входит в этот пакет

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

• от 1 до создать штриховой рисунок из фотографии . Превратите цветное изображение в черную линию. Черные линии отделены от фона. Измените цвет белого фона и цвета черных линий.

От

• 1 до — создание чистых штриховых рисунков из отсканированного изображения чертежа / линий / эскиза. Отделите отсканированный штриховой рисунок от фона на отдельном слое, чтобы вы могли раскрасить его под ним.

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

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

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

Как оцифровать рисунок

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

1. Отсканированный чертеж. Чтобы оцифровать рисунок, сначала вы должны сканировать карандашный набросок с помощью сканера.Лучше установить разрешение не менее 600 dpi.
2. Оцифровать чертеж. Второй шаг — сделать рисунок в Photoshop . Итак, откройте отсканированный рисунок в фотошопе.
3. Чистые чертежи. Используйте экшен Photoshop , чтобы очистить эскиз и сделать фон белым.
4. Линии утолщения. Чтобы затемнить линии, а также сделать их толще, используйте утолщенные линии в действии Photoshop.
5. Раскрашиваем рисунок. Как раскрасить штриховой рисунок? Используйте инструмент Brush Tool и нарисуйте слой за штриховой графикой.

Как отделить линии от фона? Как удалить фон отсканированного изображения с помощью Photoshop ?

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

Загрузите экшен Photoshop «Удалить белый фон».

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

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

Как очистить отсканированный документ в Photoshop

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

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

3. Утолщение линий в Photoshop [Бесплатная загрузка✨]

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

Итак, вы хотите преобразовать фотографию в линейный рисунок всего за несколько секунд? Попробуйте наш экшен Line Art Photoshop , а затем этот экшен, чтобы увеличить толщину линии!

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

Как масштабировать чертежи

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

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

4. Эффект контурного портрета [Бесплатное действие✨]

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

Чтобы создать эффект контура изображения, выделите человека / объект, который вы хотите выделить. Затем создайте слой из выделенной области ( Control + J ) и примените к новому слою экшен Photoshop штриховой рисунок.

Используйте наше изображение Outline в экшене Photoshop, если вы хотите добавить белый контур вокруг человека / объекта / и т. Д.

Другие ресурсы, которые могут вам понравиться:

Рисунок карандашом по фотографии в Photoshop

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

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

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

Оставляйте комментарии или вопросы ниже и не забудьте подписаться!

Шаг 01 — Извлечение фона из переднего плана

Этот эффект работает лучше, когда вы извлекаете фон из переднего плана.

Для выбора объекта вы можете использовать инструмент «Быстрый выбор». Затем вы можете щелкнуть значок «Маска слоя», чтобы создать маску из выделения. Фон будет скрыт.

Шаг 02 — Преобразование фотографии в смарт-объект

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

Чтобы преобразовать слой в смарт-объект, щелкните слой правой кнопкой мыши и выберите « Convert to Smart Object .”

Шаг 03 — Создание эффекта рисования основной линии

Чтобы создать основной эффект рисования линии, сначала продублируйте смарт-объект, нажав Ctrl J (Mac: команда J).

Затем перейдите в Image> Adjustment> Invert.

Затем вы можете изменить режим наложения слоя на Color Dodge.

Чтобы сделать линии видимыми и создать эффект рисования линий, выберите «Фильтр»> «Размытие»> «Размытие по Гауссу».

Шаг 04 — Использование угольного фильтра для добавления затенения

Дублируйте исходный смарт-объект, перейдите к

Установите режим наложения на «Умножение», чтобы сохранить темные пиксели и скрыть яркие.

Шаг 05 — Использование фильтра «Найти края» для добавления линий

Дублируйте исходный смарт-объект.

Затем обесцветьте слой, перейдя в Image> Adjustment> Black and White.

Затем перейдите в «Фильтр»> «Галерея фильтров» и выберите «Стилизация»> «Светящиеся края». Отрегулируйте соответственно.

Нажмите Ctrl I (Mac: Command I), чтобы инвертировать пиксели и сделать белые линии черными.

Чтобы черные линии оставались черными, установите Режим наложения на Умножение.

Посмотрите оригинальное руководство 2015 года здесь. Загрузите ресурсы для оригинального руководства здесь:

Окончательное изображение

Перетащите ползунок, чтобы увидеть до и после

Эффект

Photo To Pencil Sketch Effect в Photoshop CC Tutorial

Узнайте, как легко превратить любую фотографию в черно-белый карандашный набросок с помощью Photoshop, а затем изучите три отличных способа раскрасить эскиз!

Примечание к версии: Это руководство предназначено для Photoshop CC 2019 и более ранних версий.Доступна обновленная версия для Photoshop 2020 и 2021 года.

Автор Стив Паттерсон.

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

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

Эта версия руководства совместима с Photoshop CC 2019 и более ранними версиями, включая Photoshop CS6. Но пользователи Photoshop 2020 или 2021 захотят проверить мою обновленную версию, которая включает последние изменения градиентов Photoshop.

Вот изображение, которое я буду использовать (стильное красивое портретное фото от Shutterstock):

Исходное изображение.

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

Черно-белый вариант эскиза.

Вот тот же набросок, раскрашенный оригинальными цветами фотографии:

Первая раскрашенная версия эскиза.

Вот тот же набросок, на этот раз раскрашенный одним цветом (вы можете выбрать любой понравившийся цвет):

Вторая раскрашенная версия скетча.

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

Третья раскрашенная версия эскиза.

Приступим!

Загрузите это руководство в виде готового к печати PDF-файла!

Как превратить фотографию в карандашный набросок с помощью Photoshop

Шаг 1. Дублируйте фоновый слой

Когда ваше изображение открыто в Photoshop, если вы посмотрите на панель «Слои», вы увидите изображение, расположенное на фоновом слое, который в настоящее время является единственным слоем в документе:

Панель «Слои», отображающая фотографию на фоновом слое.

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

Для этого щелкните фоновый слой и перетащите его на значок New Layer в нижней части панели слоев (второй значок справа):

Перетаскивание фонового слоя на значок нового слоя.

Отпустите кнопку мыши, когда курсор в виде руки окажется прямо над значком «Новый слой». Photoshop создает копию фонового слоя, называет ее «Фоновая копия» и помещает ее над оригиналом:

Панель «Слои», показывающая новый слой «Фоновая копия».

Шаг 2: Обесцветить слой

Затем нам нужно удалить весь цвет из нашего слоя «Фоновая копия», и мы можем сделать это быстро, используя команду Photoshop Desaturate. Поднимитесь к меню Image в строке меню в верхней части экрана, выберите Adjustments , а затем выберите Desaturate . Вы также можете использовать сочетание клавиш Shift + Ctrl + U (Win) / Shift + Command + U (Mac):

Идем в Image> Adjustments> Desaturate.

В любом случае обесцвечивает изображение, оставляя нам черно-белую версию нашей фотографии:

Изображение после обесцвечивания цвета.

Шаг 3. Дублируйте ненасыщенный слой

Затем нам нужно сделать копию ненасыщенного слоя. Щелкните слой Background copy на панели Layers и, как мы сделали с исходным слоем Background, перетащите его вниз на значок New Layer :

Перетаскивание слоя «Фоновая копия» на значок нового слоя.

Когда вы отпускаете кнопку мыши, Photoshop создает копию слоя, называет ее «Фоновая копия 2» и помещает ее над другими слоями:

Новый слой «Фоновая копия 2» появляется в верхней части стопки слоев.

Шаг 4: инвертировать слой

Нам нужно инвертировать уровни яркости на этом слое, сделав светлые области темными, а темные — светлыми, и мы можем сделать это с помощью команды Photoshop Invert. Поднимитесь в меню Image вверху экрана, выберите Adjustments , а затем выберите Invert (сочетание клавиш: Ctrl + I (Win) / Command + I (Mac)):

Идем в Image> Adjustments> Invert.

Переворачивает изображение, создавая негативный эффект пленки:

Изображение после инвертирования яркости.

Шаг 5: Измените режим наложения на Color Dodge

Затем нам нужно изменить режим наложения слоя. Вы найдете параметр «Режим наложения» в левом верхнем углу панели «Слои». По умолчанию режим наложения установлен на Нормальный . Нажмите на слово «Нормальный», чтобы открыть меню других режимов наложения, и выберите Color Dodge из списка:

Изменение режима наложения слоя с Normal на Color Dodge.

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

При изменении режима наложения на Color Dodge документ временно становится белым.

Шаг 6. Преобразование слоя в смарт-объект

Через мгновение мы собираемся создать основную часть нашего эффекта эскиза, размыв слой с помощью фильтра «Размытие по Гауссу» в Photoshop. Но вместо того, чтобы применять его как обычный фильтр, давайте применим Gaussian Blur как Smart Filter .

Что такое смарт-фильтр и чем он отличается от обычного фильтра? Что ж, смарт-фильтры похожи на обычные фильтры в Photoshop, только умнее! Что делает их «умнее», так это то, что в то время как обычные фильтры дают статических результатов (то есть они вносят постоянные изменения в пиксели на слое), смарт-фильтры неразрушающие и остаются полностью редактируемыми . Они позволяют нам легко вернуться в любое время и внести изменения в настройки фильтра без потери качества изображения.Применяя размытие по Гауссу в качестве смарт-фильтра, мы даем себе возможность вернуться и настроить наш эффект эскиза позже, вместо того, чтобы ограничиваться нашими начальными настройками фильтра.

Так как же применить размытие по Гауссу в качестве интеллектуального фильтра? Для этого нам сначала нужно преобразовать слой в Smart Object . Зачем нам нужно преобразовывать его в смарт-объект? Это потому, что, когда фильтр применяется к нормальному слою, он остается обычным статическим фильтром. Но когда точно такой же фильтр применяется к смарт-объекту, он автоматически становится смарт-фильтром!

Чтобы преобразовать слой в смарт-объект, щелкните маленький значок меню в правом верхнем углу панели «Слои»:

Щелкните значок меню панели «Слои».

Затем выберите Преобразовать в смарт-объект в появившемся меню:

Выбор команды «Преобразовать в смарт-объект».

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

.

Значок смарт-объекта на эскизе предварительного просмотра слоя.

Шаг 7. Применение фильтра размытия по Гауссу

Теперь, когда мы преобразовали слой в смарт-объект, применим фильтр «Размытие по Гауссу». Поднимитесь к меню Filter в строке меню в верхней части экрана, выберите Blur , а затем выберите Gaussian Blur :

.

Идем в Фильтр> Размытие> Размытие по Гауссу.

Откроется диалоговое окно «Размытие по Гауссу». Чтобы создать наш основной эффект эскиза, все, что нам нужно сделать, это применить размытие к слою (смарт-объект).Мы контролируем степень размытия с помощью ползунка Radius в нижней части диалогового окна. Чем дальше мы перетаскиваем ползунок вправо, тем больше мы увеличиваем значение радиуса и тем сильнее будет размытие.

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

Начиная с меньшего значения радиуса.

Я получаю этот эффект здесь с очень тонкими линиями:

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

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

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

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

.

Эффект эскиза с большим значением радиуса.

У нас есть основной эффект эскиза, и мы создали его с помощью интеллектуального фильтра «Размытие по Гауссу». Как я упоминал ранее, смарт-фильтры остаются полностью редактируемыми, что позволяет нам легко вернуться и изменить настройки фильтра позже, если это необходимо.Как мы это делаем? Что ж, если мы снова посмотрим на панель «Слои», то теперь мы увидим фильтр «Размытие по Гауссу», указанный как смарт-фильтр под смарт-объектом, к которому мы его применили. Если в какой-то момент вы начинаете думать, что для вашего эскиза можно использовать более точную настройку, просто дважды щелкните непосредственно на словах «Размытие по Гауссу», чтобы снова открыть диалоговое окно Размытие по Гауссу, и перетащите ползунок Радиуса как необходимо:

Двойной щелчок по интеллектуальному фильтру «Размытие по Гауссу» снова откроет его диалоговое окно.

Шаг 8: Добавьте корректирующий слой уровней

Мы создали наш основной эффект эскиза, но в зависимости от того, насколько сильно вы применили размытие, вы можете обнаружить, что ваш эскиз выглядит слишком светлым.Если это так, мы можем легко затемнить его, используя корректирующий слой «Уровни». Чтобы добавить корректирующий слой «Уровни», щелкните значок «Новая заливка » или «Корректирующий слой » в нижней части панели «Слои»:

Щелкните значок «Новая заливка или корректирующий слой».

Выберите уровней из появившегося списка:

Выбор корректирующего слоя «Уровни».

Photoshop добавляет корректирующий слой «Уровни», называет его «Уровни 1» и помещает его над другими слоями на панели «Слои»:

Панель «Слои», показывающая новый корректирующий слой «Уровни».

Шаг 9: Измените режим наложения слоя на умножение

Параметры и элементы управления для корректирующего слоя «Уровни» появляются на панели «Свойства» в Photoshop , но здесь нет ничего, что нам нужно было бы с ними делать. Вместо этого, чтобы затемнить эскиз, все, что нам нужно сделать, это изменить режим наложения для корректирующего слоя уровней с Нормального на Умножить :

Изменение режима наложения корректирующего слоя на Умножение.

Режим наложения Multiply — один из группы режимов наложения в Photoshop, которые затемняют изображение, и сразу же мы видим, что мой набросок теперь выглядит намного темнее:

Эффект после изменения режима наложения «Уровни» на «Умножение».

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

Чем меньше значение непрозрачности будет ниже 100% по умолчанию, тем больше будут просвечивать слои под корректирующим слоем «Уровни», делая эскиз снова ярче. Я уменьшу свой уровень примерно до 40%, но следите за своим изображением, когда настраиваете непрозрачность, чтобы найти значение, которое работает лучше всего:

Уменьшение непрозрачности корректирующего слоя «Уровни».

После уменьшения непрозрачности общая яркость стала лучше:

Уменьшение непрозрачности вернуло часть яркости.

Шаг 10: снова продублируйте фоновый слой

На этом этапе у нас есть основной эффект эскиза, но в настоящее время он черно-белый. Давайте рассмотрим несколько разных способов его раскрасить. Начнем с использования оригинальных цветов фотографии. Для этого нам нужно сделать еще одну копию фонового слоя, поэтому щелкните фоновый слой (исходный фоновый слой, который находится под другими слоями) и, как мы уже делали пару раз, перетащите его. вниз на значок New Layer в нижней части панели Layers:

Делаем еще одну копию фонового слоя.

Photoshop создает копию слоя, называет ее «Фоновая копия 3» и помещает ее непосредственно над исходным фоновым слоем:

Слой «Фоновая копия 3» появляется над исходным фоновым слоем.

Шаг 11: переименуйте новый слой

На данный момент мы создали так много копий нашего фонового слоя, что наша панель «Слои» становится загроможденной ими, и все они имеют имена («Фоновая копия», «Фоновая копия 2», «Фоновая копия 3»), которые не ничего не говорят нам о том, для чего используется этот слой.Давайте прервем цикл и переименуем только что созданный слой.

Мы собираемся использовать слой «Background copy 3», чтобы раскрасить наш набросок, поэтому давайте дадим ему более информативное имя. Чтобы переименовать слой, дважды щелкните прямо на его имени, чтобы выделить его:

Выделение текущего имени двойным щелчком по нему.

Выделив имя, введите новое имя. Назовем его «Цвет». Нажмите Введите (Win) / Верните (Mac) на клавиатуре, когда вы закончите, чтобы принять изменение имени:

Изменение имени слоя на «Цвет».

Шаг 12: Переместите слой «Цвет» в верхнюю часть стопки слоев

Чтобы использовать этот слой для раскрашивания эскиза, нам нужно переместить его вверх в стопке слоев; другими словами, переместите его над всеми остальными слоями. Один из способов сделать это — щелкнуть по нему и просто перетащить его над другими слоями, но есть более быстрый способ. Чтобы переместить слой прямо в верхнюю часть стопки слоев, сначала убедитесь, что он выбран на панели «Слои». Затем нажмите и удерживайте Shift + Ctrl (Win) / Shift + Command (Mac) на клавиатуре и нажмите клавишу правой скобки (] ).Это мгновенно переместит выбранный слой прямо наверх:

Слой «Цвет» теперь находится наверху стопки слоев.

Шаг 13: Измените режим наложения на «Цвет»

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

Изменение режима наложения слоя на Цвет.

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

Эскиз раскрашен в исходные цвета фотографии.

Если цвет кажется слишком ярким, вы можете уменьшить его, уменьшив непрозрачность слоя «Цвет». Понижу свой до 50%:

Уменьшение непрозрачности слоя «Цвет».

И теперь цвет становится более нежным:

Эффект после понижения непрозрачности слоя «Цвет».

Подробнее: Пять режимов наложения слоев, которые необходимо знать

Шаг 14. Отключите слой «Color»

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

.

Отключение слоя «Цвет», щелкнув значок его видимости.

Шаг 15: Добавьте сплошной слой заливки

Чтобы раскрасить эскиз одним цветом, мы воспользуемся одним из слоев заливки Solid Color в Photoshop. Еще раз щелкните значок New Fill или Adjustment Layer в нижней части панели слоев:

Щелкните значок «Новая заливка или корректирующий слой».

Затем выберите Solid Color в верхней части появившегося списка:

Выбор слоя заливки сплошным цветом.

Как только вы выберете слой заливки «Сплошной цвет», Photoshop откроет панель выбора цвета с просьбой выбрать цвет.Не беспокойтесь о выборе неправильного цвета здесь, потому что, как мы увидим через мгновение, мы можем легко вернуться и выбрать другой. Я выберу оттенок синего, чтобы посмотреть, как это выглядит:

Выбор синего цвета в палитре цветов.

Шаг 16: Измените режим наложения на цвет

После того, как вы выбрали цвет, нажмите OK, чтобы закрыть палитру цветов. Ваш документ будет временно заполнен этим цветом, и если вы посмотрите на панель «Слои», вы увидите новый слой заливки с именем «Color Fill 1», расположенный вверху.

Чтобы смешать цвет с эскизом, просто измените режим наложения слоя заливки с Нормальный на Цвет :

Изменение режима наложения слоя заливки на Цвет.

И теперь эскиз выглядит раскрашенным, в моем случае — синим:

Эскиз окрашен в синий цвет.

Если вы хотите попробовать другой цвет, дважды щелкните на образце цвета слоя заливки на панели «Слои»:

Дважды щелкните образец цвета слоя заливки.

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

Выбор другого цвета из палитры цветов.

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

Эскиз окрашен в фиолетовый цвет.

Чтобы уменьшить интенсивность цвета, просто уменьшите непрозрачность слоя заливки, следя за результатами при перетаскивании ползунка:

Уменьшение непрозрачности слоя заливки.

Шаг 17: Отключите слой заливки

Давайте рассмотрим еще один способ раскрасить эскиз, на этот раз используя градиент. Сначала отключите слой заливки, щелкнув его значок видимости на панели «Слои». Это еще раз вернет вас к черно-белой версии эскиза:

Щелкните значок видимости слоя заливки.

Шаг 18: Добавьте слой градиентной заливки

Чтобы раскрасить эскиз градиентом, мы воспользуемся слоем градиентной заливки.Еще раз щелкните значок New Fill или Adjustment Layer в нижней части панели слоев:

Щелкните значок «Новая заливка или корректирующий слой».

На этот раз выберите Градиент из списка:

Выбор слоя градиентной заливки.

Откроется диалоговое окно Gradient Fill . Я рассмотрел все, что вам нужно знать о рисовании и редактировании градиентов в Photoshop, в наших уроках «Как рисовать градиенты с помощью инструмента градиента» и «Как использовать редактор градиентов», поэтому я не буду вдаваться в подробности здесь.Вместо этого давайте посмотрим, как быстро выбрать один из предустановленных градиентов Photoshop и как применить его к нашему эскизу.

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

Щелкните стрелку справа от образца цвета градиента.

Это открывает Gradient Picker , показывая нам эскизы предустановленных градиентов, из которых мы можем выбирать. Чтобы выбрать градиент, дважды щелкните его миниатюру. Это одновременно выберет градиент и закроет средство выбора градиента. Для этого урока я выберу градиент Spectrum (первый эскиз слева, нижний ряд):

Выбор градиента спектра.

Вернувшись в диалоговое окно «Градиентная заливка», я изменю Угол градиента со значения по умолчанию 90 ° на 135 ° , что приведет к его перемещению по диагонали через изображение, вызывая немного больший интерес:

Изменение угла наклона градиента.

Щелкните OK, чтобы закрыть диалоговое окно, когда закончите. Ваш документ будет временно залит градиентом:

Градиент временно закрывает вид на эскиз.

Шаг 19: Измените режим наложения на цвет

Если мы посмотрим на панель «Слои», мы увидим слой градиентной заливки («Градиентная заливка 1»), расположенный вверху. Как мы уже делали пару раз, чтобы смешать градиент с эскизом, просто измените режим наложения слоя Gradient Fill с Нормального на Цвет :

Изменение режима наложения слоя Gradient Fill на Color.

Затем при необходимости отрегулируйте интенсивность цветов, уменьшив непрозрачность слоя:

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

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

Окончательный эффект раскрашенного эскиза.

Выбор одного из предыдущих цветовых эффектов

Теперь, когда мы раскрасили эскиз градиентом, что, если вам больше нравится одна из предыдущих раскрашенных версий (та, в которой используются исходные цвета фотографии, или та, в которой используется один цвет)? Или что, если вам не нравится ни одна из цветных версий и вы хотите вернуться к черно-белой версии? Как переключиться обратно?

Это просто.Во-первых, чтобы скрыть градиент, щелкните значок видимости слоя Gradient Fill на панели «Слои». Теперь, когда все три слоя раскраски (слой «Цвет», слой заливки сплошным цветом и слой градиентной заливки) отключены, вы вернетесь к своей черно-белой версии:

Щелкните значок видимости слоя градиентной заливки.

Затем, чтобы вернуть одноцветную версию, щелкните значок видимости слоя заливки Solid Color (пустой квадрат на месте глазного яблока), чтобы снова включить его.Или, чтобы вернуть исходные цвета фотографии, щелкните значок видимости слоя «Цвет». Я снова включу свой слой «Color»:

Щелкнув значок видимости слоя «Цвет».

А теперь я вернулся к моему эскизу, который раскрашивают в исходные цвета фотографии:

Возвращаются исходные цвета.

И вот оно! Вот как легко превратить фотографию в черно-белый карандашный набросок, а также несколько различных способов его раскрасить в Photoshop! Если вы нашли это руководство полезным, рассмотрите возможность поддержки Photoshop Essentials, загрузив версию в формате PDF! Посетите наш раздел «Фотоэффекты», чтобы получить больше уроков по эффектам Photoshop!

Как превратить фотографию в рисунок карандашом в фотошопе — photoshopbuzz.com

от Ханна 10 ноября 2010 г. 1:43 утра 122775 просмотров93

Рисование линии банки кокса, созданное из фотографии

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

Шаг 1.

Откройте фотографию, которую вы хотите превратить в рисунок.

открытая фотография, которую вы хотите изменить на рисунок линии

Я использовал эту фотографию кока-колы, сделанную Cyclonebill. Его можно найти на WikiMedia Commons, если вы хотите использовать то же изображение, чтобы следовать этому руководству.

Шаг 2.

Дублируйте изображение в палитре слоев.

дублировать слой

Шаг 3.

Выбрав новый слой, вам нужно обесцветить изображение. Для этого перейдите в Image> Adjustments> Desaturate. Или выберите Shift Apple U / Shift Ctrl U.

обесцветить изображение

Шаг 4.

Дублируйте этот измененный слой. Теперь у вас должен быть цветной фоновый слой и 2 ненасыщенных слоя выше.

палитра слоев

Шаг 5.

Выберите верхний слой и инвертируйте изображение. Для этого перейдите в Image> Adjustments и выберите Invert или нажмите Ctrl I / Apple I.

Инвертировать изображение

Шаг 6.

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

измените режим слоя на Color Dodge

холст станет белым на этом этапе

Шаг 7.

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

Выберите Filter> Blur> Guassian Blur

Step 8.

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

Настройки размытия по Гуасу для создания рисования линий

Шаг 9.

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

Инструменты Dodge и Burn

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

Обработка изображения с помощью инструментов Dodge и Burn

Исходное фото

оригинальная фотография

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

Рисование линии, сделанное из фотографии с помощью Photoshop

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

Mac: с исходным изображением, выбранным в палитре слоев; Apple J, Apple Shift U, Apple J, Apple I, с выбранным верхним слоем, выберите «Color Dodge», настройку Guassian Blur между 1 и 3.

ПК: с исходным изображением, выбранным в палитре слоев; Ctrl J, Ctrl Shift U, Ctrl J, Ctrl I, с выбранным верхним слоем, выберите «Color dodge», настройку Guassian Blur между 1 и 3.

Обновление:

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

http://www.photoshopbuzz.com/coloured-pencil-effect/

Вы также можете найти бесплатное действие для помогите создать такой эффект:
http: // www.photoshopbuzz.com/free-photoshop-action/

Следуйте за мной в Facebook, Twitter и Pinterest.

Извлечение линий из изображения в Photoshop

Шаг 1

Откройте новое изображение и продублируйте фоновый слой, щелкнув его правой кнопкой мыши и выбрав «Дублировать слой». Щелкните этот новый верхний слой и выберите «Фильтр»> «Шум»> «Медиана» и установите радиус около 4–5 пикселей. Вы хотите увидеть общее смягчение изображения с началом потери деталей.Щелкните ОК.

Шаг 2

Скопируйте этот слой, над которым вы работали. Установите режим наложения этого нового верхнего слоя на Color Dodge.

Шаг 3

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

Шаг 4

Не снимая выделения с самого верхнего слоя, выберите «Фильтр»> «Размытие»> «Размытие по Гауссу». Отрегулируйте радиус размытия, пока линии не начнут появляться на изображении.Вам нужен баланс между желаемыми линиями и деталями изображения, которые вам не нужны. Нажмите ОК, когда у вас будет приемлемый баланс.

Шаг 5

Создайте композицию текущего изображения, щелкнув самый верхний слой и нажав Ctrl + Alt + Shift + E (Command + Option + Shift + E на Mac), чтобы создать новый слой, состоящий из слоев ниже. Эта команда удобна, потому что она делает это, но не разрушает их, что могло бы произойти, если бы вы решили сгладить изображение.

Шаг 6

Если вам нужны черные линии, обесцветьте этот верхний слой, выбрав «Изображение»> «Коррекция»> «Обесцветить». Теперь вы можете дублировать этот слой несколько раз и каждый раз устанавливать Режим наложения дублированного слоя на Умножение. Это даст вам все более толстые и темные линии на изображении. Когда закончите, объедините эти слои в один.

Шаг 7

В качестве альтернативы шагу 6 вы можете использовать команду «Применить изображение» для увеличения толщины линий, выбрав слой, который вы создали на шаге 5, и выберите «Изображение»> «Применить изображение», установите смешивание на «Умножение» и нажмите «ОК».Повторите этот шаг несколько раз, и вы будете многократно применять изображение к самому себе в режиме умножения, каждый раз увеличивая толщину линий, но не создавая каждый раз новый слой.

Шаг 8

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

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

.