1 of 32

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

Нова українська школа

Урок 4

Інформатика 6

teach-inf.com.ua

за підручником

Бондаренко О.О. та ін.

2 of 32

Векторні зображення

Під час створення малюнка буває зручніше зазначати не кольори пікселів, а властивості та розміщення елементів:

ліній

многокутників

криволінійних фігур

Саме таким чином кодуються зображення у векторній графіці.

Розділ 1

§ 4

3 of 32

Векторні зображення

Зображення автомобіля складається з:

трьох кіл

двох прямокутників

чотирикутника

п’ятикутника

Розділ 1

§ 4

4 of 32

Векторні зображення

Опишемо властивості одного з об’єктів: прямокутник

Маємо векторний код прямокутника.

завдовжки 34 мм і завширшки 20 мм

колір заповнення — 1 (див. таблицю в презентації 1)

колір штриха — 4

товщина штриха — 1 мм

координати лівого верхнього кута (50; 120).

Розділ 1

§ 4

5 of 32

Векторні зображення

Векторна графіка має як переваги, так і недоліки.

Основною перевагою є:

Недоліком є:

збереження якості малюнка в разі змінений розмірів і обертання

складність у побудові реалістичного зображення, адже для цього доводиться використовувати дуже багато об’єктів

Розділ 1

§ 4

6 of 32

Векторні зображення

Для роботи з векторними зображеннями є багато програм. Найчастіше застосовують програми:

Inkscape

CorelDraw

Adobe Illustrator

LibreOffice Draw

Розділ 1

§ 4

7 of 32

Властивості векторних зображень

Розмір файла векторного зображення залежить від кількості окремих об’єктів, з яких це зображення утворено.

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

Розділ 1

§ 4

8 of 32

Властивості векторних зображень

Для запису векторних зображень у файл існує багато форматів. Розглянемо деякі з них.

Формат SVG (англ. Scalable Vector Graphics — масштабована векторна графіка) підтримується багатьма програмами, зокрема графічним редактором Inkscape.

Розділ 1

§ 4

9 of 32

Властивості векторних зображень

Нерідко векторні графічні редактори мають власні формати файлів: наприклад,

CDR

АІ

Підтримують векторну і растрову графіку.

CGM, WMF, EPS

CorelDRAW

Adobe Illustrator

Розділ 1

§ 4

10 of 32

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

Векторні зображення можна створювати в різних застосунках, зокрема й у відомих вам:

Проте найбільше можливостей надають векторні графічні редактори.

редакторі презентацій

текстовому процесорі

Розділ 1

§ 4

11 of 32

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

Графічний редактор Inkscape має багато засобів для опрацювання векторних зображень. Це вільна багатоплатформна програма, тобто одночасно виходять її версії для різних операційних систем

Linux

Windows

Розділ 1

§ 4

12 of 32

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

Завантажити Inkscape, як і інші програми, можна за допомогою:

Відповідної вказівки

з головного меню

Ярлика програми

Розділ 1

§ 4

13 of 32

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

Вікно редактора Inkscape

Панель інструментів

Панель параметрів інструментів

Аркуш

Рядок стану

Палітра кольорів

Інструмент Масштаб

Панель команд

Рядок меню

Розділ 1

§ 4

14 of 32

Побудова фігур

Об’єкти, з яких будується векторне зображення, поділяються на:

фігури

криві

які здебільшого мають правильну форму

форму яких можна змінювати довільно

Розділ 1

§ 4

15 of 32

Побудова фігур

то на панелі параметрів інструментів з’являться

значення його параметрів.

відкриється вікно для додаткових налаштувань.

Більшість кнопок, розміщених на панелі інструментів, призначені для побудови графічних примітивів різних типів:

Ліній

Прямокутників

Спіралей тощо

Якщо клацнути кнопку одного з інструментів

При подвійному клацанні

Розділ 1

§ 4

16 of 32

Побудова фігур

Розглянемо інструменти, призначені для побудови фігур:

Прямокутник

Еліпс

Многокутник

Спіраль

Щоб додати фігуру, потрібно:

клацнути кнопку потрібного інструмента на панелі;

перемістити вказівник на робоче поле;

натиснути ліву кнопку миші і, не відпускаючи, пересунути вказівник в інше місце та відпустити кнопку миші.

Розділ 1

§ 4

17 of 32

Побудова фігур

