Как делать ровные линии в фотошопе
Перейти к содержимому

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

  • автор:

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

Eradzh Shams

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

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

Сверху в параметрах выбираем «Фигура», убираем Заливку, ставим нужную Обводку, выбираем параметры Обводки (я выбрал пунктир)

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

Как видите, точек можно ставить сколько угодно.

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

Так я проделываю в нескольких местах. В итоге у нас получилась вот такая линия

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

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

Сам по себе процесс рисования прямой или изогнутой линии в Photoshop довольно несложный, но начинающему пользователь не помешает изучить некоторые основные методы рисования линии. Из этого урока вы узнаете три основных способа создания линий, чаще всего для этого используются инструменты «Кисть» (Brush Tool), «Перо» (Pen Tool) и инструмент «Линия» (Line Tool) для создания простых прямых линий.

Рисуем линию инструментом «Кисть» (Brush Tool) и «Карандаш» (Pencil Tool)
Проще всего нарисовать линию в Photoshop инструментом «Кисть» (Brush Tool). Выберите круглую кисть, задайте небольшой диаметр, 100%-ную жёсткость и просто проведите курсором по документу. У Вас получится линия.

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

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

Аналогичным образом можно использовать инструмент «Карандаш» (Pencil Tool). Как видите, ничего сложного.

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

Но лично я чаще использую два других способа.

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

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

line tool

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

создание линии в фотошопе

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

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

Pen Tool

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

risovanie-linii-v-photoshop

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

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

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

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

рисуем линию в Photoshop

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

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

Владелец данного сайта. Графический дизайнер, специалист по Фотошопу с опытом 10+ лет. Также веду канал о графическом дизайне на Ютуб и развиваю тематическое сообщество во ВКонтакте. Связаться со мной можно через комментарии, форму обратной связи или по электронной почте [email protected]

Работа с инструментом «Линия»

Создавайте линии и стрелки с помощью инструмента «Линия» в Photoshop.

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

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

  • Рисование линии
  • Параметры режима «Фигуры»
  • Параметры режима «Пиксели»
  • Дополнительные настройки
  • Рисование стрелки

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

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

Выполните эти быстрые действия, чтобы нарисовать линию.

Выбор инструмента Линия

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

Работа с инструментом «Линия»

Работа с инструментом «Линия»

Настройка ширины линии

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

Установка ширины обводки и ширины линии в Photoshop

A. Установка толщины хода B. Установка ширины линии

Установка ширины обводки и ширины линии в Photoshop

Параметры выравнивания обводки

Параметры выравнивания обводки

Режим «Контур» или «Пиксели»
Установите ширину пиксельной линии на панели «Параметры», задав требуемое значение для параметра Толщина .

Примечание.
Режим Пиксели и параметр Толщина недоступны для инструмента Линия в версиях Photoshop 22.0–22.2.
Щелчок и перетаскивание

Щелкните точку на холсте и перетащите в нужное место, чтобы нарисовать линию.Чтобы ограничить угол линии и сделать его кратным 45 градусам, удерживайте клавишу «Shift» при перетаскивании и рисовании линии.

Параметры режима «Фигура»

Параметры инструмента «Линия»

A. Можно настроить различные атрибуты и свойства инструмента, выбрав «Параметры обводки». B. Другие параметры

Параметры инструмента «Линия»

Режим «Линия»

  • Чтобы создать линию, выберите Фигура .

Цвет заливки

  • Выберите цвет из списка или на палитре цветов. Также для выбора цвета можно щелкнуть образец цвета в разделе Внешний вид панели Свойства . Этот цвет будет использоваться для заливки центра стрелки.

Цвет обводки

  • Выберите цвет из списка или на палитре цветов. Также для выбора цвета можно щелкнуть образец цвета в разделе Внешний вид панели Свойства . Этот цвет используется для линии и контура стрелки.

Ширина обводки

  • Введите ширину обводки в пикселях.

Толщина

  • Введите Толщину линии в пикселях.

Другие параметры

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

Параметры режима «Пиксели»

Режим «Линия»

  • Чтобы создать линию на основе пикселей, выберите Пиксели .
  • Выберите требуемый режим наложения. Значение по умолчанию — Обычный

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

  • Установите значение параметра Непрозрачность от 1 до 100 %.
  • Установите нужную ширину линии в пикселях.

Дополнительные настройки

Щелкните по значку шестеренки () на панели параметров инструмента «Линия» и выберите Элементы управления интерактивными фигурами , чтобы включить элементы управления трансформированием холста. Это позволяет поворачивать линии на холсте и изменять их размер. При этом также изменяется размер стрелок.

Также можно настроить параметры «Трансформирование» и «Внешний вид» на панели Свойства . Ее можно вызвать в через главное меню: Окно > Свойства.

панель «Свойства»

панель «Свойства»

Рисование стрелки

Чтобы создать стрелку, просто добавьте на конце линии стрелку. После создания линии и настройки цвета и ширины штриха щелкните по значку шестеренки () на панели параметров инструмента «Линия». Чтобы добавить стрелку в начале линии, установите флажок Начало ; чтобы добавить стрелку в конце линии, установите флажок Конец . Чтобы добавить стрелки на обоих концах, установите флажки Начало и Конец.

  • Задайте параметры стрелки Ширина и Длина в пикселях. В версии 22.0 и более поздних стрелки определяются в абсолютных пикселях, а не как процент толщины, так как теперь можно задать нулевую толщину линии.
  • Задайте параметр Кривизна , он определяет степень изогнутости самой широкой части стрелки в месте, где она встречается с линией. Задайте параметру «Кривизна» значение от –50% до +50%.

Робота з інструментом «Лінія»

Створюйте лінії та стрілки за допомогою інструмента «Лінія» у Photoshop.

