Как вернуть линии в фотошопе

Обновлено: 07.01.2025

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

Как происходит рисование линий в Photoshop.

Инструкции по созданию

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

В первых двух случаях также критичен градус угла.

Прямая

Самый простой способ рисования в Фотошопе прямого отрезка – это инструмент «Линия», расположенный в группе «Фигуры». По клику на иконке с изображением черты откроется вспомогательная панель для настройки. Здесь можно выбрать:

обводку;
цвет заливки;
штрих и выставить другие параметры.

Щёлкаем курсором в нужном месте на рабочей зоне и тянем отрезок до конечной точки.

Ещё один инструмент для отрисовки прямых – «Кисть». Выбираем его и кликаем на холсте в том месте, где должен начинаться отрезок, затем зажимаем клавишу Shift и щёлкаем в конечной точке. Программа автоматически проведёт черту от одного пункта до другого.

Инструмент «Линия» – это векторная графика, а «Кисть» – растровая. Поэтому для последующего наложения эффектов первый вариант придётся растрировать.

Рисование по линиям также используют в качестве направляющих. Они упрощают позиционирование других элементов – текстовых или графических. Данный способ позволяет нарисовать только горизонтальные или вертикальные отрезки.

Создание направляющих:

Открываем линейку комбинацией клавиш Ctrl + R.
С помощью мыши тянем от линейки до холста вертикальный или горизонтальный отрезок.
Кликаем по инструменту «Кисть» или «Карандаш».
Проводим линию по направляющей.
Открываем пункты меню «Просмотр» -> «Привязать к» -> «Направляющим».

При выполнении привязки инструменты «Кисть» или «Карандаш» должны быть активны. Аналогичные отрезки можно провести с помощью функции «Область»:

Выбираем инструмент «Область».
Нажимаем на «Горизонтальная строка» или «Вертикальная».
Кликаем по нужному месту на холсте. Появится штрих-линия толщиной в 1 пиксель.
Нажимаем комбинацию клавиш Shift + F5.
В появившемся окне определяемся с цветом линии.
Нажимаем комбинацию клавиш Ctrl + D.
Черта окрасится в выбранный цвет.

Ломаная

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

Незамкнутая

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

Рисование незамкнутой ломаной:

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

Удалить текущий маркер и вернуть отрезок к предыдущему можно посредством зажатой клавиши Alt. Нажимаем кнопку и мышкой кликаем по одной из опорных точек. Маркеры перемещаются с помощью зажатой клавиши Ctrl.

Для смены цвета следует вызвать контекстное меню и выбрать пункт «Выполнить заливку контура». В появившемся диалоговом окне выбираем цвет, узор, настраиваем прозрачность и другие параметры.

Замкнутая

Оптимальный способ для построения любых многоугольников из отрезков – «Прямолинейное лассо». Инструмент находится в разделе «Лассо».

Рисование замкнутой ломаной:

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

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

Кривая

Такие линии также могут быть замкнутыми или незамкнутыми. Набор инструментов остаётся аналогичным. При работе с «Пером» достаточно поставить дополнительный маркер между ключевыми точками и с помощью зажатой клавиши Ctrl потянуть черту для создания изгиба.

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

Если необходима фигура из кривых отрезков, то следует воспользоваться инструментом «Фигуры»:

Выбираем на панели «Овальная область».
Рисуем правильную фигуру.
Нажимаем комбинацию клавиш Ctrl + T («Свободное трансформирование»).
Вызываем контекстное меню правой кнопкой мыши и выбираем «Деформация».
Протягивая маркеры на сетке меняем периметр фигуры до нужных значений.

Настройка обводки, цвета и других параметров также происходит посредством контекстного меню.

Под углом в 90 градусов

Алгоритмы программы в автоматическом порядке «помогают» пользователю в рисовании линий под прямым углом. Выбираем любой инструмент для рисования отрезков. Зажимаем клавишу Shift и проводим горизонтальную или вертикальную черту. Программа самостоятельно подправит отрезок до прямого угла.

Под углом 45 градусов

Если с прямым углом всё просто, то с рисованием отрезков под 45 градусов могут возникнуть проблемы. На этот случай встроенных алгоритмов у программы нет. Придётся воспользоваться специальными инструментом «Поворот вида».

Рисование под углом в 45°:

Кликаем по инструменту «Поворот вида».
Заполняем значение угла в специальном поле в настройках инструмента.
После переворота холста рисуем линию под прямым углом.
Отключаем инструмент «Поворот вида» нажатием на клавишу Escape.

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

Создание жирной

Увеличить или уменьшить толщину линии можно двумя способами. Первый и самый простой – это отрегулировать размер кисти. Выбираем инструмент «Кисть» и в верхней панели вводим значение. Либо используем горячие клавиши – квадратные скобки ([ / ]).

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

Заключение

При создании любых графических объектов следует помнить, что программа Photoshop предлагает функционал «История». Здесь можно вернуться к любому шагу и откорректировать его при необходимости. То есть право на ошибку у пользователя есть всегда, что позволяет спокойно экспериментировать с теми или иными инструментами. Горячие клавиши для отката действий: Ctrl + Z (предыдущий шаг) и Ctrl + Shift + Z (последовательность шагов).

После обновления Win10 в Photoshop cc 2019 при рисовании кистью пропадает часть линии. Если сделать какое либо действие в фотошопе (зум, выбор инструмента и т.д.) линия начинает отображаться полностью.
При рисовании сильно напрягает.

Может кто-то сталкивался с такой или подобной проблемой. Буду благодарен решению или подсказке.

P.S. приложил гифку как это выглядит.

Ylana

Знаток

Евгений PS (john_y)

Пользователь сайта

Сглаживание менял от 0 до 100. На гифке установлено на 10%.

Конец линии не отображается визуально, хотя по факту он есть.
В навигаторе и в слоях линия отображается полностью.

Тут более наглядно:

Вложения

Ylana

Знаток

Евгений PS (john_y)

Пользователь сайта

Пока еще нет. Но прошерстив пару форумов, понял что подобная проблема пока не всплывала.

Ylana

Знаток

Да, весьма вероятно.

Возможно, что это баг АЕ, пробовали переустановить прогу?

У меня тоже десятка, работаю на СС 2018, попробовала на СС 2019, все четко.

pavel55555

Знаток

Да, весьма вероятно.

Возможно, что это баг АЕ, пробовали переустановить прогу?

У меня тоже десятка, работаю на СС 2018, попробовала на СС 2019, все четко.

Светлана, вы совсем уже не контролируете процесс своего трёпа? Тема-то по ФОТОШОПУ. При чём тут Афтер Эффектс?

Евгений PS (john_y)

Пользователь сайта

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

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

Переустанавливал PS, драйвера wacom и драйвера nvidia, с очисткой хвостов в реестре. Пока ничего не помогло.

Ylana

Знаток

Это только с СС 2019?

Евгений PS (john_y)

Пользователь сайта

Пробовал только 2019.

Обнаружил что при переключении PS на интегрированную графику никаких подобных проблем не наблюдается (за 10 минут работы).
Панель управления NVIDIA -> Управления параметрами 3D -> Программные настройки -> выбрать предпочтительный граф. проц. для PS
Или же отключение графического ускорителя в самом PS.

Пока единственное решение, которое нашел.

pavel55555

Знаток

Ylana

Знаток

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

Вложения

pavel55555

Знаток

Канешна же именно оттуда, радость ты моя! А ну-ка скажи ещё что-нибудь умненькое? Мы, как всегда, ждём-с ваших перлов. Светлана, вы совсем уже не контролируете процесс своего трёпа? Бан 7 дней, за многократное нарушение правил общения на сайте. Общайтесь пожалуйста в рамках правил.

Евгений PS (john_y)

Пользователь сайта

Windows 10 версии 1903 не дает установить старые драйвера. На переустановку винды и всех програм нет времени.

Также заметил, что в некотором (не всем) ПО, которое работает с GPU возникают просадки производительности, хотя карта загружена всего на 30-35%. Похоже майки чего-то в обнове винды накосячили.

Denis Mich

Пользователь сайта

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

Евгений PS (john_y)

Пользователь сайта

В общем испробовал разные варианты решения проблемы, но ничего не помогло.
Версия windows 1903 сильно снижает производительность видеокарты (в моем случае gtx 1060, но еще писали за rtx2060). Судя из описания проблем, случаи довольно редкие.

Из вариантов решения пробовал установить более старые драйвера на gpu, разные версии (game и studio), бета и стабильные. Перед каждой установкой чистил реестр. Ничего из этого не помогло.

Вторым решением было восстановить винду до состояния "из коробки". При первом запуске установил PS 2019 и драйвера на видеокарту. При открытии Photoshop`а обнаружил, что все нормально работает. Обрадовавшись начал устанавливать драйвера на различные компоненты ноутбука, паралельно запуская PS для проверки работоспособности. После все установок, я еще раз удостоверился, что все норм и установил компоненты Visual C++, после чего Photoshop благополучно начал выпендриваться. Осознав, что "точку восстановления" я не сделал решил еще раз переустановить винду. На второй раз мне повезло меньше и после установки драйверов на gpu я обнаружил, что PS не хочет нормально работать (также пропадают линии).

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

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

Сложность урока: Легкий

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

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, чтобы посмотреть, как простые линии можно успешно использовать в графическом дизайне.

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

Чтобы линия в фотошопе получилась ровной, то зажмите клавиву 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.

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