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

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

  • автор:

Рисуем пунктирную линию в Photoshop

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

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

Инструкция по рисованию

Есть несколько способов отрисовки пунктира. Выбор зависит от сценария использования: акцентировать внимание на каком-то элементе, обыграть ссылку, оформить чертёж и т.п. Самый простой способ для тех, кто не хочет разбираться с графическими инструментами – текстовый блок.

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

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

Помимо местных инструментов можно взять на вооружение плагины от сторонних разработчиков, одобренных компанией Adobe. К примеру, хороший функционал для обработки текста пунктиром предлагает плагин UberLine: exchange.adobe.com/creativecloud.details.2887.html. Но за подобные решения придётся платить.

С помощью готовых шаблонов

Для начала необходимо открыть новый документ: размер холста, заливка и фоновый слой – на усмотрение пользователя. Создаём новый слой выбираем инструмент «Линия» на боковой панели. В верхней части интерфейса появится вспомогательное меню для тонкой настройки инструмента.

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

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

фото 2828_10

С помощью специальной кисти

Здесь инструмент для рисования пунктира настраивается самим пользователем. Шаблон впоследствии может быть использован неограниченное количество раз. Создавать пунктир будем посредством инструмента «Кисть».

Создание специальной кисти:

  1. Создаём новый документ с белым фоном.
  2. Выбираем «Фигуры» -> «Прямоугольник» в панели инструментов.
  3. В верхней части интерфейса настраиваем фигуру: чёрная заливка, косой штрих, форма пунктира –любая, ширина – 5 пикселей, высота – 2 рх.
  4. Кликаем в любой части холста и в появившемся диалоговом окне нажимаем ОК.
  5. На листе появится фигура. Визуальные размеры не имеют значения.
  6. В основном меню открываем раздел «Редактирование» и переходим в пункт «Определить кисть…».
  7. Заполняем поле «Имя» (произвольное) и жмём ОК.
  8. В панели инструментов выбираем «Кисть».
  9. В выпадающем списке вспомогательного меню сверху находим созданный ранее шаблон.
  10. Вызываем настройки инструмента клавишей F5.
  11. Ставим маячок на строчке «Интервалы» и двигаем ползунок до тех пор, пока линия не превратится в требуемый пунктир.

Теперь можно рисовать горизонтальные пунктиры. Ставим точку на холсте, зажимаем клавишу Shift и проставляем второй маркер. Пунктирная линия будет нарисована в автоматическом порядке от пункта А до Б. Для отражения отрезка по вертикали следует вызвать настройку инструмента клавишей F5, после чего в правой части интерфейса обозначить угол в числовом выражении или визуально на схеме.

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

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

фото 2828_8

фото 2828_9

Таким же образом можно создать пунктирные стрелки, окружности и другие фигуры. Достаточно выбрать в инструментах «Фигуры» -> «Произвольная фигура», нарисовать её и выполнить обводку созданным ранее шаблоном кисти.

Наглядный разбор процесса в видео:

Заключение

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

Как нарисовать пунктирную линию в 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 рассказывается здесь.

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

Рисуем идеальную пунктирную линию в Sketch

Вы можете поэкспериментировать со значением интервала, чтобы получился правильный интервал между точками. Например, если у меня толщина границ 5 пикселей, при 10-пиксельном интервале расстояние между точками будет 5 пикселей.

Важный момент — пунктир всегда должен быть задан 0.01 с закругленными концами. Если вы откроете диалог настроек, то пунктир будет задан 0. Нужно задать значение 0.01, если будете менять другие параметры.

Также можно применять пунктирные линии к фигурам. Единственная разница в том, что границу надо располагать по центру. Иначе Sketch очень забавным образом соединит кружочки по контуру.

Граница, выровненная по центру, по внутреннему краю, по внешнему краю фигуры.

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

В новой версии Sketch задать значение 0.01 нет возможности. Работает только в старых версиях!

Как нарисовать линию: Фотошоп для новичков

Рисуете эскиз или раскадровки для будущей фотосессии? Делаете логотип? Оформляете пост для соцсетей себе или заказчику? Дополняете творческую съёмку 2-d элементами? Если в результате любого из этих занятий вам понадобилось нарисовать линию в Фотошопе, то этот текст для вас.

В формате «вопрос-ответ» рассказываем и показываем, как сделать линию в Фотошопе разными способами и с помощью разных инструментов.

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

Чтобы сделать линию в Фотошопе, воспользуйтесь одним из четырёх инструментов:

1. Линия / Line Tool (горячая клавиша U). Самый простой в использовании инструмент, позволяет изменить толщину и длину после создания отрезка, а также редактировать цвет постфактум.

2. Кисть / Brush Tool (горячая клавиша B) или Карандаш / Pencil Tool ( горячая клавиша B). Толщину, цвет и непрозрачность линии нужно настраивать заранее, зато позволяет делать растушёванный конутр, а также пунктир.

3. Перо / Pen Tool (горячая клавиша P). Позволяет сделать кривую, изогнутую линию и объект любой формы.

Все инструменты находятся на панели ручного редактирования слева от экрана. Их места в палитре у разных пользователей разное, поэтому не ищите их у себя, полагаясь на скриншот — автор настраивал свою панель под себя / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Самый простой инструмент — Линия / Line Tool (об остальных способах речь пойдёт ниже). Чтобы с помощью него сделать прямую в Фотошопе, возьмите инструмент, зажмите левую кнопку мыши и проведите отрезок нужной длины. После этого на экране появится синий отрезок. Чтобы превратить его из векторного объекта в растровый, нажмите клавишу Enter на клавиатуре.

Сдвигая самую левую и самую правую точки синей линии, можно отрегулировать длину точнее / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

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

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

Чтобы сделать прямую линию в Фотошопе, можно также пользоваться инструментами Кисть / Brush и Карандаш / Pencil. Поначалу кажется, что они не такие удобные, ведь начертить ровный отрезок от руки невозможно. Да, это сложно, если не знать один секрет.

Чтобы сделать ровную линию в Фотошопе Кистью или Карандашом, поставьте точку там, где нужно начало прямой. Затем зажмите Shift и поставьте вторую точку там, где хотите, чтобы линия закончилась. Между первой и второй точкой появится идеальная ровная прямая. Если продолжать держать Shift и ставить точки, с помощью отрезков можно начертить любую фигуру.

Преимущество Кисти и Карандаша в том, что ещё до начала работы можно выбрать толщину, растушёванность краёв, непрозрачность линии. / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

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

Чтобы сделать изогнутую линию в Фотошопе, понадобится инструмент Перо / Pen Tool. Оно похоже на инструмент Линия, но позволяет рисовать сложные формы и редактировать их. Рассказываем, как сделать линию Пером в Фотошопе.

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

1. Возьмите инструмент Перо.

2. Поставьте левой кнопкой мыши точку в том месте, где хотите, чтобы линия начиналась.

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

Линия превратится в кривую, а из неё «вырастет» отрезок — кривая Безье. Если зажать Ctrl и сдвигать отрезки кривой Безье (на скриншоте в прямоугольной рамке), линия будет изгибаться более или менее плавно / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

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

Чтобы превратить заготовку (её называют путь) в полноценную линию, нажмите правой кнопкой мыши и выберите Обводка пути / Stroke Path / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

5. После этого появится меню. В нём нужно выбрать инструмент, с помощью которого контур обведётся — например, Кисть или Карандаш — и нажать Ок, а затем Enter на клавиатуре.

Контур превратится в кривую линию. Толщина будет зависеть от толщины кисти, которые можно посмотреть в её настройках / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

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

Чтобы сделать прерывистую линию, возьмите инструмент Кисть / Brush Tool. В меню Окно / Windows найдите палитру Настройки кисти / Brush Settings. Регулируя Размер / Size и Расстояние / Spacing, создайте идеальный пунктир.

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

Пунктирные линии с разными настройками Размер и Расстояние / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

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

Чтобы сделать тонкую линию с помощью инструмента Линия, найдите настройку Толщина / Weight и введите минимальное значение. Например, 0,01 см.

Две тонкие линии: верхняя 0,1 см толщиной, а нижняя — 0,01 см / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Чтобы сделать тонкую линию с помощью Кисти или Карандаша, нажмите на выпадающий список с настройками в верхней части экрана и выберите толщину 1 пиксель, либо регулируйте размер кисти с помощью горячих клавиш [ (уменьшает размер) или ] (увеличивает размер). На русской раскладке это кнопки х и ъ.

Линии толщиной 1 пиксель, 10 пикселей и 100 пикселей / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

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

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

Теперь рассказываем о необычном способе, как сделать линии толще в инструменте Линии:

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

2. Найдите на отрезке квадрат в середине. Нажмите на него левой кнопкой мыши и, не отпуская, потяните вверх или вниз. Линия станет настолько толстой, насколько вам нужно!

Хватаясь за квадраты в центре, толщина линии увеличивается до любого размера. Несмотря на изначальную Толщину / Weight в 0,1 см / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Как сделать чёрную линию в Фотошопе

Чтобы сделать линию чёрной (или любого другого цвета), нужно поменять цвет будущей линии в настройках:

– для инструмента Линия нажмите на квадрат рядом с надписью Заливка / Fill. Далее найдите иконку в виде радужного прямоугольника. После этого откроется палитра, в которой можно выбрать любой цвет;

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

Красный квадратик — цвет линии, нарисованной кистью. Черный квадратик — цвет линии, нарисованной инструментом Линия / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

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

Чтобы сделать вспомогательную линию в Фотошопе, нажмите Вид / View — Направляющие / Guides — Новая направляющая / New Guide. В открывшемся меню можно выбрать её цвет, а также то, какой она будет — вертикальной или горизонтальной. Таким образом можно создать любое количество направляющих линий. Подхватив вспомогательную линию, её можно переставить в любое удобное место.

Три направляющие — две вертикальные и горизонтальная. Чтобы их удалить, кликните на каждую и нажмите Delete на клавиатуре / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Если же нужная частая и крупная сетка и не хочется создавать линии вручную, включите её через Вид / View — Показать / Show — Сетка / Grid.

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

Чтобы сделать светящуюся линию в Фотошопе:

1. Нарисуйте линию любым удобным инструментом: Кистью, Карандашом, Пером или Линией. Лучше, если линия будет на тёмном фоне — так свечение лучше видно.

2. Зайдите в меню Слой / Layer — Стиль слоя / Layer Style — Внешнее свечение / Outer Glow.

Чтобы получить правдоподобное свечение неоновой линии, поставьте настройки, как на скриншоте.Самые важные обведены в оранжевые рамки / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

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

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