§ 4. Векторна графіка.
Графічний редактор Inkscape
У багатьох випадках під час створення малюнка буває зручніше зазначати не кольори пікселів, а властивості та розміщення елементів (ліній, многокутників, криволінійних фігур). Саме таким чином кодуються зображення у векторній графіці.
4.1. Векторні зображення та їхні властивості
Перегляньте слайд-шоу. У яких сферах застосовують векторну графіку? Які приклади можете навести ви?
Векторне зображення складається з геометричних об’єктів (ліній, кіл, кривих тощо), які описуються математичними рівняннями, — графічних примітивів.
Зображення автомобіля складається з трьох кіл, двох прямокутників, чотирикутника та п’ятикутника.
Опишімо властивості одного з об’єктів. Це прямокутник завдовжки 34 мм і завширшки 20 мм, колір його заповнення — 1 (див. § 1, с. 8), колір штриха — 4, товщина штриха — 1 мм, координати лівого верхнього кута (50; 120). Маємо векторний код прямокутника.
ЦІКАВА ІНФОРМАЦІЯ
Для роботи з векторними зображеннями існує багато програм. Найчастіше застосовують Adobe Illustrator, Inkscape, CorelDraw, LibreOffice Draw та ін.
Під час формування векторного малюнка використовують градієнти — плавні переходи від одного кольору до іншого. Розмивання окремих елементів, імітація тіні та ін. дає змогу отримати реалістичні малюнки.
Векторна графіка має як переваги, так і недоліки. Основною перевагою є збереження якості малюнка в разі змінення розмірів і обертання, а основним недоліком — складність побудови реалістичного зображення.
Завдання 1
4.2. Формати файлів векторних зображень
Розмір файлу векторного зображення залежить від кількості окремих об’єктів, із яких таке зображення утворено.
Для запису векторних зображень у файл існує багато форматів. Так, формат SVG (англ. Scalable Vector Graphics — масштабована векторна графіка) підтримується багатьма програмами, зокрема Inkscape.
Є формати, що підтримують і векторну, і растрову графіку. Це, наприклад, CGM, WMF, EPS.
ЦІКАВА ІНФОРМАЦІЯ
Нерідко векторні графічні редактори мають власні формати файлів.
Наприклад, CorelDRAW — CDR, а Adobe Illustrator — AI та ін.
Завдання 2
4.3. Векторний графічний редактор Inkscape
Векторні зображення можна створювати в різних застосунках, зокрема й у відомих вам редакторі презентацій, текстовому процесорі тощо. Проте найбільше можливостей надають векторні графічні редактори.
Графічний редактор Inkscape має багато засобів для опрацювання векторних зображень. Це вільна багатоплатформна програма, тобто одночасно виходять її версії для різних операційних систем (Windows, Linux тощо).
Після запуску Inkscape відкривається головне вікно програми.
4.4. Побудова фігур
Більшість кнопок, розміщених на панелі інструментів, призначено для побудови графічних об’єктів. Якщо вибрати певний інструмент, на панелі параметрів інструментів з’являться значення його параметрів.
Об’єкти, із яких будується векторне зображення, поділяються на фігури, які здебільшого мають правильну геометричну форму, і криві, форму яких можна змінювати довільно.
Для побудови фігур існує низка інструментів. Щоб додати фігуру, необхідно:
1) клацнути кнопку потрібного інструмента на панелі;
2) перемістити вказівник на робоче поле;
3) натиснути ліву кнопку миші і, не відпускаючи, пересунути вказівник в інше місце та відпустити кнопку.
ЗВЕРНІТЬ УВАГУ! Утримування натиснутими клавіш Ctrl, Shift або Alt дає додаткові можливості при змінюванні форми об’єктів. Їх дію пояснюють підказки, котрі з’являються в рядку стану.
Форму створеної фігури можна змінити перетягуванням маркерів — білих квадратиків або кружечків.
Завдання 3
4.5. Операції над об’єктами
Перш ніж виконувати певну операцію над об’єктом, його потрібно вибрати, скориставшись інструментом Стрілка.
Щоб вибрати окремий об’єкт, на ньому слід клацнути. Навколо об’єкта з’явиться штрихова прямокутна рамка, а біля неї — стрілки для змінення розмірів.
Щоб вибрати декілька окремих об’єктів, їх слід по черзі клацнути, утримуючи натиснутою клавішу Shift.
Над вибраними об’єктами можна виконувати операції.
Щоб перемістити об’єкт, його слід перетягнути мишею.
Для масштабування об’єкта треба перетягнути відповідні стрілки (випадок а): кутовими можна змінити одночасно довжину і ширину, а бічними — лише один із розмірів.
Щоб повернути або нахилити вибраний об’єкт, його слід клацнути: стрілки змінять вигляд і з’явиться хрестик, що позначає центр обертання і нахилу (випадок б). Якщо перетягувати кутові стрілки, то об’єкт обертатиметься, а якщо бічні, то нахилятиметься (випадок в).
Центр обертання та нахилу, який залишається нерухомим під час операцій, можна перетягнути в інше місце.
Кнопки на панелі параметрів інструмента Стрілка дають змогу швидко змінити положення об’єкта.
Завдання 4
Питання для самоперевірки
1. Запустіть Inkscape. Відкрийте файл Квадрат.svg*.
Перетягніть трикутник 1 на місце в схемі.
2. Трикутник 2 поверніть у правильне положення (якщо тримати натиснутою клавішу Ctrl, це вдасться зробити точніше), а потім перетягніть його на потрібне місце.
3. Відобразіть паралелограм 3 відносно вертикальної осі і перетягніть на місце.
4. Наступні два трикутники поставте на їх місця в схемі.
5. Решту фігур поверніть у правильне положення і поставте на місця. Збережіть файл (меню Файл → Зберегти).
6. Відкрийте файл із іменем Кіт.svg*. Розв’яжіть танграм і збережіть файл.