Векторна графіка

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

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

Шлях уявляє собою маршрут, що з'єднує початкову та кінцеву точку.

• Сегмент - окрема частина шляху, може бути як прямою, так і кривою лінією.

• Вузол - початкова або кінцева точка сегмента.

Кожен елемент векторної графіки містить ці три основні елементи і дозволяє їх редагування.

Векторний графічний редактор

Векторний графічний редактор - спеціалізована програма, призначена для створення та обробки векторних зображень. Такі програми використовуються в роботі художників і дизайнерів різних напрямків, конструкторів, мультиплікаторів, у сфері ділової графіки, для презентацій, публікації в Інтернеті і т.п.

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

Перелічимо основні інструменти векторних редакторів.

• Криві Безьє - дозволяють створювати прямі, ламані і гладкі криві, що проходять через вузлові точки, з певними дотичними в цих точках.

• Набір геометричних фігур (примітивів).

• Заливка - дозволяє зафарбовувати обмежені області певним кольором, або градієнтом.

Заповнення об'єктів 

За допомогою кривих створюється контур об'єкта, всередині якого може бути заповнення (будь-який колір, штрихування або зображення). Заповнений об'єкт трактується як єдиний елемент, тобто при змінюванні форми об'єкта, заповнення заповнює всю його внутрішню ділянку. 

Заповнення можна розбити на 4 категорії:

1. однорідне заповнення одним кольором або штрихуванням; 

2. градієнтне, при якому кольори або тіні поступово змінюються (лінійна, радіальна, конічна, прямокутна тощо); 

3. візерункове, при якому об'єкт заповнюється повторювальними зображеннями (двоколірними або повноколірними); 

4. текстурне заповнення (художні зображення). 

• Текст створиться за допомогою відповідного інструменту, а потім часто перетворюється в криві [2] (у векторне зображення), щоб забезпечити незалежність зображення від шрифтів, наявних (або відсутніх) на комп'ютері, використовуваному для перегляду.

• Олівець - дозволяє створювати лінії "від руки"

Ось кілька онлайн векторних графічних редакторів, які можна використовувати:

Vectr (https://vectr.com/)

Gravit Designer (https://www.designer.io/)

Cliker https://www.clker.com/inc/svgedit/svg-editor.html?fbclid=IwAR2aKCiEbIaBsSJo2rrz2LOqpJk5UIcASuJsVM0cSVuJkduL1Jf4w4n1Kyw 

SVG-Edit (https://svg-edit.github.io/svgedit/releases/svg-edit-2.8.1/svg-editor.html)

Inkscape (https://inkscape.org/)

Boxy SVG (https://boxy-svg.com/)

Draw.io (https://app.diagrams.net/)

Lunacy (https://icons8.com/lunacy)

Method Draw (https://editor.method.ac/)

Figma (https://www.figma.com/)

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