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

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

  • автор:

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

Eradzh Shams

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

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

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

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

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

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

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

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

Фотошоп | Как сделать линию?

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

Инструмент

Создаём новый слой в нужном документе (в том где хотим рисовать линии). Выделяем новый пустой слой. В левом меню инструментов Фотошопа выбираем: Инструмент «Прямоугольная область» (М)

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

Как сделать линию в Фотошопе?

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

Как сделать линию в Фотошопе? Находим инструмент

В левой панели находим квадратик в котором нужно выбрать инструмент «Заливка«. Если вы им ранее не пользовались, то у вас может отображаться инструмент «Градиент» или «Выбор 3D-материала». Мы останавливаемся на «Заливке»

Как сделать линию?

Затем мы выбираем из палитры цветов нужный нам чёрный цвет для заливки выделенной области

Как сделать линию?

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

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

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

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

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

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

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

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

Прямая

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

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

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

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

фото 1010_12

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

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

фото 1010_13

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

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

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

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

Ломаная

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

фото 1010_15

Незамкнутая

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

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

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

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

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

Замкнутая

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

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

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

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

Кривая

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

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

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

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

фото 1010_17

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

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

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

фото 1010_16

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

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

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

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

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

фото 1010_18

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

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

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

фото 1010_19

Заключение

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

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

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

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

Рисование прямой пунктирной линии в Photoshop

Создаём новый или открываем документ в Photoshop.

Основу для прямой линии мы сделаем с помощью инструмента «Перо» (Pen Tool):

Pen Tool

Но, т.к. мы делаем пунктир, нам для начала надо настроить инструмент «Кисть» (Brush Tool). Подробнее настройках «Кисти» Вы можете почитать здесь. Возьмите этот инструмент, выберите жесткую круглую кисть, размер 3px, цвет черный, далее Вы поймете, почему мы выбрали такие настройки. Но настройки «Кисти» на этом не закончены. Откройте панель кистей (Brushes Panel) и увеличьте параметр «Интервал» (Spacing) до 150%, или до зависимости от того, какое расстояние между пунктиром Вы хотите получить:

панель кистей

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

Создайте новый слой (Ctrl+Shift+N). Теперь просто кликните по полученному контуру правой клавишей мыши и в контекстном меню нажмите на пункт «Выполнить обводку контура» (Stroke Path). Откроется новое окно, где выберите инструмент «Кисть» и нажмите ОК. И наша простая пунктирная линия будет создана. Теперь вы можете удалить рабочий контур (Work Path) или использовать его дальше для создания новых линий. Вы можете перемещать, масштабировать контур, изменять его форму, поворачивать, добавлять опорные точки, пунктирная линия повторит все изменения контура. Просто помните, что выполнять обводку контура следует на новом слое.

пунктирная линия Photoshop

Создание пунктирной кривой линии в Photoshop

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

s-3

Как создать пунктирную окружность в Photoshop

Как Вы, наверное, уже заметили, Вы можете обвести пунктиром в Photoshop контур любой формы.
Только для создания контура в этом случае надо использовать не «Перо» (Pen Tool), а контурные инструменты. Для создания круга используем инструмент «Эллиипс» (Ellipse Tool), для создания прямоугольников и квадратов — инструмент «Прямоугольник» (Rectangle Tool), для создания контуров сложных и пользовательских форм — инструмент «Произвольная фигура» (Custom Shape Tool) и т.д.:

Custom Shape

Всё, что Вам нужно сделать — настроить кисть, это создать контур одним из этих инструментов, а затем выполнить обводку контура кистью:

s-4

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

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

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