Как рисовать, не выходя за контур в фотошопе

Обновлено: 20.11.2024

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

Откройте изображение в Photoshop

Запустите Photoshop и откройте изображение, которое вы хотите обвести в Photoshop.

Откройте панель слоев

Нажмите на меню "Окно" в главном меню в верхней части приложения и выберите "Слои", чтобы открыть панель "Слои", если она еще не открыта.

Дублируйте слой

Нажмите «Ctrl-J», чтобы продублировать исходный слой. Слои на панели называются «Фон» и «Слой 1». Дважды щелкните имя «Фон» на панели «Слой», чтобы выделить существующее имя. Введите «Оригинал», чтобы переименовать слой. Переименуйте слой 1 в «Верх», чтобы различать различные слои, используемые для создания рисунка.

Переименовать слои

Дважды нажмите «Ctrl-Shift-N» и «ОК», чтобы создать два новых слоя. Перетащите мышью новые слои под слой «Верх». Переименуйте первый новый слой в «Фон», а второй — в «Контур».

Изменить цвета фона

Нажмите на слой «Фон», а затем выберите инструмент «Заливка» на панели инструментов. Выберите белый цвет. Нажмите на слой «Фон», чтобы изменить прозрачный слой на белый слой. Щелкните значок "Глаз" рядом с именем слоя, чтобы скрыть его.

Сделать контурный слой активным

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

Выберите кончик кисти и цвет

Нажмите на инструмент "Кисть", чтобы выбрать кисть и цвет для контура. Выберите нужный кончик кисти и выберите цвет на панели «Цвет».

Создать контур вокруг изображения

Нажмите на инструмент "Перо" на панели инструментов. Выберите значок «Пути» для пера на панели параметров в верхней части приложения. Используйте этот инструмент, чтобы создать контур вокруг изображения, выбирая точки вдоль контуров изображения, по которым следует линия пера, очерчивая объект.

Создать изогнутую линию

Нажмите на край изображения в начале кривой изображения. Переместите перо к концу этой кривой и снова нажмите на край изображения. Появится линия, которая следует пути между двумя точками. Изогните линию, удерживая нажатой кнопку мыши и перетаскивая ее влево или вправо, чтобы получить изогнутую линию. Отрегулируйте линию, перемещая мышь, пока она не совпадет с кривой объекта. Следуйте за элементом с помощью пера, щелкая в конце каждой кривой. Чем меньше выделенная кривая, тем ближе перо следует контуру. Вы увидите путь по мере продвижения.

От контура до контура

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

Выберите кисть

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

Удалить путь

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

Продолжить выделение других разделов

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

Скрыть все, кроме контурного слоя

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

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

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

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

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

Получите бесплатные советы по электронной торговле и фотосъемке товаров

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

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

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

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

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

Шаг 1. Настройте контрастность фотографии

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

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

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

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

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

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

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

Если вас устраивает повышенная контрастность изображения, нажмите "ОК".

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

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

Чтобы дублировать слой, выберите его на панели «Слои», щелкните меню панели «Слои» в правом верхнем углу панели и выберите «Дублировать слой».

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

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

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

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

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

На панели "Свойства" вы увидите три ползунка: "Оттенок", "Насыщенность" и "Яркость". Перетащите ползунок Насыщенности до упора влево, чтобы отображаемое значение Насыщенности стало равно -100.

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

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

Наличие корректирующего слоя «Цветовой тон/Насыщенность» делает изображение в градациях серого, но если вы хотите полностью удалить все цвета из изображения во время работы, вы можете преобразовать изображение в градации серого, выбрав «Изображение» > «Режим» > «Оттенки серого» в раскрывающемся меню. в верхней части окна приложения.

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

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

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

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

Нажмите раскрывающееся меню в верхней части панели «Слои» рядом с пунктом «Обычный». Выберите Осветление цвета.

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

Затем выберите «Фильтр» > «Размытие» > «Размытие по Гауссу» в раскрывающемся меню в верхней части окна приложения.

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

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

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

Как сделать мазки на рисунке толще в Photoshop

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

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

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

Нажмите "ОК".

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

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

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

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

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

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

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

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

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

В окне "Фильтр" щелкните папку с пометкой "Эскиз" и выберите "Древесный уголь".

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

Нажмите "ОК".

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

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

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

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

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

Если вас устраивает внешний вид фильтра «Рваные края», нажмите значок «Создать», расположенный в нижней правой части окна «Фильтр». (Этот значок выглядит как лист бумаги с загнутым углом, точно так же, как значок «Новый слой» на панели «Слои».)

В правой части окна "Фильтр" дважды появится значок "Рваные края". Не снимая выделения с верхнего экземпляра «Рваные края», щелкните фильтр «Графическое перо» и измените диагональ обводки на «Левая диагональ».

Вы также можете настраивать ползунки фильтра «Графическое перо», пока изображение в окне предварительного просмотра вас не удовлетворит. Как и в предыдущем слое, на данном этапе вы только создаете затенение.

Нажмите "ОК".

Измените режим наложения слоя с "Обычный" на "Умножение", как вы сделали это с предыдущим слоем.

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

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