Щоб навчитися малювати лінії і стрілки у Photoshop, перегляньте коротке відео.

Щоб зрозуміти цей етап у дрібницях, прочитайте статтю повністю. Для отримання докладніших відомостей почніть із вибору будь-якої з цих тем:

  • Малювання лінії
  • Параметри режиму «Фігури»
  • Параметри режиму «Пікселі»
  • Додаткові параметри
  • Малювання стрілки

Малювання лінії

Інструмент «Лінія» дає змогу накреслити лінію на полотні за двома точками. Лінії можна малювати як векторні фігури, контури або пікселі. Виберіть режим «Фігура» , якщо потрібно зробити неруйнуючу лінію з можливістю масштабування, яку можна пізніше відредагувати. Виберіть режим «Пікселі» в разі роботи з растровим вмістом, як-от піксельне мистецтво.

Щоб накреслити лінію, виконайте ці прості кроки:

Виберіть інструмент Лінія

На панелі інструментів клацніть і утримуйте значок групи інструментів Фігура (), щоб відобразити різноманітні варіанти вибору фігур. Виберіть інструмент Лінія .

Робота з інструментом «Лінія»

Робота з інструментом «Лінія»

Установіть товщину лінії

Режим фігури:
Установіть товщину лінії фігури за допомогою Товщина параметри панелі параметрів. Для отримання найкращих результатів переконайтеся, що для параметра Вирівняти в параметрах Обведення вибрано По центру або Зовні .Щільність обведення не буде видима, якщо для вирівнювання буде вибрано значення «Всередині».
Установіть колір і товщину обведення на панелі параметрів. Також можна встановити товщину лінії без обведення.

Установіть товщину обведення та товщину лінії у Photoshop

A. Установити товщину обведення B. Встановити товщину лінії

Установіть товщину обведення та товщину лінії у Photoshop

параметри вирівнювання обведення

параметри вирівнювання обведення

Режим контуру або пікселів:
Установіть товщину лінії пікселів на панелі параметрів, налаштувавши параметр Щільність .

Режими пікселів і щільності не доступні для інструмента «Лінія» у програмі Photoshop версії 22.0-22.2

Клацніть і перетягніть

Клацніть на полотні, перетягніть і відпустіть кнопку миші, щоб створити лінію. Щоб обмежити кут нахилу лінії кутами, кратними 45°, утримуйте натиснутою клавішу Shift під час перетягування та креслення лінії.

Параметри режиму фігури

Параметри інструмента «Лінія»

A. Установіть різноманітні атрибути та властивості інструмента «Лінія», натиснувши «Параметри обведення». B. Інші параметри

Параметри інструмента «Лінія»

Режим лінії

  • Щоб створити векторну лінію, виберіть «Фігура» .

Колір заливки

  • Виберіть колір зі списку або на палітрі. Також можна вибрати колір, клацнувши зразок кольору в розділі Вигляд панелі Властивості . Він використовуватиметься для заливки центральної частини вістря стрілки.

Колір обведення

  • Виберіть колір зі списку або на палітрі. Також можна вибрати колір, клацнувши зразок кольору в розділі Вигляд панелі Властивості . Він використовуватиметься для лінії та зовнішньої частини вістря стрілки.

Товщина обведення

  • Введіть товщину обведення в пікселях.

Щільність

  • Введіть щільність лінії в пікселях.

Інші параметри

  • Стиль . Виберіть із таких варіантів: суцільна лінія, пунктирна лінія, крапковий пунктир, або ж клацніть пункт Інші параметри , щоб створити власний стиль лінії.
  • Вирівняти . Виберіть По центру або Зовні . Товщина обведення не відображається, якщо вибрано вирівнювання Зовні .
  • Кінці . Можна вибрати з 3 варіантів форми кінців лінії: Кнопка , Круглий або Квадрат . Цей параметр визначає форму початку й кінця лінії.
  • Пунктирні лінії . Налаштуйте вигляд пунктирної лінії, зазначивши кількість штрихів і величину проміжків між ними.

Параметри режиму «Пікселі»

Режим лінії

  • Щоб створити лінію на основі пікселів, виберіть «Пікселі» .
  • Виберіть потрібний режим накладання. За замовчуванням вибрано параметр «Звичайний» .

Непрозорість

  • Виберіть для параметра «Непрозорість» значення від 1 до 100 %.
  • Встановіть потрібну ширину лінії в пікселях.

Додаткові параметри

Клацніть значок шестірні () на панелі параметрів інструмента «Лінія» та виберіть «Елементи керування динамічними фігурами» , щоб увімкнути на полотні елементи керування перетворенням. Це дає змогу обертати лінії на полотні та змінювати їхній розмір. Це також масштабуватиме вістря стрілок.

Параметри «Трансформувати» та «Вигляд» можна також налаштувати на панелі «Властивості» . Це можна ввімкнути в головному меню в розділі «Вікно» > «Властивості».

Панель «Властивості»

Панель «Властивості»

Малювання стрілки

Щоб створити стрілку, просто додайте вістря стрілок до лінії. Після створення лінії та встановлення кольору й товщини обведення клацніть значок шестірні () на панелі параметрів інструмента «Лінія». Щоб додати стрілку на початку лінії, установіть прапорець Початок ; щоб додати стрілку на кінці лінії — прапорець Кінець . Щоб додати стрілки і на початку, і на кінці лінії, установіть обидва прапорці — Початок і Кінець.

  • Установіть значення ширини й довжини стрілки в пікселях. Починаючи з версії 22.0, товщина вістря стрілок виражається в абсолютній кількості пікселів, а не у відсотках.
  • Установіть значення параметра Кривизна — величину вигину в найширшій частині стрілки, де вона переходить у лінію. Введіть значення кривизни від –50% до +50%.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *