Как сделать пунктирную линию в фотошопе
Обновлено: 08.07.2024
Начиная с версии CS6, в Photoshop появилась возможность создавать обводку контуров, фигур, а также линии, нарисованной инструментом "Перо" (Pen Tool) в виде штриховой, пунктирной, и штрих-пунктирной линии.
Кратко о создании прерывистой линии в Photoshop CS6 рассказано здесь, а в данном материале я расскажу о штрих-пунктире подробно.
В версиях ниже прерывистую линию можно было создавать с помощью обводки инструментом "Кисть", для этого нужно было выполнить сложный алгоритм различных действий. Подробнее о создании пунктирной линии при помощи инструмента "Кисть" рассказывается здесь и здесь.
Примечание. При работе такого рода частенько мешает отображение контура. Для того, чтобы его скрыть, нажмите комбинацию Ctrl+H, после чего контур остаётся активным, но не отображается в документе. Чтобы вновь отобразить контур, снова нажмите Ctrl+H.
Для начала, рассмотрим создание пунктира как обводки для фигур, для этого воспользуемся одним из векторных инструментов - "Эллипсом" (Ellipse Tool).
На рисунке Вы видите фигуру, созданную при помощи инструмента "Эллипс". Слева вверху на панели параметров появились настройки обводки и заливки по умолчанию. Слева направо: режим контура - "Фигура" (Shape), цвет заливки - красный, обводка отключена, толщина обводки - 3 пункта, тип - сплошной.
Важное примечание. Пунктирную линию можно создавать только в режиме контура "Фигура" (Shape), режим указан в левом углу.
По умолчанию включена опция "Заливка" (Fil), но нам она не нужна, поэтому отключаем:
Теперь форма не имеет заливки, но контур отображается:
Теперь займёмся непосредственно созданием обводки. Кликаем по значку "Обводка" (Stroke), выбираем тип "Сплошной цвет" (Solid Color), затем выбираем цвет обводки. Кроме того, надо задать её толщину. По умолчанию, единицы измерения толщины обводки - пункты, я всегда работаю с пикселями, поэтому правой клавишей мыши кликаю по окну толщины линии, из выпавшего списка выбираю пиксели, а затем задаю нужную толщину линии, пускай для начала это будет 3 пикс. Вдоль эллипса появилась рамка:
Теперь, когда у нас имеется сплошная линия обводки, мы можем добавить к ней специальные эффекты. Кликаем по значку линии, и нажимаем на прерывистую линию. Результат:
У нас получился пунктир с предустановленными настройками, мы только задали толщину линии.
Если нажать на значок с линией из точек, то в документе получится такая линия.
Но возможности Photoshop на этом,конечно же, не ограничиваются. Мы можем настроит штрихи так, как захотим. Внизу окна расположена кнопка "Другие параметры" (Stoke Options), кликаем по ней, и нам открывается новое окно настроек штрихов:
Вот это, с виду простое окно "Другие параметры" и предоставляет нам мощные возможности для настройки штриха. Рассмотрим его подробнее.
В середине окна расположены три выпадающих списка: Выровнять ( Align), Концы (Caps) и Углы (Corners). Давайте рассмотрим сначала их.
Первый параметр, "Выровнять" ( Align), отвечает за положения штриха относительно оси. Штрих может быть расположен снаружи, внутри и по центру:
Ниже расположены окна ввода длины штриха. Длина штриха измеряется в единицах одой ширины штриха, например, длина 4, при ширине 4 пикселя, означает 4 умножить на 4, т.е. всего длина составит 16 пикселей. Длина пробела измеряется так же. Photoshop позволяет задать нам три разных штриха на одной линии, но чаще, используется один или два для штрих-пунктирной линии.
Примечание. Иногда длину штриха приходится подгонять. Это очень удобно делать, кликнув по окну ввода и прокручивая колёсико мыши:
При создании штрих-пунктирной линии, кроме длины, важен параметр "Концы" (Caps), определяющий форму концов штриха. По умолчанию он задан как "Стык" (Butt), что значит, что штрих будет обрезан перпендикулярно по концу. Давайте вставим ещё один штрих длиной в одну ширину и пробел длиной в две ширины:
Как видите, между штрихами получилась точка, но она квадратная, что не очень красиво. Чтобы получить закруглённые концы, изменим параметр "Стык" (Butt) на "Круг" (Round), вот что получилось:
Как видите, все штрихи удлинились. Это происходит по тому, что радиус закругления, равный половине ширины, прибавился к длине штриха с каждой стороны. Чтобы получить круглую точку, надо задать длину короткого штриха, равной нулю:
Последний из трёх параметров опции "Концы" - "Квадрат" (Square). Он работает, как и "Стык" (Butt), только удлиняет штрих на половину ширины с каждой стороны.
И мы подошли к последней опции - "Углы" (Corners). Эта опция имеет смысл только на углах пунктирной линии, поэтому я удалю овал и создам прямоугольный контур.
Кроме того, чтобы опция работала, положение контура по опции "Выровнять" должно быть или "Снаружи" или "Из центра".
Собственно, назначение опции "Углы" (Corners) понятно по пиктограммам. Параметр по умолчанию "Срез" (Miter) оставляет углы:
Параметр "Круг" (Round) закругляет углы:
Параметр "Фаска" (Bevel) снимает фаску с острых углов:
Таким образом, мы можем подобрать практически любые параметры прерывистой линии.
Вы можете сохранить параметры, нажав на кнопку "Сохранить" (Save).
До сих пор я рассказывал о создании пунктирной линии на замкнутом контуре. Но пунктир можно создать на абсолютно любой замкнутой или незамкнутой линии, нарисованной инструментом "Перо" (Pen Tool). Пример:
На панели параметров устанавливаем точно такие же значения, как и при работе с контурными инструментами - режим "Фигура", заливку отключаем, обводку настраиваем, как описано выше.
Кроме того, штрих-пунктиром, пунктиром или точками можно обводить буквы текста, подробнее здесь.
Если Вам понравился материал, скажите свое "спасибо", поделитесь ссылками с друзьями в социальных сетях! Спасибо!
В этом уроке я покажу Вам, как сделать пунктирную линию в Фотошопе.
Специального инструмента для создания пунктирных линий в программе не существует, поэтому мы создадим его самостоятельно. Этим инструментом будет кисть.
Для начала необходимо создать один элемент, то есть пунктир.
Создаем новый документ любого размера, желательно поменьше и заливаем фон белым цветом. Это важно, иначе ничего не получится.
Берем инструмент «Прямоугольник» и настраиваем его, как показано на картинках ниже:
Размеры пунктира выбирайте под свои потребности.
Затем кликаем в любом месте белого холста и, в открывшемся диалоговом окне нажимаем ОК.
На холсте появится наша фигура. Не переживайте, если она получится очень маленькой по отношению к холсту – это совершенно не важно.
Далее переходим в меню «Редактирование – Определить кисть».
Даем имя кисти и нажимаем ОК.
Инструмент готов, давайте проведем тест-драйв.
Выбираем инструмент «Кисть» и в палитре кистей ищем наш пунктир.
Затем нажимаем F5 и в открывшемся окне настраиваем кисть.
В первую очередь нас интересуют интервалы. Беремся за соответствующий ползунок и тянем вправо до тех пор, пока между штрихами не появятся промежутки.
Попробуем нарисовать линию.
Поскольку нам, скорее всего, нужна прямая, то протянем направляющую от линейки (горизонтальную или вертикальную, какую хотите).
Затем ставим кистью первую точку на направляющей и, не отпуская кнопку мыши, зажимаем SHIFT и ставим вторую точку.
Скрыть и показать направляющие можно клавишами CTRL+H.
Если у Вас твердая рука, то линию можно провести и без клавиши SHIFT.
Для проведения вертикальных линий необходимо произвести еще одну настройку.
Снова нажимаем клавишу F5 и видим такой инструмент:
С его помощью мы можем повернуть пунктир на любой угол. Для вертикальной линии это будет 90 градусов. Не трудно догадаться, что таким образом можно проводить пунктирные линии в любых направлениях.
Вот таки нехитрым способом мы с Вами научились рисовать пунктирные линии в Фотошопе.
Отблагодарите автора, поделитесь статьей в социальных сетях.
Нарисовать прямую линию в Фотошопе – дело нехитрое, но у «чайников» с этим могут возникнуть проблемы. В этом уроке рассмотрим несколько способов провести прямую линию в Фотошопе.
Способ 1: Направляющая
Особенность способа заключается в том, что с его помощью можно провести только вертикальную или горизонтальную прямую.
- Вызываем линейки нажатием клавиш CTRL+R.
Способ 2: Скрытая функция Фотошопа
Следующий способ способен сэкономить некоторое количество времени, если необходимо провести прямую линию. Алгоритм действий такой: ставим точку на холсте (инструментом для рисования), зажимаем SHIFT и ставим точку в другом месте. Фотошоп автоматически отрисует прямую.
Способ 4: Выделение
При помощи данного способа можно провести только вертикальную и (или) горизонтальную линию толщиной в 1 пиксель, идущую через весь холст. Настроек нет.
-
Выбираем инструмент «Область (горизонтальная строка)» или «Область (вертикальная строка)» и ставим точку на холсте.
Автоматически появляется выделение толщиной 1 пиксель.
Все эти способы должны быть на вооружении порядочного фотошопера. Потренируйтесь на досуге и применяйте эти приемы в своих работах. Удачи в вашем творчестве!
Отблагодарите автора, поделитесь статьей в социальных сетях.
Помогла ли вам эта статья?
Еще статьи по данной теме:
Здравствуйте! Подскажите, пожалуйста, как нарисовать несколько параллельных прямых на одинаковом расстоянии друг от друга?
Нарисовать пунктирную линию в Photohop довольно легко, если Вы, конечно, знаете как это сделать. Этот урок научит Вас, как создать различные пунктирные линии за несколько секунд. Вы узнаете, как сделать прямые кривые пунктирные линии, пунктирную окружность и другие фигуры практически любой сложности.
Если Вы не знакомы с основными методами создания сплошной линии в Photoshop, Вы можете посмотреть мой урок по рисованию линии, а в этом материале мы рассмотрим, как преобразовать сплошную линию в пунктирную.
Смотрите также другие материалы по рисованию пунктирной линии в Photoshop:Делаем рамку из точек, чёрточек, пунктирных линий в Photoshop
Пунктирная рамка и линия в Photoshop CS6
Рисование прямой пунктирной линии в Photoshop
Создаём новый или открываем документ в Photoshop.
Основу для прямой линии мы сделаем с помощью инструмента "Перо" (Pen Tool):
Но, т.к. мы делаем пунктир, нам для начала надо настроить инструмент "Кисть" (Brush Tool). Подробнее настройках "Кисти" Вы можете почитать здесь. Возьмите этот инструмент, выберите жесткую круглую кисть, размер 3px, цвет черный, далее Вы поймете, почему мы выбрали такие настройки. Но настройки "Кисти" на этом не закончены. Откройте панель кистей (Brushes Panel) и увеличьте параметр "Интервал" (Spacing) до 150%, или до зависимости от того, какое расстояние между пунктиром Вы хотите получить:
Теперь переключитесь на "Перо" (Pen Tool), вверху окна программы выберите режим "Контур" (Paths) и создайте прямую линию методом нанесения в документе двух точек, после чего наша линия будет добавлена как рабочий контур (Work Path).
Создайте новый слой (Ctrl+Shift+N). Теперь просто кликните по полученному контуру правой клавишей мыши и в контекстном меню нажмите на пункт "Выполнить обводку контура" (Stroke Path). Откроется новое окно, где выберите инструмент "Кисть" и нажмите ОК. И наша простая пунктирная линия будет создана. Теперь вы можете удалить рабочий контур (Work Path) или использовать его дальше для создания новых линий. Вы можете перемещать, масштабировать контур, изменять его форму, поворачивать, добавлять опорные точки, пунктирная линия повторит все изменения контура. Просто помните, что выполнять обводку контура следует на новом слое.
Создание пунктирной кривой линии в Photoshop
Этот метод применяется при создании более сложных криволинейных траекторий. Он отличается от метода, описанного выше, только формой контура. В первом случае мы рисовали "Пером" прямую линию, а для создания пунктирной кривой надо нарисовать контур в виде нужной кривой, настроить кисть, как рассказано выше, и сделать обводку контура:
Как создать пунктирную окружность в Photoshop
Как Вы, наверное, уже заметили, Вы можете обвести пунктиром в Photoshop контур любой формы.
Только для создания контура в этом случае надо использовать не "Перо" (Pen Tool), а контурные инструменты. Для создания круга используем инструмент "Эллиипс" (Ellipse Tool), для создания прямоугольников и квадратов - инструмент "Прямоугольник" (Rectangle Tool), для создания контуров сложных и пользовательских форм - инструмент "Произвольная фигура" (Custom Shape Tool) и т.д.:
Всё, что Вам нужно сделать - настроить кисть, это создать контур одним из этих инструментов, а затем выполнить обводку контура кистью:
Примечание. В Photoshop CS6 и выше имеется опция обводки для контурных фигур. Подробнее о создании фигур, обведённых пунктирной линией в Photoshop CS6 рассказывается здесь.
Читайте также: