Дізнайтеся все про пунктирні лінії в Illustrator

Дізнайтеся все про пунктирні лінії в Illustrator
Rick Davis

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

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

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

У цій статті ми розглянемо різні способи створення пунктирної лінії в Adobe Illustrator і покажемо, як створити її у Vectornator.

Дивіться також: Як стати дизайнером-фрілансером

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

Є багато причин, чому дизайнер може захотіти використовувати пунктирну лінію у своєму дизайні. Ось кілька мотивів:

  • Декоративний ефект, що додає зображенню текстури
  • Щоб створити пунктирний дизайн
  • Щоб показати рух і напрямок, наприклад, політ
  • Показати напрямок на карті або інфографіці
  • Щоб створити ефект графічного паперу
  • Давати вказівки, наприклад, де щось вирізати в дизайні упаковки
  • Щоб показати, де потрібно щось написати або підписати
  • Надавати інструкції, наприклад, куди щось складати

Джерело зображення: Dreamstime

Як створити пунктирну лінію в Illustrator

"Пунктирна лінія" може мати форму круглих крапок, квадратів, прямокутників або будь-яку іншу форму. Пунктирні та штрихові лінії взаємозамінні, і в наведених нижче інструкціях будуть розглянуті обидві.

Існує кілька різних способів створення пунктирної лінії в Illustrator. Нижче ми розглянемо три варіанти. Чому б не спробувати їх усі, щоб зрозуміти, якому методу ви віддаєте перевагу?

Варіант 1: Створення пунктирних і штрихових ліній за допомогою інструмента "Обведення

  • Спочатку намалюйте лінію.
  • Далі відкрийте панель "Зовнішній вигляд", перейшовши до "Властивості - Зовнішній вигляд" або за допомогою комбінації клавіш F6 для Windows і Shift+F6 для Mac.
  • Після того, як панель зовнішнього вигляду буде відкрито, виберіть пункт "Обведення". Це відкриє панель обведення і надасть вам різні варіанти обведення.
  • Виберіть у палітрі "Обведення" опцію "пунктирна лінія", яка, як ви можете собі уявити, створить пунктирну лінію.
  • Тепер виберіть "закруглену шапку", щоб зробити закруглені штрихи.
  • Ви можете перетворити закруглені штрихи на крапки, відрегулювавши значення ваги штриха і проміжку у вікні штриха. Це дає ефект пунктирної лінії.
  • Щоб створити квадратну крапку, виберіть шапку "Проектування".
  • Ви можете маніпулювати проміжками між крапками або тире, збільшуючи або зменшуючи значення проміжків.
  • Ви можете змінити колір вашої пунктирної лінії, відредагувавши "Колір штриха". Натиснувши на цю опцію, відкриється панель кольорів, де ви можете вибрати потрібний колір.
  • Якщо ви хочете створити штриховий візерунок або послідовність штрихів, що складається з штрихів різної довжини, або штриховий візерунок, ви можете погратися з параметрами штрихів і створити різні послідовності, налаштувавши значення штрихів і проміжків.

Варіант 2: Створення точкового пензля за допомогою інструмента "Пензель

У цьому методі ви почнете зі створення кола.

  • Виберіть інструмент "Фігура" на панелі "Зовнішній вигляд" ліворуч. У вас з'являться інструменти прямокутника, заокругленого прямокутника, еліпса, багатокутника, зірки та відблиску. Ми виберемо інструмент "Еліпс".
  • Утримуючи клавішу "Shift", перетягніть мишу, щоб створити коло.
  • Ви можете редагувати створене коло, додаючи заливку, змінюючи колір і розмір.
  • Після того, як ви задоволені своїм колом, перейдіть у вікно "Пензлі". З'явиться вікно "Пензлі".
  • Тепер клацніть і перетягніть коло до попередньо встановленої секції.
  • З'явиться діалогове вікно з написом "Виберіть новий тип пензля", у якому ви зможете вибрати "Розсіяний пензель", "Художній пензель" або "Візерунковий пензель".
  • Виберіть "Розкиданий пензель" і натисніть "ОК".
  • З'явиться ще одне вікно з додатковими параметрами "Пензля розсіювання". Виберіть "Ок".
  • Тепер перейдіть до інструмента "Лінія" і перетягніть лінію туди, де ви хочете, щоб з'явилася пунктирна лінія.
  • Тепер виберіть пензель, який ви щойно створили.
  • Вуаля! Пунктирна лінія з'явиться там, де ви щойно створили свою лінію.
  • Можливо, вона ще не відповідає вашим вимогам, тому ви захочете її відкоригувати. Щоб відредагувати пунктирну лінію, двічі клацніть пензель, який ви щойно використовували.
  • З'явиться нове вікно, де ви зможете налаштувати розмір, колір і вагу пунктирної лінії, а також відстань між точками. Ви можете змінити ці параметри, перетягуючи повзунки. Ви навіть можете довільно змінювати відстань між точками, щоб створити пунктирну лінію з нерівномірною відстанню між точками.
  • Коли ви будете задоволені змінами, натисніть "ОК" і "Застосувати до штрихів".
Професійна порада - Використовуючи цей метод, ви можете створити варіацію пунктирної лінії, вибравши іншу форму, ніж "Еліпс", під час створення пензля, по суті, створюючи пунктирну лінію із зірок, прямокутників або будь-якої іншої форми, яку ви можете собі уявити!

Варіант 3: Інструмент накладання

Ви також можете створити пунктирну лінію за допомогою інструмента накладання в Illustrator.

  • Почніть зі створення лінії за допомогою інструмента "Лінія".
  • Тепер створіть коло за допомогою інструмента "Еліпс". Утримуйте клавішу Shift під час малювання, щоб сформувати ідеальне коло.
  • Далі ми продублюємо коло. Спочатку перейдіть до інструмента "Виділення".
  • Далі, утримуючи клавішу alt, клацніть коло і перетягніть його. Це створить копію кола.

Фіолетові кола з фіолетовою лінією

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

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

Якщо ви зацікавлені в альтернативі Illustrator для macOS, спробуйте Vectornator. Його розроблено дуже зручним для користувача, зберігаючи при цьому стандарти та можливості стандартного програмного забезпечення, такого як Illustrator. Нижче ми зібрали посібник про те, як створити пунктирну або штрихову лінію у Vectornator.

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

  • Спочатку створіть лінію за допомогою інструмента "Перо". Якщо вам потрібна допомога, щоб навчитися працювати з інструментом "Перо", ви можете отримати детальну інформацію тут.
  • Ви можете створити пряму лінію, криву лінію або цілу фігуру.
  • Після того, як ви задоволені лінією, перейдіть до свого інспектора в правій частині екрана і натисніть перемикач поруч з "Штрихуванням", щоб увімкнути його.
  • З'явиться меню обведення.
  • У цьому меню ви можете налаштувати всі параметри обведення, від ширини обведення до форми і кольору кегля.
  • Подібно до Illustrator, ви виберете закруглений проміжок, щоб отримати пунктирну лінію.
  • Щоб змінити обведення на пунктирну або штрихову лінію, перейдіть до розділу "Штрих" у меню обведення.
  • Вставте значення у поле зліва. Це визначить довжину кожної крапки або тире. Ви можете вибрати будь-яке значення для початку і змінювати його в міру необхідності.
  • Тепер перейдіть до розділу "Проміжок" у меню обведення і введіть значення у поле зліва. Це визначить розмір проміжку між крапками або тире.
  • Щоб зробити всі точки однаковими за розміром, з однаковими проміжками між ними, встановіть однакові значення в обох полях "Тире" і "Проміжок".
  • Щоб урізноманітнити візерунок, ви можете налаштувати значення в кожній клітинці, щоб створити різні розміри проміжків і довжину штрихів.
  • Створивши потрібний пунктирний штрих, ви можете вибрати будь-який з тих самих інструментів, щоб малювати ним. Це дуже спрощує створення пунктирних фігур, таких як лінія, квадрат або коло.

Трохи пунктирного натхнення

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

Зобразити рух на карті

Звивисті пунктирні лінії досить часто зустрічаються на картах. Вони добре підходять для зображення напрямку чогось.

Зобразити інструкції з різання

Пунктирна або штрихова лінія перед іконкою ножиць - це універсальна вказівка на те, де потрібно щось розрізати. Ймовірно, ви стикалися з цим, якщо займалися дизайном упаковки.

Джерело зображення: Dreamstime

Текстура і розмір

Пунктирні та штрихові лінії додають зображенню текстури та об'єму. Вони чудово виглядають в ілюстраціях, особливо на абстрактних геометричних малюнках, як на малюнку нижче.

Дивіться також: 10 найкращих подкастів про дизайн

Джерело зображення: Dreamstime

Інфографіка

Пунктирні та штрихові лінії чудово підходять для передачі напрямку в інфографіці, як на зображенні нижче.

Джерело зображення: Dreamstime

Готові?

Сподіваємося, ви надихнулися і отримали знання, необхідні для створення пунктирних ліній і пунктирних дизайнів в Adobe Illustrator і Vectornator.

Нам завжди цікаво спостерігати за тим, що створює наша спільнота, тож якщо ви відчуваєте натхнення поділитися з нами своїм дизайном пунктирних ліній, обов'язково напишіть нам у нашому DM!




Rick Davis
Rick Davis
Рік Девіс — досвідчений графічний дизайнер і візуальний художник із понад 10-річним досвідом роботи в галузі. Він працював з різними клієнтами, від невеликих стартапів до великих корпорацій, допомагаючи їм досягти їхніх дизайнерських цілей і підняти свій бренд за допомогою ефективних і вражаючих візуальних засобів.Випускник Школи візуальних мистецтв у Нью-Йорку, Рік захоплено досліджує нові тенденції та технології дизайну та постійно розширює межі можливого в цій галузі. Він має глибокий досвід роботи з програмним забезпеченням для графічного дизайну та завжди прагне поділитися своїми знаннями та ідеєю з іншими.Окрім роботи дизайнера, Рік також є відданим блогером і присвячений висвітленню останніх тенденцій і розробок у світі програмного забезпечення для графічного дизайну. Він вірить, що обмін інформацією та ідеями є ключовим для розвитку сильної та активної дизайнерської спільноти, і завжди прагне спілкуватися з іншими дизайнерами та креативцями в Інтернеті.Незалежно від того, чи розробляє він новий логотип для клієнта, експериментує з найновішими інструментами та техніками у своїй студії чи пише інформативні та захоплюючі дописи в блозі, Рік завжди прагне виконувати найкращу роботу та допомагати іншим досягати їхніх дизайнерських цілей.