Форму створеної фігури можна змінити перетягуванням маркерів — білих квадратиків або кружечків.

Натиснути та перетягувати

Розділ 1

§ 4

18 of 32

Побудова фігур

Ознайомимося з дією маркерів об'єктів.

Інструмент

Дія маркерів

Приклад

Прямокутник

Перетягуючи верхній правий маркер, отримаємо округлені кути. Два інші маркери — для зміни розмірів

Якщо круглий маркер перетягнути від центра, то «виріжемо» сектор, до центру — отримаємо сегмент. Квадратні маркери — для зміни розмірів

Еліпс

Розділ 1

§ 4

19 of 32

Побудова фігур

(Продовження…) Дія маркерів об'єктів.

Інструмент

Дія маркерів

Приклад

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

маркери (один для зміни внутрішнього радіуса і форми, другий — для зміни зовнішнього радіуса і обертання)

Многокутник

Розділ 1

§ 4

20 of 32

Побудова фігур

(Продовження…) Дія маркерів об'єктів.

Інструмент

Дія маркерів

Приклад

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

Спіраль

Утримування натиснутими клавіш Ctrl, Shift або Alt дає додаткові можливості при змінюванні форми об’єктів. Їхню дію пояснюють підказки, що з’являються внизу екрана.

Розділ 1

§ 4

21 of 32

Побудова фігур

Перш ніж виконувати певну операцію над об’єктом, його потрібно вибрати, скориставшись Інструментом вибору.

Розділ 1

§ 4

22 of 32

Побудова фігур

Щоб вибрати окремий об’єкт, на ньому слід клацнути. Навколо об’єкта з’явиться пунктирна прямокутна рамка, а біля неї — стрілки для змінення розмірів.

Щоб вибрати декілька окремих об’єктів, їх слід по черзі клацнути, утримуючи натиснутою клавішу Shift.

Розділ 1

§ 4

23 of 32

Побудова фігур

Щоб вибрати декілька об'єктів, розміщених поряд, слід:

поставити стрілку ліворуч і вище від групи;

натиснути ліву кнопку миші і, не відпускаючи, перетягнути стрілку праворуч і нижче від групи;

відпустити кнопку.

В ході роботи буде видно прямокутник, який охоплює виділені об'єкти.

Щоб вилучити виділені об'єкти, слід натиснути клавішу Delete.

Розділ 1

§ 4

24 of 32

Побудова фігур

Над вибраними об’єктами можна виконувати операції.

Переміщення

Щоб перемістити об'єкт, його слід перетягнути мишею. Щоб одночасно перетягнути кілька об'єктів їх треба перед тим виділити.

Масштабування (змінення розмірів)

Для масштабування об’єкта треба перетягнути відповідні стрілки : кутовими можна змінити одночасно довжину і ширину, а бічними — лише один із розмірів.

Розділ 1

§ 4

25 of 32

Побудова фігур

Обертання

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

Швидко обернути об'єкт на 90⁰ за чи проти ходу годинникової стрілки дозволяють кнопки, розташовані на панелі параметрів інструмента Стрілка.

Розділ 1

§ 4

26 of 32

Побудова фігур

Нахиляння

Стрілками біля сторін прямокутника зсовують одні частини об'єкта відносно інших. Центр залишається нерухомим, як і під час обертання.

Відображення

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

Розділ 1

§ 4

27 of 32

Питання для самоперевірки

Поясніть суть векторного кодування зображень.

Опишіть порядок побудови прямокутника.

Як змінити розмір побудованої фігури?

Як повернути вибраний об’єкт на певний кут?

Як для роботи вибрати зразу декілька об’єктів?

Як впливає на обертання об’єкта натиснута клавіша Ctrl?

Розділ 1

§ 4

28 of 32

Розгадайте ребус

редактор

ИЙ

А

Д

Графічний

Розділ 1

§ 4

29 of 32

Розгадайте ребус

зображення

Багатошарові

Розділ 1

§ 4

30 of 32

Домашнє завдання

Проаналізувати

с. 26-31

Розділ 1

§ 4

31 of 32

Працюємо за комп’ютером

Сторінка

30-31

Розділ 1

§ 4

32 of 32

Дякую за увагу!

Нова українська школа

Урок 4

Інформатика 6

teach-inf.com.ua

за підручником

Бондаренко О.О. та ін.