Черная линия для фотошопа: Работа с инструментом «Линия»

Содержание

Рисование линии в Photoshop

Создаём прямую линию инструментом «Линия» (Line Tool)

Другой способом рисования является использование инструмента «Линия» (Line Tool), доступного на инструментальной панели Photoshop:

Эта линия является векторной формой (Vector Shape), так что в последствии Вы можете легко изменить её форму, цвет и размер без потери качества. Вы также можете использовать клавишу Shift для построения горизонтальных, вертикальных и направленных под углом 45° линий:

Ломаная, прямая и кривая линия с помощью «Пера» (Pen Tool)

Третий иp распространённых способов создания лини — использование универсального инструмента «Перо» (Pen Tool):

Сначала необходимо переключить «Перо» на режим «Контур» (Paths), этот переключатель находится на панели параметров в верхнем левом углу окна программы. Затем кликните в том месте, где должна начинаться линия, это будет начальная точка, потом добавьте вторую точку и т.д.
То же самое правило действует и при нажатии клавиши Shift:

Давайте выполним несложную практическую работу. Сначала выберите инструмент «Кисть», задайте диаметр 3 пикселя,жёсткость 100%, цвет — чёрный.

Затем возьмите «Перо», выберите режим «Контур» и нарисуйте линию с помощью двух точек. Вы можете увидеть созданный контур на панели слоёв во вкладке «Контур» (Path), там наша линия будет добавлена в качестве рабочего контура (Work Path).

Но контур, созданный «Пером», это всего-лишь вспомогательный объект, и при сохранении картинки отображён не будет. Для того, чтобы визуализировать контур, нам следует выполнить его обводку.
При активном инструменте «Перо», кликните правой клавишей мыши по контуру в документе. Откроется контекстное меню, где нажмите на строку «Выполнить обводку контура» (Stroke Path):

Откроется новое окно, где выберите пункт «Кисть» (Brush) и нажмите ОК. Обводка толщиной в 3 пикселя появится:

Эту операцию лучше всего производить на новом прозрачном слое.

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

Как рисовать линии в Фотошопе

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

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

Создание линий

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

Прямая

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

Урок: Рисуем прямую линию в Фотошопе

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

Ломаная

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

Незамкнутая ломаная

Самым простым решением для создания такой линии является инструмент «Перо». С его помощью мы можем изобразить все что угодно, начиная с простого угла и заканчивая сложным многоугольником. Подробно об инструменте читайте в статье на нашем сайте.
Урок: Инструмент Перо в Фотошопе — теория и практика
Для того, чтобы добиться нужного нам результата, достаточно поставить несколько опорных точек на холсте,
А затем обвести полученный контур одним из инструментов (читайте урок про Перо).
Другой вариант – составить ломаную линию из нескольких прямых. Можно, к примеру, нарисовать начальный элемент,
после чего, путем копирования слоев (CTRL+J) и опции «Свободное трансформирование», включаемой нажатием клавиш CTRL+T, создать необходимую фигуру.

Замкнутая ломаная

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

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

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

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

Кривая

Кривые имеют те же параметры, что и ломаные, то есть, могут быть замкнутыми и незамкнутыми. Нарисовать кривую линию можно несколькими способами: инструментами «Перо» и «Лассо», используя фигуры или выделения.

Незамкнутая

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

Замкнутая

Лассо.
Этот инструмент позволяет рисовать замкнутые кривые любой формы (сегменты). Лассо создает выделение, которое, для получения линии, необходимо обвести известным способом.
Овальная область.
В данном случае результатом наших действий станет окружность правильной или эллипсовидной формы.
Для ее деформации достаточно вызвать «Свободное трансформирование» (CTRL+T) и, после нажатия ПКМ, выбрать соответствующую дополнительную функцию.
На появившейся сетке мы увидим маркеры, потянув за которые, можно добиться нужного результата.
Стоит заметить, что в данном случае воздействие распространяется и на толщину линии.
Следующий способ позволит нам сохранить все параметры.
Фигура.
Воспользуемся инструментом «Эллипс» и, применив настройки, описанные выше (как для многоугольника), создадим окружность.
После деформирования получим следующий результат:
Как видим, толщина линии осталась неизмененной.

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

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

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

Помогла ли вам эта статья?

ДА НЕТ

Как в фотошопе нарисовать прямую линию | Pixelbox.ru — Дополнения и уроки по Фотошопу

Привет всем любителям программы фотошоп!

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

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

SHIFT). Таким образом нарисуется прямая линия в заданных координатах.

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

Рисуем прямую линию инструментом Кисть (Brush Tool)

Проще всего нарисовать линию инструментом Кисть (Brush Tool). Создаем в фотошопе документ (Ctrl + N) с произвольным размером, у меня это 800х600 пикселей:

Активируем инструмент Кисть (Brush Tool). Горячая клавиша вызова инструмента – B

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

Проводим линию:

Какая-то она не совсем ровная, резонно заметите вы, так ведь?

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

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

Рисуем прямую линию при помощи инструмента Карандаш (Pencil Tool)

Инструмент Карандаш (Pencil Tool)

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

Рисование линии при помощи инструмента Карандаш (Pencil Tool) аналогично рисованию Кистью – делаем клик мышью у начала линии, зажимаем клавишу Shift и проводим линию.

Рисуем линию инструментом Перо (Pen Tool)

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

Активируйте инструмент Перо (Pen Tool), горячая клавиша вызова инструмента – P.

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

Создаем новый слой, нажимаем на иконку создания слоя в

панели слоев:

Рисуем прямую линию – просто поставьте две точки. Чтобы нарисовать горизонтальную или вертикальную линию, снова зажимаем клавишу Shift:

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

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

Линии готовы, но, к сожалению, они видны только в фотошопе во вкладке Контуры (Окно-Контуры (Window–Paths)), если сохранить изображение, к примеру, в формате jpg*, линии не будут отображаться.

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

Выбираем цвет:

Активируем инструмент Перо, щелкаем ПКМ по холсту и выбираем пункт «Выполнить обводку контура» (Stroke Path):

Откроется следующее окно, в котором в качестве источника нужно выбрать «Кисть», а галочку у «Имитировать нажим» (Simulate Pressure) желательно снять чтобы получились ровные линии:

Результат:

Если оставить галочку «Имитировать нажим» (Simulate Pressure), линии к концам будут становиться тоньше:

Рисуем линию инструментом Линия (Line tool)

Один из самый распространённых способов нарисовать прямую линию в фотошопе это инструмент Линия. Находится в левой панели:

Прекрасно то, что можно легко настроить цвет и толщину линии:

С зажатым SHIFT я провожу прямые линии. Они создаются средством фигуры из вектора. Можно запросто нарисовать вертикальную, горизонтальную и под углом 45 градусов прямую линию.

Прямая линия с помощью выделения в фотошопе

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

Есть в фотошопе инструмент Прямоугольное выделение:

Например, нам нужна длинная и толстая линия в фотошопе. Выделяем нужную область:

Выбираем инструмент Заливка и устанавливаем цвет для будущей линии.

Заливаем цветом выделенную область и снимаем выделение CTRL+D. У нас получилась прямая линия.

Вот такие простые способы нарисовать линию в фотошоп. Надеемся, вам была полезна эта информация! Успехов в творчестве и хорошего настроения!

Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Как нарисовать линию в Photoshop

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

1. Рисуем прямую линию

Шаг 1

Сначала я покажу вам, как нарисовать прямую линию в Photoshop. Самый простой способ — использовать инструмент, предназначенный для этой цели: Line Tool (U) (Линия):

Шаг 2

Устанавливаем Mode (Режим) на Pixels (Пикселы).

Шаг 3

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

Шаг 4

Также можно использовать инструмент Brush Tool (B) (Кисть). Щелкаем в том месте, где должна начинаться линия, и, удерживая Shift, щелкаем в конечной точке линии. Photoshop нарисует ее за нас!

2. Рисуем ломанную линию