В диалоговом окне "Размытие в движении" установите угол на -45° и переместите ползунок "Расстояние" влево, чтобы создать очень легкое размытие. Убедитесь, что установлен флажок «Предварительный просмотр», чтобы вы могли видеть размытие перед его применением.

Нажмите "ОК".

Шаг 8. Внесите последние изменения

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

Настроить непрозрачность слоев

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

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

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

Удалите любые артефакты

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

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

Установите белый цвет переднего плана на панели инструментов и выберите инструмент "Кисть" на панели инструментов. На новом слое со штампом аккуратно закрасьте любые пятна с помощью инструмента «Кисть».

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

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

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

  • Главная
  • Экосистема Photoshop
  • Обсуждения
  • Есть ли способ активировать инструмент Paint Bucket Tool?

/t5/photoshop-ecosystem-discussions/есть-есть-способ-сделать-инструмент-ведро-краски-фактически-заполнить-выделение-без-оставления-контура/td- p/9920413 09 июля 2018 г. 09 июля 2018 г.

Скопировать ссылку в буфер обмена

Устал закрашивать замкнутую область с помощью инструмента "Заливка", и он оставляет небольшой тонкий контур вокруг области, которую вы хотели заполнить! Я ТОЖЕ! Вот почему я здесь расспрашиваю, лол. . Я глупый, но если серьезно, у меня была эта проблема уже несколько лет, и я так и не нашел ответа на эту проблему.

(Посмотрите, например, на изображение выше). Я хочу использовать инструмент "Ведро" в Photoshop (2018) и ОДНИМ ЩЕЛЧКОМ полностью заполнить выделение, не оставляя раздражающих пробелов в контуре.

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

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

– Раскрасьте вручную.

- Раскрась в иллюстраторе или другой программе.

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

– Paint Bucket в Photoshop не может этого сделать.

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

Я знаю, что инструмент Bucket Tool в Photoshop должен уметь это делать, потому что на моем дрянном 1-м поколении. iPad mini У меня есть программа под названием ArtStudio. Это художественная программа размером с путешествие, которая имеет примерно 1/4 возможностей Photoshop, и это. он справился с этим «Один щелчок инструментом Bucket, и область заполнена!» проблема.

В ArtStudio параметр «Нормальный режим» в ведре с краской создает тот же эффект, что и в ведре с краской в ​​Photoshop. Если в настройках Paint Bucket выбран параметр «Smart Mode», он создает заливку сплошным цветом. В ОДИН КЛИК!

Мне нравится Photoshop, это одна из моих любимых художественных программ, но мне кажется, что если эта небольшая художественная программа IOS для путешествий способна на это, то и Photoshop должен быть более чем способен на это. Пожалуйста, если вы знаете, как исправить эту проблему «Заполнение области ТОЛЬКО инструментом Bucket Tool, В ОДИН КЛИК», пожалуйста. ПОЖАЛУЙСТА, поделитесь своей мудростью и дайте мне знать. Это моя самая большая и единственная жалоба на Photoshop, и исправление этого / знайте, что это сделает мой день!

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

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

Ленивый способ

Во-первых, позвольте мне сделать признание. Слишком долго я удалял фоны ленивым способом: устанавливая для слоя с линиями Режим наложения значение Умножение. Может быть, вы делаете это именно так, а может быть, вы уже на световые годы опередили меня в цифровых технологиях.

Но во время работы над моей книгой We Are Fungi этот метод быстрого исправления просто не подходил. Это вызывало всевозможные проблемы с фоновыми цветами, прозрачностью и контрастностью.

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

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

Путь эксперта

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

Чтобы увидеть этот метод в действии, посмотрите видео ниже!

Экспертный способ (перечисленные шаги)

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

  1. Перейдите в меню "Изображение" > "Режим" > "Оттенки серого" (затем "Не объединять", "Отменить").
  2. Command+A, чтобы выбрать всю иллюстрацию, затем Command+C, чтобы скопировать.
  3. Откройте панель "Каналы" (в меню "Окно" > "Каналы", если вы ее не видите)
  4. Нажмите «Создать новый канал»(Появится новый слой с именем Alpha 1)
  5. Command+V, чтобы вставить выделение на этот слой, затем Command+D, чтобы отменить выбор
  6. Нажмите «Загрузить канал как выделенное»(Вы увидите, что все белые части изображения выделены).
  7. Shift+Command+I, чтобы инвертировать выделение (вы увидите, что все черные части изображения выделены).
  8. Выберите серый канал (на панели «Каналы»)
  9. Нажмите «Создать новый слой» (на панели «Слои»)
  10. Выберите инструмент "Заливка" (G) и залейте выделение черным цветом.
  11. Command+D, чтобы отменить выбор
  12. Скрыть исходный слой с линиями
  13. Необязательно: выберите «Изображение» > «Режим» > «Цвет RGB» (или CMYK, в зависимости от того, в каком режиме вы хотите работать)

И вуаля!

Теперь вы можете отделить свои линии всего за несколько дополнительных шагов! Я знаю, что 13 шагов — это много, но я проделывал это с каждой страницей своей книги, и всего через несколько раз я смог выполнить весь метод за 1 минуту. Это не так быстро, как просто нажать «Умножить», но давайте, это 1 минута, и это дает вам ГОРАЗДО больше возможностей и контроля!

Читайте также: