Узнайте все о пунктирных линиях в Illustrator

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

Adobe Illustrator - это мощный инструмент, используемый во всем мире для графического дизайна и иллюстрирования.

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

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

Когда следует использовать пунктирную линию в графическом дизайне?

Существует множество причин, по которым дизайнер может захотеть использовать пунктирную линию в своем дизайне. Вот некоторые мотивы:

• Декоративный эффект, добавляющий текстуру изображению
• Для создания точечного рисунка
• Чтобы показать движение и направление, например, полет
• Показать направление на карте или инфографике
• Чтобы создать эффект графической бумаги
• Давать указания, например, где отрезать что-то при разработке дизайна упаковки
• Показать место, где что-то должно быть написано или подписано
• Давать указания, например, куда складывать что-либо

Источник изображения: Dreamstime

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

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

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

Вариант 1: Создание пунктирных и штриховых линий с помощью инструмента "Штрих

• Во-первых, начните с рисования линии.
• Затем откройте панель Внешний вид, перейдя к свойствам-> внешний вид или используя сочетание клавиш F6 для Windows и Shift+F6 на Mac.
• После открытия панели внешнего вида выберите "Обводка". Это откроет панель обводки и предоставит вам различные варианты обводки.
• Выберите опцию "пунктирная линия" в палитре "Обводка". Это, как вы можете предположить, создаст пунктирную линию.
• Теперь выберите "Rounded cap", чтобы сделать закругленные черточки.

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

• Вы можете изменить цвет пунктирной линии, отредактировав "Цвет обводки". При нажатии на эту опцию откроется панель цветов, где вы можете выбрать нужный цвет.
• Если вы хотите создать узор из тире или последовательность тире, состоящую из тире разной длины, вы можете поиграть с параметрами тире и создать различные последовательности, регулируя значения тире и промежутка.

Вариант 2: Создайте точечную кисть с помощью инструмента "Кисть

Для этого метода вы начнете с создания круга.

• Выберите инструмент "Фигура" на панели "Внешний вид" слева. В результате у вас должны появиться следующие варианты: "прямоугольник", "закругленный прямоугольник", "эллипс", "многоугольник", "звезда" и "блик". Выберете инструмент "эллипс".
• Удерживая "shift", перетащите мышь, чтобы создать круг.
• Созданный круг можно редактировать, добавляя заливку, изменяя цвет и размер.
• Как только вы будете довольны своим кругом, перейдите к window-> brushes. Теперь появится окно кистей.
• Теперь нажмите и перетащите свой круг в раздел предварительных настроек.
• Появится диалоговое окно "Выберите новый тип кисти", в котором можно выбрать "Scatter Brush", "Art Brush" или "Pattern Brush".

• Выберите "Scatter Brush" и нажмите "Ok".
• Появится еще одно окно с дальнейшими опциями "Scatter Brush". Выберите "Ok".
• Теперь перейдите к инструменту "Линия" и перетащите линию туда, где должна появиться пунктирная линия.
• Теперь выберите кисть, которую вы только что создали.
• Вуаля! В том месте, где вы только что создали линию, появится пунктирная линия.

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

• Появится новое окно, в котором можно настроить размер, цвет и вес пунктирной линии, а также расстояние между точками. Эти параметры можно настроить, перетаскивая ползунки. Можно даже произвольно изменить расстояние между точками, чтобы создать пунктирную линию с неравномерным расстоянием между точками.
• Когда вы будете довольны правками, нажмите "Ок" и "Применить к штрихам".

Вариант 3: Инструмент "Наложение

Вы также можете создать пунктирную линию с помощью инструмента смешивания в Illustrator.

• Начните с создания линии с помощью инструмента "Линия".
• Теперь создайте круг с помощью инструмента "Эллипс". Удерживайте shift при рисовании круга, чтобы сформировать идеальную окружность.
• Далее нужно продублировать круг. Сначала переключитесь на инструмент "Выделение".
• Затем, удерживая клавишу alt, щелкните круг и перетащите его. Это создаст копию круга.

Фиолетовые круги с фиолетовой линией

• Теперь выделите оба круга и перейдите в меню "Объект"-> "Наложение"-> "Сделать". Вы также можете добиться того же эффекта, выделив оба круга, переключившись на инструмент наложения, а затем щелкнув по одному кругу, а затем по другому, чтобы создать наложение.

• Затем выделите бленд и линию с помощью инструмента выделения.
• Перейдите в "Объект"-> "Наложение"-> "Заменить позвоночник".

• Теперь перейдите в "Объект-> "Наложение"-> "Параметры наложения".
• Появится диалоговое окно с параметрами интервала и ориентации.
• Рядом с пунктом "Интервал" в выпадающем меню выберите "Заданные шаги".
• Теперь введите количество точек между первыми двумя созданными точками, чтобы добиться желаемого расстояния между ними. Например, если вы введете "2", то между первоначальными двумя созданными точками будет только два круга.

• Вы также можете выбрать "Specified Distance" из выпадающего списка, чтобы изменить значения зазора и установить расстояние между точками, в результате чего размер зазора между точками будет больше или меньше.
• И снова, используя этот метод, вы можете построить пунктирную линию из любой фигуры, которая вам нравится.

Попробуйте альтернативу Illustrator

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

Посмотрите GIF ниже, чтобы получить краткое руководство о том, как сделать пунктирную линию в Vectornator, и следуйте инструкциям, которые мы написали под ним.0

• Для начала создайте линию с помощью инструмента "Перо". Если вам нужна помощь в изучении работы с инструментом "Перо", вы можете получить подробную информацию здесь.
• Вы можете создать прямую линию, изогнутую линию или целую фигуру.
• После того, как вы будете удовлетворены линией, перейдите к своему инспектору в правой части экрана и нажмите на тумблер рядом с "Обводка", чтобы включить ее.
• Появится меню хода.
• В этом меню можно настроить все параметры обводки, от ширины обводки до формы и цвета колпачка.
• Как и в Illustrator, вы выберете закругленный промежуток, чтобы получить пунктирную линию.
• Чтобы изменить обводку на пунктирную или штриховую линию, перейдите в раздел "Штрих" в меню обводки.
• Вставьте значение в поле слева. Это определит длину каждой точки или тире. Вы можете выбрать любое значение для начала и корректировать его по мере необходимости.
• Теперь перейдите к разделу "Промежуток" в меню обводки и введите значение в поле слева. Это определит размер промежутка между точками или тире.
• Чтобы сделать все точки одинаковыми по размеру, с одинаковыми расстояниями между ними, сделайте оба поля под "Тире" и "Промежуток" одинаковыми.
• Чтобы внести разнообразие в узор, можно изменить значения в каждом поле, чтобы создать различные размеры промежутков и длины штрихов.
• После создания нужного точечного штриха можно выбрать любой из тех же инструментов, чтобы рисовать с его помощью. Это позволяет легко создавать точечные фигуры, такие как линия, квадрат или круг.

Вдохновение для пунктирной линии

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

Изобразить движение на карте

Извилистые и поворотные пунктирные линии довольно часто встречаются на картах. Они хорошо подходят для изображения направления чего-либо.

Изображение инструкций по резке

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

Источник изображения: Dreamstime

Текстура и размерность

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

Источник изображения: Dreamstime

Инфографика

Точечные и пунктирные линии отлично подходят для передачи направления в инфографике, как на изображении ниже.

Источник изображения: Dreamstime

Готовы?

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

Мы всегда рады видеть, что создает наше сообщество, поэтому если вы чувствуете вдохновение поделиться с нами своим дизайном пунктирной линии, обязательно напишите нам в DM!