Хороша, а как нарисовать ломаную линию? Для этого можно использовать тот же метод. Если сначала кликнуть, а затем нажать Shift, вы нарисуете отдельную прямую линию. Но если вы продолжите удерживать Shift и кликаем еще раз, конечная точка предыдущей линии станет начальной точкой новой. Итак, запоминаем порядок: кликаем и нажимаем Shift для отдельной линии, нажимаем Shift и кликаем для непрерывной ломаной линии.

1: кликаем, нажимаем Shift, кликаем, отпускае Shift, 2: кликаем, нажимаем Shift, кликаем, кликаем, кликаем…

3. Рисуем линию под углом 90 градусов

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

4. Рисуем изогнутую линию

Шаг 1

Итак, мы разобрались с прямой линией, но как нарисовать изогнутую линию в Photoshop? Конечно, можно использовать инструмент Brush Tool (B) (Кисть), чтобы просто нарисовать любую линию, которую хотите, но, если у вас нет графического планшета, может быть сложно контролировать ее форму. Давайте вместо этого воспользуемся инструментом Curvature Pen Tool (P) (Перо кривизны).

Шаг 2

Инструмент Curvature Pen Tool (P) (Перо кривизны) скрыт в меню Pen Tool (Перо):

Шаг 3

Устанавливаем Mode (Режим) на Shape (Фигура), убираем Fill (Заливку), добавляем цвет Stroke (Обводка) и настраиваем толщину линии.

Шаг 4

Этот инструмент позволяет рисовать кривую линию, щелкая и перетаскивая. Самое удобное — это то, что линия остается полностью редактируемой: просто кликаем и перетаскиваем любую из ее точек, чтобы изменить форму. Удерживая нажатой клавишу Ctrl, кликаем, чтобы закончить рисование. Используем инструмент Direct Selection Tool (Кисть) или другого инструмента в режиме Pixels (Пиксели) настраиваем цвета на панели Color (Цвет).

Шаг 2

Если предпочитаете инструмент Curvature Pen Tool (P) (Перо кривизны) или любой другой в режиме Shape (Фигура), настраиваем цвет обводки — это можно сделать даже после того, как линия уже нарисована.

7. Рисуем жирную линию

Шаг 1

Чтобы нарисовать жирную линию есть два варианта: либо увеличить размер кисти, что можно сделать с помощью клавиш с квадратными скобками ([, ]).

Шаг 2

… или, если мы находимся в режиме Shape (Фигура), просто указываем толщину обводки в настройках.

8. Рисуем линию под углом 45 градусов

Шаг 1

Но как нарисовать линию под 45 градусов или под любым другим углом? Вот хитрость: используем инструмент Rotate View Tool (R) (Поворот вида).

Шаг 2

Вводим значение угла в поле Rotation Angle (Угол поворота) и нажимаем Enter.

Шаг 3

Теперь просто рисуем линию.

Шаг 4

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

Хорошая работа!

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

Автор: Monika Zagrobelna

Источник: design.tutsplus.com

Рисуем абстрактные линии в Фотошоп / Creativo.one

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

Вот так выглядит финальный результат:

Шаг 1. Создаем новый документ размером 800х800 px, заливаем фон черным цветом. Создаем новый слой над фоновым, жмем клавишу Р чтобы активировать Pen Tool (Перо). Создаем линию, как на скриншоте ниже:

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

Жмем B, чтобы активировать Brush Tool (Кисть), выбираем кисть размером 1 px:

В окне Color Picker (Выбор цвета) выбираем необходимый цвет:

Снова активируем Pen Tool (Перо) (P), затем жмем правой кнопкой мыши по созданной кривой и выбираем Stroke Path (Обводка контура):

Выбираем Brush (Кисть) из выпадающего меню, убеждаемся, что опция Simulate Pressure (Симулировать нажим) активна, и жмем OK:

И получаем такую красивую кривую:

Шаг 2. Используя описанный выше процесс, создаем еще три линии. Убедитесь что:
— каждая линия находится на отдельном слое;
— для первой линии размер кисти 2 px, второй — 3 px, третьей — 4 px;
— уменьшаем непрозрачность слоев до 80%, 60% и 40%.

Корректируем расположение линий и получаем такой результат (4 линии на 4 слоях):

Шаг 3. Создаем группу «Линии» Layer — New — Group (Слой — Новый — Группа) и перемещаем в нее все 4 слоя с линиями. Дублируем группу один раз и объединяем копию группы в один слой (CTRL+E). Уменьшаем opacity (непрозрачность) нового слоя до 70% и перемещаем линии ниже и левее, чтобы создать эффект глубины:

Продолжаем дублировать слой, чтобы создать больше линий:

Теперь мы должны немного разнообразить линии цветом. Для этого используем корректирующий слой Layer — New Adjustment Layer — Hue/Saturation (Слой — Новый корректирующий слой — Цветовой тон/Насыщенность) для слоев с линиями (не забываем создать для корректирующего слоя обтравочную маску CTRL+ALT+G).

Выбираем любой понравившийся цвет:

Продолжаем добавлять больше цветов. Вы можете воспользоваться Free Transform (Свободное трансформирование) (CTRL+T), чтобы отрегулировать угол наклона линий:

Также корректируем размер линий:

Шаг 4. Теперь добавим несколько серых линий. Для этого переходим Image — Adjustments — Desaturate (Изображение — Коррекция — Обесцветить) или SHIFT+CTRL+U, чтобы обесцветить один из слоев:

Смешиванием серые линии вместе с остальными:

И получаем следующий результат:

Шаг 5. Почти закончили. Теперь объединяем слои с линиями, которые мы создали, в один (CTRL+E), затем дублируем их, поворачиваем, меняем положение:

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

Активируем опции Airbrush (Аэрограф), Smoothing (Сглаживание) и Protect Texture (Защита текстуры).
Теперь этой кистью на новом слое рисуем точки вокруг абстрактных линий:

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

После этого, применяем к слою с точками фильтр Filter — Sharpen — Sharpen (Фильтр — Резкость — Резкость) (благодаря этому точки стали ярче):

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

Это все!

Автор: psdvault
Переводчик: Макс Енин
Ссылка на источник

Источник: www.psdvault.com

Как в Фотошопе нарисовать прямую линию

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

В этой статье мы подробно расскажем и покажем как нарисовать прямую линию в Фотошопе CC и CS6 (метод подойдет для всех версий программы).

Способов для реализации будет четыре. Изучаем и выбираем самый удобный для вас.

Метод №1 – “старый”

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

Начнем. Для начала нужно отобразить линейки, если их нет в проекте. Сделать это можно горячими клавишами – CTRL+R. Или же переходим в меню “Просмотр” и выбираем “Линейки”.

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

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

Но сперва, чтобы добиться прилипания линии к прямой от линейки, мы зайдем в “Просмотр”, кликнем “Привязать к…” и выберем “Направляющим”.

Спокойно рисуем линию. Должно получится плюс-минус так:

Метод №2 – “эффективный”

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

Как это работает? Кликаем на любое место хоста карандашом или любым другим инструментом и, зажав кнопку “SHIFT” тянем ее до конечной точки, которую для себя выделили. Смотрите скриншот ниже:

Метод №3 – “с помощью вектора”

Чтобы создать прямую линию с помощью вектора, нам нужно выбрать инструмент “Линия”.

Чтобы применить индивидуальные настройки, нужно перейти к верхнему меню, после выбора инструмента. В настройках можно выбрать цвет линии, установить параметры обводки и самое главное – толщину самой линии. Смотрим скриншот ниже:

Можно рисовать линию. Весьма удобный метод и отличный результат:

Имейте ввиду, что если зажать клавишу SHIFT, то программа даст нам провести лишь вертикальную, горизонтальную и линию под углом 45 градусов.

Метод №4 – обычный

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

Приступим. Нужно взять инструмент под названием «Область (вертикальная строка)» или «Область (горизонтальная строка)» на выбор. Мы выберем область с горизонтальной строкой.

Примечание! Этот метод не доступен для Photoshop CC и работает только в версиях CS.

Затем нужно поставить точку на холсте. Программа в автоматическом режиме создаст выделение с шириной в 1 пикс.

После нам остается нажать на горячие клавиши SHIFT+F5, чтобы выбрать цвет линии. Или щелкаем правой кнопкой мыши и выбираем “Выполнить заливку”. Там, где “Использовать: цвет фона” меняем на “Использовать: основной цвет”. Тогда линия будет такого же цвета, как и тот, что выбран в основной палитре цветов.

Остается убрать «марширующих муравьев» с помощью комбинации CTRL+D.

Теперь вы знаете все о том, как нарисовать прямую линию в Photoshop.

До встречи в наших других уроках.

Можем ли мы использовать Photoshop/GIMP для создания черных линий в изображениях с девятью патчами (9.png)?

Android SDK инструмент draw9patch ооочень медленный, когда мне приходится создавать девятипатч из полного изображения (изображение для фона), потому что он не позволяет быстро рисовать черную линию сверху вниз (как мы используем в Photoshop или Gimp), но я должен рисовать каждый пиксель. Так что пустая трата времени. Думаю, вы понимаете, о чем я говорю.

Итак, кто-нибудь пытался нарисовать черные линии в Photoshop/GIMP, заботясь о том, чтобы вы не заполняли конечные пиксели? Будет ли Android SDK относиться к ним как к обычным 9 PNG изображениям?

android photoshop gimp nine-patch
Поделиться Источник sandalone 06 июля 2011 в 13:12
3 ответа
Как я могу подкрасить изображение с девятью патчами?
Я научился подкрашивать изображение при нажатии, добавляя к нему OnTouchListener, в котором я вызываю setColorFilter. Я научился использовать изображения с девятью патчами в качестве фона для кнопок и ImageButtons. Проблема в том, что изображения с девятью путями не растягиваются, если они…
Android ошибка изображения с девятью патчами
в соответствии с этим описанием я только что создал образ с девятью патчами. Я назвал его androidRow.9.png . Когда я копирую его в папку res/drawable , я получаю сообщение об ошибке res\drawable\androidRow.9.png: Invalid file name: must contain only [a-z0-9_.] Как я могу это исправить?

7

9.png — это просто .png — Вы можете использовать любой из ваших любимых инструментов, только граница 1px должна быть прозрачной или заполнена черным цветом, а расширение должно быть установлено в значение .9.png
Поделиться piotrpo 06 июля 2011 в 16:54
Поделиться Adil Hussain 11 октября 2012 в 13:19

0

Я использую инструмент Better9patch, а затем тестирую инструмент 9patch SDK. Но если вы создаете 9patch с границей 1px, вы должны ретушировать их с помощью инструментов PS или etc..
Поделиться ozgur ablak 13 октября 2014 в 07:34
Похожие вопросы:

Есть ли загрузчик с девятью патчами для iPhone?
Android имеет хороший способ определения растягиваемых изображений, называемый девятью патчами. См. эти документы для описания концепции. Идея состоит в том, чтобы окружить изображение png рамкой в…

Нежелательное растяжение изображения с девятью патчами для экрана-заставки
Я хочу использовать изображение с девятью патчами, чтобы сделать заставку для моего приложения, которая должна выглядеть одинаково (квадратно) как в портретной, так и в альбомной ориентации. Мой код…

сопоставьте изображение с девятью патчами с простым изображением
Я хочу соединить два изображения вместе (изображение с девятью патчами и значком), чтобы размер значка не менялся. Я разработал изображение с девятью патчами, но я не сопоставляю эти изображения…

Как я могу подкрасить изображение с девятью патчами?
Я научился подкрашивать изображение при нажатии, добавляя к нему OnTouchListener, в котором я вызываю setColorFilter. Я научился использовать изображения с девятью патчами в качестве фона для кнопок…

Android ошибка изображения с девятью патчами
в соответствии с этим описанием я только что создал образ с девятью патчами. Я назвал его androidRow.9.png . Когда я копирую его в папку res/drawable , я получаю сообщение об ошибке…

android можно ли использовать изображения с девятью патчами вместо hdpi, mdpi,ldpi
а как насчет изображений с девятью патчами? Можно ли их использовать вместо своих ? /res/drawable-hdpi/icon.png ….. 72×72 /res/drawable-mdpi/icon.png …. 48×48 /res/drawable-ldpi/icon.png …… 36×36…

Альфа-прозрачность в индексированных изображениях-png
Вот изображение: Это изображение представляет собой простой градиент black-to-transparent, сохраненный в полном RGBA PNG. Вот то же самое изображение, преобразованное в indexed-alpha PNG на GIMP…

Как поставить больше символов в линию с девятью патчами?
Я использую это изображение bg с девятью патчами. Как я могу установить его ширину, чтобы она была шире (но не абсолютной)? Есть ли какой-нибудь способ протолкнуть точно такие же слова в строку…

изображения с девятью патчами шириной или высотой 1px — особый случай или неисправные файлы?
В процессе изменения изображений, найденных в Launcher2.apk , я нашел некоторые файлы, которые, очевидно, являются девятью патчами, но имеют высоту или ширину только 1px: $ file **/*.9.png G \( 1…

изображение с девятью патчами против обычного изображения Bitmap
Разница между изображением с девятью патчами и обычным изображением Bitmap в Android. и где мы используем Изображение с девятью патчами и где мы используем обычное изображение Bitmap.
Как нарисовать линию Урок Photoshop
Как нарисовать линию в Photoshop [Урок для начинающих]
В этом уроке вы научитесь рисовать прямые линии в Photoshop . Я также покажу вам , как рисовать изогнутые линии в Photoshop . И, чтобы немного повеселиться, я научу вас рисовать цветную линию в Photoshop.
[ОБНОВЛЕНИЕ 2019]: хотя некоторые вещи изменились в Photoshop CC 2019, те же методы применяются для рисования линии в Photoshop.Ознакомьтесь с разделом о новом Curvature Pen Tool в Photoshop CC.
1. Как рисовать прямые линии в Photoshop с помощью кисти ⚡
Чтобы нарисовать линию в Photoshop, используйте инструмент «Кисть » или инструмент «Карандаш » . Выберите жесткую круглую кисть небольшого размера и просто нарисуйте линию.
Чтобы нарисовать прямую линию в Photoshop , вы должны удерживать нажатой клавишу SHIFT и рисовать. Чтобы сделать горизонтальные или вертикальные линии, удерживайте нажатой клавишу SHIFT и проведите линию горизонтально или вертикально.Используйте сетку Photoshop, чтобы ваши линии были прямыми.
Для наклонных или диагональных линий, удерживая нажатой клавишу SHIFT , щелкните, чтобы добавить конечные точки линий. Photoshop соединит точки идеальными линиями.
1.1 Как рисовать прямые линии в стиле Photoshop от руки с помощью кисти
Вот в чем дело:
Большинство графических дизайнеров любят рисовать от руки с помощью Brush Tool , используя графический планшет или мышь.Попробовав пару раз, вы заметите, что рисовать горизонтальные прямые линии проще, чем диагональные или вертикальные.
Вот так и работает наша рука.
Как повернуть холст в Photoshop
В Photoshop (CS5, CS6, CC 2018 и CC 2019) можно сделать один хитрый трюк — повернуть весь холст. Точно так же, как вы вращаете бумагу для рисования. Вы можете сделать это, щелкнув R , затем щелкнув и перетащив мышью. Если удерживать нажатой кнопку SHIFT при перетаскивании, поворот холста фиксируется с шагом 15 градусов.
Вот видео, показывающее, как рисовать прямые линии в Photoshop и как вращать холст в Photoshop:
Примечание: При попытке сделать это в Photoshop CC 2019 я столкнулся со следующей ошибкой:
Поворот работает только с окнами документов с поддержкой OpenGL
Что ж, оказывается, что для этого в Photoshop CC 2019 предъявляются более высокие требования к оборудованию. Решение, очевидно, состоит в том, чтобы попытаться перейти в Edit> Preferences , а затем в Performance Panel выбрать Enable OpenGL Drawing в настройках графического процессора. .Обратите внимание, что если ваше оборудование не соответствует требованиям, этот флажок будет недоступен.
2. Как нарисовать прямую линию в Photoshop с помощью инструмента «Линия» ⚡
Другой способ — использовать инструмент Line Tool , доступный на панели инструментов Photoshop. Эта линия представляет собой векторную фигуру, поэтому вы можете легко изменить ее форму, цвет и размер без потери качества. Вы можете использовать клавишу SHIFT также для прямых линий.
Загрузите мои линии для Photoshop, если вам нужны векторные линии для ваших проектов.
3. Как нарисовать линию в Photoshop с помощью Pen Tool ⚡
Третий способ — нарисовать линию с помощью инструмента Pen Tool . Во-первых, вы должны проверить опцию Paths . Затем щелкните, чтобы добавить первую точку, и щелкните еще раз, чтобы добавить вторую точку. Для прямых линий удерживайте нажатой кнопку SHIFT .
Итак, возьмите инструмент «Кисть » и выберите жесткую круглую кисть , размер 3 пикселя, черный цвет.
С помощью Pen Tool выберите Paths и нарисуйте линию.Строка добавляется как Work Path .
Чтобы нарисовать линию, просто щелкните правой кнопкой мыши Work Path и выберите Stroke Path . Из списка выберите Brush Tool .
Теперь вы можете удалить Путь или использовать его для рисования других линий. Вы можете перемещать путь, изменять его размер, форму, вращать и т. Д.
СОВЕТ: Вы должны выбрать слой перед тем, как Stroke Path , иначе он может не работать.Вот краткое руководство о том, как нарисовать путь и как обвести контур в Photoshop с помощью инструмента «Кисть» (видеоурок). Также вы можете прочитать руководство по Photoshop для начинающих.
4. Как рисовать изогнутые линии в Photoshop ⚡
Чтобы нарисовать изогнутые линии в Photoshop, вы должны использовать инструмент Pen Tool с выбранным Paths , чтобы создать изогнутый путь. Используя инструмент «Перо» , перетащите его, чтобы создать первую точку сглаживания изогнутого сегмента, и отпустите кнопку мыши.
Чтобы нарисовать изогнутую линию, просто щелкните правой кнопкой мыши Work Path и выберите Stroke Path . Из списка выберите Brush Tool .
Как рисовать изогнутые линии в Photoshop CC 2019
Photoshop CC 2019 содержит множество полезных и новых вещей. Одним из них является новый инструмент Curvature Pen Tool . Вы найдете это под значком Pen Tool , если вы нажмете на него долго.
Чтобы использовать новый инструмент Curvature Pen Tool , вам нужно щелкнуть один раз, и Photoshop нарисует изогнутые линии, соединяющие точки, по которым вы щелкаете.Двойной щелчок создаст острые углы. Если вы щелкните линию между двумя точками, вы можете добавить и перетащить дополнительную точку, чтобы создать изогнутую линию.
После того, как вы создали изогнутую линию, вам нужно Stroke Path , чтобы нарисовать линию.
5. как нарисовать цветную линию в фотошопе
Чтобы нарисовать цветную линию в Photoshop, добавьте стиль слоя к слою, на котором вы нарисовали линию. Используйте стиль слоя Gradient Overlay для создания цветных линий в Photoshop.
6. Пунктирная линия в фотошопе
Чтобы нарисовать пунктирную линию в Photoshop, вы должны использовать кисть с пунктирной линией. В этом уроке вы узнаете, как создать пунктирную линию в Photoshop.
7. Пунктирная линия в фотошопе
Чтобы нарисовать пунктирную линию в Photoshop, вы должны использовать кисть с пунктирной линией. В этом уроке вы узнаете, как создать пунктирную линию в Photoshop.
8. Как удлинить линию в Photoshop
Нажмите Control-T , чтобы удлинить линию в Photoshop.Этот метод изменения размера работает только для прямых линий (вертикальных и горизонтальных линий).
9. Как сделать линию толще в фотошопе
Как изменить ширину линии в фотошопе? Если вы используете Line Tool , вам необходимо установить толщину линии.
Если вы используете Brush Tool , чтобы сделать более толстую линию в Photoshop, вы должны установить размер Brush Tool на больший размер.
Как сгладить существующие линии в Photoshop
Ответ довольно прост! Перейдите в меню Filter > Other и выберите фильтр Minimum .Используя этот фильтр, вы можете увеличить размер ваших линий и сделать существующие линии в Photoshop более толстыми.
Если вы хотите сделать линии быстрее и чище, попробуйте этот БЕСПЛАТНЫЙ экшен для увеличения толщины линий в Photoshop.
10. рисуем параллельные линии в Photoshop
Чтобы нарисовать параллельные линии в Photoshop, вы рисуете прямую линию (вертикальную или горизонтальную) и нажимаете Control-J для дублирования. Затем вы перемещаете линию, и вы получаете параллельные линии.
Совет: создайте новый слой с горизонтальным / вертикальным градиентом (# 000000, непрозрачность 100% и # 000000, непрозрачность 0%).Перейдите в Filter> Distort> Wave и сделайте эти настройки для рисования параллельных линий в Photoshop.
11. Как нарисовать цифровое искусство с плавными линиями в Photoshop
Если вы хотите преобразовать фотографию в рисунок, вы можете использовать этот экшен Line Art Photoshop .
Вот , как рисовать плавные линии в Photoshop CC 2018, 2019, 2020 и более поздних версий :
В
Photoshop CC 2018 появилась небольшая классная функция, которая является настоящим улучшением рисования плавных линий в Photoshop.Используя настройку Smoothing (которая изменяется от 0% до 100%), вы можете настроить плавность мазков кисти.
Первое, что я заметил при рисовании плавных линий с помощью этой функции, это то, что есть промежуток между местом, где находится курсор, и местом, где нарисован мазок кисти.
Не волнуйтесь! Это нормально!
Разрыв — это часть алгоритма, используемого Photoshop CC для расчета, насколько гладкими должны быть кривые и линии, которые вы рисуете. Способ рисования сглаженных кривых в Photoshop CC можно настроить с помощью нескольких дополнительных параметров, кроме Smoothing .Щелкните колесико рядом с ползунком Smoothing , и вы увидите Smoothing Options :
Режим вытянутой струны
Для каждого из вариантов сглаживания мазков кисти я постараюсь найти некоторые аналогии, которые помогут объяснить, как работает алгоритм плавного рисования. По крайней мере, для меня это помогло лучше понять это.
Для параметра сглаживания Pulled String Mode представьте, что вы привязываете веревку к шарику, смоченному чернилами.
Положите мяч на бумагу и начните рисовать, потянув за веревочку.
Чем длиннее струна, тем более гладкие линии вы проведете. Здесь ползунок Smoothing управляет длиной строки и, следовательно, гладкостью кривых.
Отметьте этот параметр, и при рисовании длина строки отображается в виде круга вокруг начальной точки плавного мазка кисти. Чем выше Smoothing , тем больше круг.
Stroke Catch Up Photoshop
Этот параметр не работает вместе с Pulled String Mode , поэтому сначала вам придется отключить его.
Когда вы отметите опцию Stroke Catch-Up и начнете рисовать, вы снова заметите зазор между начальной точкой и курсором мыши. Но на этот раз разрыв становится меньше. Итак, алгоритм заставляет мазок кисти догонять мышь.
Итак, мазок кисти — это ракета, отслеживающая ваш курсор мыши и приближающаяся к нему. Чем выше Smoothing , тем медленнее «ракета». Также «ракета» замедляется по мере приближения к курсору мыши.
Таким образом сглаживается дрожание штрихов, которые вы рисуете, и вы получите гораздо более плавные кривые.
Нагнетание на конце хода
Работает так же, как и предыдущая опция Stroke Catch-Up , только когда вы отпускаете щелчок, она заполняет промежуток между мазком кисти (или «ракетой») и положением курсора мыши.
Регулировка увеличения
Этот параметр применяется ко всем другим параметрам Smoothing Options , и при активации он масштабирует эффект сглаживания в соответствии с уровнем масштабирования холста.Это очень полезно для больших рисунков, когда вы переключаетесь с мазков кистью на высоком уровне и мазков кистью для мелких деталей с увеличением.
Используйте эти кисти Photoshop для рисования линий для создания красивых штриховых рисунков в Photoshop.
Уроки, связанные с рисованием линий в Photoshop
Вот небольшой видео-совет о том, как рисовать фигуры с прямыми линиями, острыми углами и закругленными углами с помощью инструмента Pen Tool .

Если у вас все еще возникают проблемы с освоением инструмента «Перо», я рекомендую этот очень обширный урок «Как создать треугольник в Photoshop».
Это действительно все, что вам нужно знать, чтобы начать рисовать векторную графику на профессиональном уровне. Я использовал эти техники, чтобы очень быстро нарисовать этот крутой горный векторный пейзаж в Photoshop:
Fast Easy Line Art в Photoshop — Штриховая графика из фотографий за секунды
Описание
— = ЧЕРНАЯ СТРОКА ЭКСПРЕСС-ОПИСАНИЕ = —
Blackline Express — это экшен для Adobe Photoshop CS / CC на MAC или ПК, который создает растровые штриховые рисунки из ваших фотографий. Не просто предустановка порога.Blackline находит и подчеркивает все контрастные линии на ваших фотографиях и создает с их помощью профессиональные быстрые растровые или растровые штриховые рисунки, что делает его идеальным инструментом для создания штриховых рисунков для трафаретной печати, резки винила, создания собственных страниц и листов для раскраски, чего угодно! Совет от профессионала: конвертируйте изображения с черными краями в векторные (с помощью стороннего программного обеспечения) для пользовательских файлов SVG / DXF / AI.
— = КТО ИСПОЛЬЗУЕТ BLACKLINE EXPRESS = —
Отлично подходит для трафаретных принтеров, виниловых резаков, пользователей Cricut, создателей книжек-раскрасок, лазерных граверов, лазерных резаков, плазменных резаков по металлу, гравировальных машин, продавцов товаров для печати по запросу и всех, кому нужна автоматическая линейная графика из фотографий Быстро! Линии транспортных средств, изображения с предварительной векторной трассировкой, создание тонального фона, мультипликационные наложения или все, что вам нужно, что начинается или заканчивается черным и черно-белым.
— = ЧТО ВКЛЮЧЕНО в BLACKLINE EXPRESS = —
— Blackline Express — Легкое рисование линий из ваших фотографий одной кнопкой.
— = ИСТОРИЯ BLACKLINE EXPRESS = —
Blackline был первоначально создан в 2006 году из-за необходимости рисовать больше графики для транспортных средств для высокопоставленных трафаретных автомобильных шоу и футболок для гоночных автомобилей. Не дает нам посылать наших клиентов к нашим конкурентам. Кроме того, Blackline с тех пор используется для подготовки художественных работ для травления стекла, резки металла, лазерной гравировки, резки винила и многого другого.Полезный инструмент для любого художника или графического бизнеса. Четыре версии спустя популярность Blacklines была изменена несколько раз, чтобы добавить функции для многих графических нужд.
Производство художественных работ и графического дизайна стало проще, чище и быстрее! Оставайтесь в игре с быстрой единообразной графической автоматизацией!
— = ПОЛИТИКА ВОЗВРАТА = —
Поскольку мы хотим, чтобы вы были довольны постоянным покупателем, мы всегда будем работать с вами, если возникнут проблемы с вашим заказом или вам понадобится помощь.Тем не менее, это немедленная цифровая загрузка, и по этой причине мы не можем предложить возврат, обмен или отмену.
Blackline — лицензионное программное обеспечение. Покупка Blackline дает Покупателю право на одну (1) лицензию или установку. Для нескольких установок, пожалуйста, свяжитесь с нами, чтобы узнать цену.
Профессиональная штриховая графика в Photoshop Штриховая графика с полутонами
Посмотрите видео …
https://youtu.be/D9SfaiU_C6M
— = BLACKLINE ADVANCED DESCRIPTION = —
Blackline Advanced — это набор действий для Adobe Photoshop на MAC или ПК, который создает штриховые рисунки из ваших фотографий.Пользовательские полутоновые изображения, тонирование линий или отсутствие тонирования. Но всегда быстро. Не просто предустановка порога. Blackline находит и подчеркивает все контрастные линии на ваших фотографиях и создает с их помощью профессиональные быстрые штриховые рисунки, что делает его идеальным инструментом для создания штриховых рисунков для трафаретной печати, резки винила, создания собственных раскрасок и листов, чего угодно!
— = КТО ИСПОЛЬЗУЕТ BLACKLINE ADVANCED = —
Отлично подходит для трафаретных принтеров, резаков для винила, пользователей Cricut, создателей книжек-раскрасок, лазерных граверов, лазерных резаков, плазменных резаков по металлу, граверов, продавцов товаров для печати по запросу и всех, кому нужна автоматизированная линия искусство из фотографий Быстро! Штриховые рисунки транспортных средств, изображения с предварительной векторной трассировкой, создание тонального фона, файлы DXF SVG PNG, мультипликационные наложения или все, что вам нужно, что начинается или заканчивается черным и черно-белым.
— = ЧТО ВКЛЮЧЕНО в BLACKLINE ADVANCED = —
— Blackline Express — Простая штриховая графика из ваших фотографий с помощью одной кнопки.
— Blackline Advanced — все под контролем! После запуска это действие с остановкой в ключевых местах, чтобы вы могли контролировать ширину линии, количество черного и другие элементы управления для ваших индивидуальных потребностей.
— Blackline Advanced с затенением — добавление к Blackline Advanced, это действие добавляет полутоновое затенение в точках, точках, линиях и крестиках. Все DPI и угол регулируются.
— = BLACKLINE РАСШИРЕННАЯ ИСТОРИЯ = —
Blackline изначально была создана в 2006 году из-за необходимости рисовать больше графики транспортных средств для высокопоставленных трафаретных распечаток автомобилей и футболок для гоночных автомобилей. Не дает нам посылать наших клиентов к нашим конкурентам. Кроме того, с тех пор Blackline использовалась для подготовки изображений для травления стекла, резки металла, лазерной гравировки, резки винила, изготовления раскрасок и многого другого. Полезный инструмент для любого художника или графического бизнеса. Четыре версии спустя популярность Blacklines была изменена несколько раз, чтобы добавить функции для многих графических нужд.
Производство иллюстраций и графического дизайна стало проще, чище и быстрее! Оставайтесь в игре с быстрой единообразной графической автоматизацией!
— = ПОЛИТИКА ВОЗВРАТА = —
Поскольку мы хотим сделать вас счастливым покупателем, мы всегда будем работать с вами, если возникнут проблемы с вашим заказом или вам понадобится помощь. Тем не менее, это немедленная цифровая загрузка, и по этой причине мы не можем предложить возврат, обмен или отмену.
Краткое руководство: Как удалить фон из штрихового рисунка в Photoshop | Кристин Нишияма
Одна из просьб, которую я чаще всего слышу от других художников, — как отделить линии от фона при сканировании рисунка в Photoshop.Очевидно, что если вы работаете полностью в цифровом формате, вы можете просто нарисовать свои линии на отдельном слое, и все готово. Но если вы изначально работаете на бумаге, как я часто делаю, то можете столкнуться с некоторыми проблемами.
В этом кратком руководстве я покажу вам мой новый и улучшенный метод для удаления фона из вашего штрихового рисунка , используя некоторые иллюстрации из моей будущей книги We Are Fungi!
Сначала позвольте мне признаться. Слишком долго я лениво удалял фон: , установив для слоя с линиями Режим наложения на Умножение .Может быть, именно так вы это делаете, а может быть, вы уже опередили меня на световые годы по цифровым технологиям.
Но пока я работал над своей книгой We Are Fungi, , этот метод быстрого исправления просто не помогал. Это вызывало всевозможные проблемы с цветами фона, прозрачностью и контрастом.
Потому что, как вы можете видеть выше, установка линии на Умножение на самом деле не избавляет от фона. Он просто делает его прозрачным.А для книги с тоннами слоев, тоннами страниц и необходимостью согласованности… такая небрежность не годится.
Мне нужен был способ получше. Мне нужно было на самом деле убрать фон. Но я не хотел тратить свое время на стирание фона или дурачиться с множеством настроек. Я все еще хотел чего-нибудь быстрого.
Итак, теперь позвольте мне показать вам отличный, но все же довольно быстрый способ удаления фона. Этот метод может показаться более сложным, но я обещаю, что вы никогда не сделаете это пару раз. И это сэкономит вам массу времени и избавит от головной боли в будущем, поверьте мне.
Чтобы увидеть этот метод в действии, посмотрите видео ниже!
И если вы хотите, чтобы шаги, перечисленные в списке для справки, были позже, вот вам:
Перейдите в Изображение> Режим> Оттенки серого (затем Не объединять , Отменить )
Команда + A для выбора всей иллюстрации, затем Command + C для копирования
Откройте панель Channels (в разделе Window> Channels , если вы ее не видите)
Нажмите Create New Channel ( Появится новый слой с именем Alpha 1 )
Command + V , чтобы вставить выделение на этот слой, затем Command + D , чтобы отменить выделение
Щелкните Load Channel as Selection ( You ‘ (вы увидите, что все белые части вашего рисунка выделены)
Shift + Command + I , чтобы инвертировать ваш выбор (вы увидите, что все черные части вашего рисунка выбраны) канал s)
Нажмите Создать новый слой (на панели Слои)
Выберите инструмент Paint Bucket Tool (G) и залейте выделение черным цветом
Command + D , чтобы отменить выбор
Скройте исходный слой линий
Необязательно: Перейдите в меню Изображение> Режим> Цвет RGB (или CMYK, в зависимости от того, с чем вы хотите работать)
Теперь вы можете отделить ваши линии всего за несколько дополнительных шагов! Я знаю, что 13 шагов — это много, но я проделал это с каждой страницей в моей книге, и всего через несколько раз, , я смог выполнить весь метод за 1 минуту. Это не так быстро, как просто нажать «Умножить», но давай, это 1 минута, и это дает вам НАМНОГО больше возможностей и контроля!
Надеюсь, вам понравился этот урок, и спасибо за чтение!
Извлечение отсканированных штриховых рисунков для цифровой раскраски
Итак, вы только что отсканировали или сфотографировали нарисованный от руки штриховой рисунок с помощью смартфона, а затем раскрасили его и обнаружили, что он не выглядит так готово к раскрашиванию, как оригинал. В такие моменты лучше всего извлекать ваши линии и преобразовывать их во что-то более подходящее для цифровой раскраски.Это можно сделать с помощью функции «Преобразовать яркость в непрозрачность » в Clip Studio Paint и SAI или с помощью функции Alpha Channel в Photoshop.
Регулировка цвета изображения
Используя наше предпочтительное графическое программное обеспечение, мы начнем с открытия отсканированного или фотоизображения нашей иллюстрации.
Несмотря на то, что исходное изображение представляет собой черные линии на белой бумаге, импортированное изображение имеет либо серый оттенок, либо линии не такие сильные, как в оригинале.Чтобы решить эту проблему, мы настроим изображение так, чтобы фон был полностью белым, а линии были сплошными и четкими. Метод, который мы будем использовать для этого, зависит от графического программного обеспечения, которое мы хотим использовать.
Краска для Photoshop и Clip Studio
Сначала мы настроим цвет с помощью корректирующего слоя (Tonal Correction Layer).
● Яркость / контраст
Используйте Яркость / Контраст , чтобы сделать все изображение ярче.
В Photoshop:
Слой меню> Новый корректирующий слой > Яркость / Контрастность
In Clip Studio Paint:
Слой меню> Новый корректирующий слой > Яркость / контраст
В отображаемом меню используйте ползунок Яркость , чтобы сделать фон бумаги как можно более белым, не теряя слишком много деталей штрихового рисунка.
● Коррекция уровня
Затем используйте Level Correction , чтобы сделать линии более четкими.
В Photoshop:
Слой меню> Новый корректирующий слой > Уровни
In Clip Studio Paint:
Слой меню> Новый корректирующий слой > Уровень коррекции
В отображаемом меню управляйте узлами треугольника в нижней части графика, перетаскивая их вправо или влево по мере необходимости.Это позволяет осветлить цвет и тени на бумаге, а также сделать линии более толстыми и затемненными.
После завершения настройки будут созданы в виде корректирующего слоя (слой тональной коррекции). Если вас не совсем устраивают результаты, дважды щелкните значок корректирующего слоя, чтобы снова отобразить меню и изменить настройки.
Наконец, выберите меню Layer > Flatten image , и слой штрихового рисунка объединится с корректирующим слоем (слой Tonal Correction).
На всякий случай рекомендую один раз сохранить ваш файл перед слиянием.
Регулировка цвета изображения: Paint Tool SAI
Для SAI выберите и установите меню Фильтр > настройки Яркость / Контрастность .
В диалоговом окне Яркость и контраст отрегулируйте ползунок Яркость так, чтобы бумага выглядела белой. Убедитесь, что тонкие линии не исчезают и не становятся слишком тонкими во время настройки.Если все устраивает, нажмите ОК .
Снова выберите меню [Фильтр]> [Яркость / Контрастность].
На этот раз отрегулируйте ползунки [Контрастность] и [Яркость], чтобы затемнить линии. Следите за тем, чтобы линии не становились слишком толстыми и не выходили за пределы исходной линии.
Завершение настройки цвета
По сравнению с исходным изображением, мы создали гораздо более красивую линейную графику, темные линии на белом фоне.
Чтобы сделать этап раскрашивания более легким, мы «извлечем» линию, превратив белый фон в прозрачный.
Извлечение штрихового рисунка: Clip Studio Paint и SAI
Мы сделаем белый цвет прозрачным, используя «преобразовать яркость в непрозрачность». Для этого выберите следующие команды.
Clip Studio Paint:
Правка меню> Преобразовать яркость в непрозрачность
ГАИ:
Слой меню> От яркости к прозрачности
Благодаря этому штриховой рисунок был извлечен!
Примечание:
После использования программы Clip Studio Paint Преобразуйте яркость в непрозрачность , появится прозрачный клетчатый узор.
Выберите Layer menu> New Layer > Paper , чтобы создать новый слой бумаги поверх прозрачного узора.
Извлечение штрихового рисунка: Photoshop
Используя Alpha Channel , мы сделаем белый цвет прозрачным.
Альфа-канал Функция может извлекать прозрачность, использует выделение в качестве маски для редактирования и имеет возможность сохранения.
Примечание. Функцию Alpha Channel нельзя использовать в Photoshop Elements.
● Вырезание штрихового рисунка
Давайте вырежем штриховой рисунок из холста.
(1) Выберите Selection menu> All
(2) Выберите меню Edit > Cut
● Создание альфа-канала
Выберите меню Window > Channels , чтобы отобразить и создать альфа-канал.
(1) Нажмите Создать новый канал на панели Каналы
(2) Выберите созданный альфа-канал
(3) Выберите меню Edit > Paste , чтобы вставить штриховой рисунок в альфа-канал.
● Создание выделения
Теперь создадим выделение на основе непрозрачности и толщины линии.
(1) Выберите Selection menu> Load Selection
(2) Выберите альфа-канал, который мы использовали ранее, из каналов
(3) Отметьте Инвертировать и нажмите ОК
● Создание штрихового рисунка
Затем мы создадим новый слой на основе штрихового рисунка.
(1) Создайте новый слой, выбрав Create a New Layer from the Layer panel
(2) Появится холст с размерами выбранной области
(3) Выберите меню Правка > Заливка
(4) Выберите цвет для заливки из Содержание
(5) Снимите флажок Сохранить прозрачность и нажмите ОК
Благодаря этому штриховой рисунок был извлечен!
Линия искусства готова!
С этим законченным штриховым рисунком вы можете добавлять цветные слои под штриховой графикой, не стирая линии.
Как раскрасить чернильные линии в Photoshop
Предварительный просмотр
Щелкните изображение ниже, чтобы увидеть его в полном размере.
Шаг 1. Сканирование ваших чернил
В этом уроке я буду использовать свою собственную иллюстрацию. Не стесняйтесь использовать свою собственную иллюстрацию или использовать исходный файл, предоставленный в конце учебника, чтобы следить за ним.
Убедитесь, что вы сканируете в черно-белом режиме.Это гарантирует, что у вас будут сплошные черные линии без плавных краев. Это важно, поскольку мы будем изолировать штриховой рисунок на отдельном слое — это намного проще сделать, когда штриховой рисунок будет чистым и твердым.
Шаг 2: выделение штрихового рисунка
Теперь, когда изображение отсканировано, откройте его в Adobe Photoshop. Мы хотим разделить чернила на отдельные слои для большего контроля. Для этого мы хотим выделить белый фон и удалить его.
Нажмите Ctrl / Cmd + Alt / Option + 2 (для Photoshop CS4 и выше) или Ctrl / Cmd + Alt / Option + ~ (для Photoshop CS3 и ниже).Эта команда помещает выделение вокруг всех светлых областей слоя.
Совет: Я рекомендую вам знать и использовать сочетания клавиш Photoshop; это экономит много времени.
Затем нажмите Delete, чтобы удалить выделенные белые области, оставив нам только штриховой рисунок на этом слое.
Создайте новый слой (Shift + Ctrl / Cmd + N). Используйте Edit> Fill (Shift + F5), чтобы залить весь слой белым цветом. Переместите этот слой ниже слоя с штриховым рисунком.Заблокируйте этот слой. Нам больше не нужно с этим ничего делать.
Шаг 3. Очистка чернил
Всегда полезно стереть как можно больше карандашных линий перед сканированием чернилами. Это уменьшает работу на более позднем этапе цифровой стадии. Но, тем не менее, нам часто необходимо очистить наши чернила в цифровом виде. Давай приберемся!
Нанесите чернила на отдельный слой и проведите по ним с помощью Eraser Tool (E), чтобы избавиться от нежелательных следов.
Шаг 4: Квартиры
Flatting (или flats ) — это блокировка по цвету, которая служит заполнителями.Квартиры — не ваш последний цвет; вместо этого они помогают вам получить контроль над эффективностью раскраски и рендеринга. Этот термин пришел от специалиста по окраске, Флаттер, в индустрии комиксов.
Давайте начнем с создания нового слоя под слоем штрихового рисунка.
Затем возьмите инструмент «Лассо» (L) и убедитесь, что для параметра Anti-alias на панели параметров установлено значение , а не .
Начните обводку линий с помощью инструмента «Лассо» и залейте (Shift + F5) выделение лассо любым цветом, который вам нужен.
Готовая квартира для лица должна выглядеть примерно так:
Продолжайте этот процесс, пока не охватите все области. Короче говоря, любая область, которую вы хотите раскрасить, будет иметь другой цвет. Неважно, какие цвета вы используете на этом этапе, если одни и те же цвета не соприкасаются. Ваши последние квартиры должны выглядеть примерно так:
Это может быть долгий и утомительный процесс, но полтора часа, которые вы потратите на выравнивание, можно легко превратить в экономию трех часов на заключительных этапах окраски.
Шаг 5: Раскраска
Теперь, когда квартиры закончены, нам нужно зафиксировать слой. Здесь вы начинаете делать выбор и экспериментировать, потому что пора раскрашивать!
Вы должны заблокировать квартиру. Теперь возьмите Magic Wand Tool (W), убедитесь, что параметр Tolerance установлен на 0, параметр Anti-alias не отмечен и параметр Contiguous не отмечен (все это можно сделать на панели параметров).
Используйте инструмент Magic Wand Tool, чтобы выбрать разные цвета на слое с плоским экраном и заполнить (Shift + F5) вашими цветами на новом слое над ним.
Я выбираю общий пурпурный оттенок с желто-зеленым фоном, но, возможно, я решу изменить его на красный, зеленый или даже желтый тон в будущем. Поскольку я могу вернуться к своему слою с квартирами и взять все, что захочу, все можно изменить или исправить. Это одно из основных преимуществ плоской обработки.
На данный момент я буду придерживаться цветов, показанных ниже.
Шаг 6: Визуализация
Вот еще один этап, на котором выбор остается за вами.Вы можете просто оставить эти цвета плоскими или сделать собственную кисть и начать рисовать.
В этой части я выберу базовый стиль cel-shading — синие тени на всем. Я делаю это, потому что знаю, что позже собираюсь поэкспериментировать с множеством акварельных текстур, и мне не нужен чрезмерно визуализированный вид.
Итак, с помощью инструмента «Волшебная палочка» (W) возьмем все области Охотника и его Лошади. Выберите красивый оттенок синего и начните раскрашивать там, где хотите тени.
Я сделал это на одном слое, чтобы свести к минимуму количество слоев, которые у меня остались, а также использовал небольшую мощность машины для предотвращения сбоев или задержек.
Вот результат:
Теперь мы собираемся создать новый слой поверх слоя с тенями, чтобы добавить градиенты к фону и щиту.
Используйте Magic Wand Tool (W), чтобы выбрать фон. После выбора используйте инструмент Gradient Tool (G), установив его на Linear Gradient и выбрав предустановку Foreground to Transparent на панели параметров.
Шаг 7: Текстуры
Я сканировал в различных акварельных текстурах, которые я сделал. (Если вы следуете вместе с предоставленным исходным файлом внизу этого руководства, они включены в слои.)
Если вы сканируете свои собственные текстуры в Photoshop, переключитесь на инструмент «Перемещение» (V), щелкните отсканированную текстуру, удерживая нажатой клавишу «Shift», а затем перетащите ее в наш основной документ. (Возможный вариант — использовать вместо этого Акварельные текстуры: набор кистей Photoshop.)
Это будет примерно так:
Теперь мы просто хотим, чтобы эта текстура воздействовала на Охотника. Другими словами, мы хотим удалить текстуру с лошади и фона. Здесь также становится весьма полезным выравнивание.
Давайте вернемся к слою с плоским экраном, с помощью инструмента «Волшебная палочка» (W) выделите фон и лошадь, а затем нажмите «Удалить». Теперь наша текстура влияет только на нашего Охотника и часть его седла.
Чтобы добавить глубины, давайте настроим режим наложения и непрозрачность слоя.В разных режимах слоя есть много интересных эффектов, но для этого урока мы будем использовать режим Overlay . Это один из моих любимых при работе с текстурами. Выберите слой текстуры, установите его на Overlay . Затем уменьшите Непрозрачность слоя текстуры, чтобы уменьшить интенсивность — верните циферблат примерно до 63%. Не стесняйтесь экспериментировать.
Это самый простой способ работы с текстурами. Используя этот метод, я перетащил еще несколько текстур в часть и изолировал их в определенных областях, используя наши плоские поверхности.Я получил это:
Используя метод, описанный выше, завершите текстуры.
Шаг 8: Корректирующие слои — Последний штрих
Иллюстрация почти завершена, но требует небольшой доработки. Именно тогда я обычно начинаю экспериментировать с корректирующими слоями. Это здорово, потому что вы можете получить множество различных эффектов, не изменяя пиксели вашего изображения. Я хочу добавить немного цвета в штриховой рисунок. Совершенно черный штриховой рисунок выделяется из приглушенной палитры.Давайте смягчим его.
Щелкните слой с чернилами, чтобы сделать его активным, а затем щелкните значок Создать новый слой заливки или корректирующего слоя (он выглядит как черно-белый круг) в нижней части панели «Слои», затем выберите Solid Color. .
Поскольку в нем много пурпурного, я хочу, чтобы чернила вписывались в него, а не выделялись. Я собираюсь выбрать фиолетовый цвет. Весь слой должен быть заполнен выбранным вами цветом. В данном случае фиолетовый.
По сути, корректирующий слой влияет на все, что находится под ним, но мы хотим воздействовать только на слой непосредственно под ним (слой чернил).
Итак, щелкните правой кнопкой мыши на корректирующем слое Solid Color и затем выберите в меню Create Clipping Mask .
Результат должен выглядеть следующим образом:
Однако результат все еще кажется слишком радужным. Уменьшите непрозрачность корректирующего слоя примерно до 33%.
Шаг 9: Сгладьте изображение
На данный момент все это выглядит хорошо, и я собираюсь сказать, что это сделано! В завершение давайте сгладим изображение. Щелкните правой кнопкой мыши любой слой и выберите Flatten Image в появившемся меню. Вы также можете сделать это из меню Photoshop, перейдя в Layer> Flatten Image.
Преобразуйте изображение из RGB в CMYK для печати, выбрав «Изображение»> «Режим»> «Цвет CMYK».
Краткое содержание учебника
Вот и все! Надеюсь, вы почерпнули что-то интересное в этом уроке раскраски.Я рассказал о нескольких техниках, таких как очистка чернил, создание плоских поверхностей, добавление текстур и использование корректирующих слоев.
Для вдохновения посетите сайты портфолио этих цифровых колористов:
Скачать исходные файлы
[FREE ✨] Line Art Photoshop Tutorial & Action
Преобразуйте фотографию в штриховой рисунок с помощью Photoshop. И узнайте, как делать чистые линии, используя наш бесплатный экшен Photoshop для рисования линий.
Итак, как сделать линии в Photoshop ? Есть несколько методов создания штриховых рисунков в Photoshop .
Нарисуйте линии вручную с помощью инструмента «Кисть » или «Перо» (время: 30 минут)
Используйте фильтр Photocopy , чтобы сделать штриховой рисунок в Photoshop (время: 10 минут).
Воспользуйтесь нашим бесплатным экшеном Line Art Photoshop Action . Это самое быстрое решение (время: 1 минута)
Quick Line Art Photoshop TUTORIAL
В этом уроке вы узнаете, как создать эффект штрихового рисунка в Photoshop. Это очень полезно, если вы хотите преобразовать фотографию в рисунок.
Откройте фотографию в Photoshop . Фотография с чистым фоном, вероятно, лучший выбор.
Затем установите цвет фона на белый, а цвет переднего плана на черный.
Чтобы преобразовать фотографию в штриховой рисунок, перейдите в раздел «Фильтр (Галерея фильтров)> Эскиз » и выберите фильтр Фотокопия . Выбирайте размер детали в зависимости от размера вашего изображения. Для изображения размером до 1000 пикселей установите Деталь на 2.
Затем перейдите в Filter> Stylize> Diffuse и выберите Mode Anisotropic .
Чтобы добавить больше контраста штриховому изображению, добавьте настройку Levels .
Чтобы изменить цвет штрихового изображения, добавьте корректирующий слой Gradient Map . Используйте градиент от черного (цвет по вашему выбору) к белому.
Как удалить фон с рисунка в Photoshop? Выделите все слои и объедините их.Затем добавьте маску слоя .
Чтобы удалить белый фон, выберите Изображение> Применить изображение .
Если вам интересно, как раскрасить внутри линий в Photoshop, ответ довольно прост. Создайте слой за слоем с линиями и используйте инструмент «Кисть » , чтобы раскрасить линии в Photoshop .
1. Экшен Photoshop Line Art [Бесплатная загрузка✨]
Превратите фотографию в линейный рисунок — простой способ! Итак, если вам нужен еще более быстрый метод преобразования фотографии в рисунок, вы можете использовать наш бесплатный экшен Photoshop.
Насколько мне известно, Photoshop — лучший инструмент для автоматического преобразования изображения в рисование линий. Итак, конвертируйте фотографию в штриховой рисунок за секунды.
Преобразование ручного рисунка в штриховой рисунок в экшене Photoshop (проверьте кнопку СКАЧАТЬ БЕСПЛАТНО ).
Создайте штриховой рисунок в Photoshop менее чем за минуту с помощью нашего линейного рисунка !
Детали предмета
Этот бесплатный набор содержит 2 экшена Photoshop для создания штриховых рисунков с отдельным фоном.
Как установить и использовать экшены Photoshop
Если вы никогда раньше не использовали экшены Photoshop и не знаете, как их использовать, уделите пару минут и ознакомьтесь с этими замечательными ресурсами:
Эффект рисования линий [видеоурок ]

Что входит в этот пакет
Пакет содержит два действия, которые помогут вам преобразовать изображение в штриховой рисунок . Давайте посмотрим, как сделать штриховой рисунок из фотографий или карандашных набросков. Так.вот действия с штриховым рисунком:
1 действие до создание штрихового рисунка из фотографии . Превратите цветное изображение в черную линию. Черные линии отделены от фона. Измените цвет белого фона и цвета черных линий.
От
1 до создание чистых штриховых рисунков из отсканированного изображения чертежа / линий / эскиза. Отделите отсканированный штриховой рисунок от фона на отдельном слое, чтобы вы могли раскрасить его под ним.
Как сделать штриховой рисунок из эскиза в Photoshop , если у вас нет навыков рисования? Или, что лучше всего превратить фотографию в рисование линий методом Photoshop ? Вы также можете задаться вопросом, как легко выделять линии в Photoshop ? Или как раскрасить отсканированный рисунок в Photoshop ?
Я видел, как многие люди спрашивали, как отделить свой штриховой рисунок от фона или как очистить штриховой рисунок. С помощью этого действия вы получите чистые черные линии на прозрачном фоне.
Изолированная штриховая графика в Photoshop полезна для всех видов проектов. Итак, удалить белый фон с штрихового рисунка теперь очень просто, всего одним щелчком мыши!
Как оцифровать рисунок
Вот несколько полезных советов для рисования линий для создания простых штриховых рисунков. Советы по рисованию линий помогут новичкам сделать простые рисунки или действительно классные рисунки из своих фотографий или карандашных рисунков.
Отсканированный чертеж. Чтобы оцифровать рисунок, сначала вы должны сканировать карандашный набросок с помощью сканера.Лучше установить разрешение не менее 600 dpi.
Оцифровать чертеж. Второй шаг — сделать рисунок в Photoshop . Итак, откройте отсканированный рисунок в фотошопе.
Чистые чертежи. Используйте экшен Photoshop , чтобы очистить эскиз и сделать фон белым
Линии утолщения. Чтобы затемнить линии, а также сделать их толще, используйте утолщенные линии в действии Photoshop.
Раскрашиваем рисунок. Как раскрасить штриховой рисунок? Используйте инструмент «Кисть » и нарисуйте слой за штриховой графикой.
Как отделить линии от фона? Как удалить фон из отсканированного изображения с помощью Photoshop ?
Да, все эти вопросы решаются просто путем бесплатного скачивания и использования нашего экшена Photoshop .
Загрузите экшен Photoshop «Удалить белый фон».
Научиться делать рисунок прозрачным в Photoshop или как удалить белый фон в Photoshop не так-то просто, особенно если вы новичок.Приходится делать много ручных настроек и использовать фильтры.
Если у вас есть рисунки или наброски, нарисованные от руки, вы можете выделить линии на прозрачном фоне. Отсканированные изображения с прозрачным фоном полезны для раскраски штрихового рисунка или если вы хотите заменить фон .
Как очистить отсканированный документ в Photoshop
Итак, вы знаете, как очистить отсканированные рисунки. Но с помощью этого действия можно также использовать для очистки отсканированного документа в Photoshop , очистки подписи и т. Д.
Преобразуйте рисунок руки в штриховой рисунок в Photoshop . Создавайте прозрачные штриховые рисунки с помощью этого полезного бесплатного экшена Photoshop, который, я надеюсь, вам понравится!
3. Утолщение линий в Photoshop [Бесплатная загрузка✨]
Вы также можете воспользоваться этим бесплатным экшеном, если хотите сделать линии более толстыми в Photoshop. Если этот экшен Photoshop создает изображение со слишком тонкими линиями, вы можете использовать этот новый экшен, чтобы сделать линии толще и темнее .
Итак, вы хотите преобразовать фотографию в штриховой рисунок всего за несколько секунд? Попробуйте наш экшен line art Photoshop , а затем этот экшен, чтобы увеличить толщину линии!
Чтобы заставить линию работать в Photoshop — очень простой процесс с помощью наших действий.Это, безусловно, самая быстрая и лучшая программа для рисования линий.
Как масштабировать чертежи
Если вы хотите увеличить чертежи, вы можете использовать метод сетки. Чтобы добавить сетку в Photoshop, вы можете использовать наш бесплатный экшен Photoshop, который представляет собой простой в использовании генератор сетки для фотографий и рисунков.
No related posts.