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

Обновлено: 01.07.2024

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

В Photoshop предусмотрена удобная функция рисования и редактирования векторных фигур. Также можно преобразовать векторную фигуру в растровую или пиксельную.

Выполните эти быстрые действия для создания фигур в Photoshop:

Выберите инструмент «Фигура»


На панели инструментов, нажмите и удерживайте значок группы инструментов Фигура (), чтобы вызвать различные варианты инструмента «Фигура» — Прямоугольник, Эллипс, Треугольник, Многоугольник, Линия и Произвольная фигура . Выберите инструмент для рисования нужной фигуры.

Инструменты группы «Фигура» в Photoshop

Настройка параметров инструментов группы «Фигура»

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


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

панель параметров группы инструментов «Фигура»

Рисование фигуры

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

  • Удерживайте клавишу Shift во время рисования, чтобы сделать фигуры пропорциональными.
  • Выбрав слой-фигуру, используйте инструмент Перемещение , чтобы перемещать фигуру и менять ее расположение на холсте.
  • Чтобы легко масштабировать, трансформировать или поворачивать фигуру, выберите Редактирование > Свободное трансформирование или нажмите клавиши Control+T (Win) / Command+T (Mac).

Редактирование свойств фигуры

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

Можно использовать элементы управления трансформированием и скруглением на холсте для коррекции внешнего вида фигуры. Модификаторы клавиатуры будут управлять трансформированием на холсте так же, как при использовании инструмента Трансформирование в Photoshop. Можно изменять радиус всех углов прямоугольника одновременно: удерживайте клавишу Alt (Win) или Option (Mac) во время перетаскивания для изменения радиуса одного угла. У треугольников изменяются все углы, даже если перетащить только один из них. С легкостью поворачивайте фигуру с помощью маркера поворота на холсте, который появляется при наведении курсора мыши на фигуру.


Щелкните значок сброса () на панели «Свойства», чтобы сбросить сразу все изменения.

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

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

Создание прямоугольника

Используйте диалог «Создание фигуры» (в приведенном выше примере это «Создание прямоугольника») для изменения параметров.

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

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

как нарисовать прямые линии в photoshop

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

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

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

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

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

выделили область под будущую линию

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

инструмент заливка

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

прямая толстая линия в фотошопе

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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


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

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

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