Векторний графічний редактор як інструмент для дизайну
За навчальною програмою 2018 року
Урок 22
10
(11)
Векторний графічний редактор як інструмент для дизайну
Розділ 4 § 22
Якщо растрова графіка описує зображення з використанням кольорових крапок — пікселів, то у векторній графіці базовим елементом є лінія.
Векторне зображення — це зображення, що складається з геометричних об'єктів (ліній, кіл, кривих тощо), які описуються математичними рівняннями, — графічних примітивів.
10�(11)
Векторний графічний редактор як інструмент для дизайну
Розділ 4 § 22
У файлі з векторним зображенням зберігаються дані про примітиви, необхідні для їх відтворення.
Завдяки такій формі зберігання графічних даних файли з векторними зображеннями мають порівняно невеликий обсяг, а окремі примітиви й зображення в цілому легко піддаються масштабуванню, зміні форми тощо.
10�(11)
Векторний графічний редактор як інструмент для дизайну
Розділ 4 § 22
При кодуванні векторного зображення для кожного примітиву описують:
Контур — лінію, що визначає його форму. Контур стає видимим тільки при його редагуванні
Вигляд лінії (штрих), якою обведено контур;
Заливку (заповнення) внутрішніх ділянок контуру.
10�(11)
Векторний графічний редактор як інструмент для дизайну
Розділ 4 § 22
Зображення будинку складається з 5 прямокутників, трикутника і півкруга.
Опишемо властивості одного з об'єктів — «дверей»:
контур об'єкта — прямокутний,
ширина об'єкта — 0,68 см,
висота об'єкта — 1,05 см,
колір заповнення — червоний,
колір штриха — зелений,
товщина штриха — 0,8 мм.
10�(11)
Векторний графічний редактор як інструмент для дизайну
Розділ 4 § 22
Для роботи з векторними зображеннями розроблено такі програми, як:
Inkscape
CorelDRAW
Adobe Illustrator та ін.
10�(11)
Векторний графічний редактор як інструмент для дизайну
Розділ 4 § 22
Властивості векторних зображень
Розмір файла з векторним зображенням перш за все залежить від кількості окремих об'єктів, із яких утворено це зображення.
10�(11)
Векторний графічний редактор як інструмент для дизайну
Розділ 4 § 22
Основна перевага векторної графіки полягає у можливості довільно масштабувати й повертати зображення без втрати якості.
10�(11)
Векторний графічний редактор як інструмент для дизайну
Розділ 4 § 22
Під час формування векторного зображення замість суцільних кольорів можна використовувати градієнти, тобто плавні переходи від одного кольору до іншого.
Розмивання окремих елементів, імітація тіні тощо дозволяють отримати більш реалістичні зображення.
10�(11)
Векторний графічний редактор як інструмент для дизайну
Розділ 4 § 22
Векторну графіку використовують здебільшого для побудови:
Креслень
Технічних та стилізованих малюнків
Шрифтів
Карт
Крім того, у векторних малюнках нечітко відтворюється колористичність відтінків.
10�(11)
Векторний графічний редактор як інструмент для дизайну
Розділ 4 § 22
Переваги та недоліки векторних зображень
Переваги
Невеликі за розміром файли зображень
Збереження якості після масштабування
Простота редагування окремих елементів зображення
Недоліки
Складність реалістичного відтворення об'єктів навколишнього середовища
Відсутність пристроїв для автоматизованого створення зображення
10�(11)
Векторний графічний редактор як інструмент для дизайну
Розділ 4 § 22
Для запису векторних зображень у файл існує багато форматів. Розглянемо деякі з них.
Формат SVG (англ. Scalable Vector Graphics — масштабована векторна графіка) підтримується багатьма програмами, зокрема графічним редактором Inkscape.
10�(11)
Векторний графічний редактор як інструмент для дизайну
Розділ 4 § 22
Популярні програми для роботи з векторною графікою мають власні формати:
CDR
АІ
Підтримують векторну і растрову графіку.
CGM, WMF, EPS
CorelDRAW
Adobe Illustrator
10�(11)
Векторний графічний�редактор Inkscape
Розділ 4 § 22
Редактор векторної графіки Inkscape є багатоплатформним, тобто одночасно виходять версії для різних операційних систем:
Linux
Windows
І розробляється під вільною ліцензією GNU GPL.
10�(11)
Які інструменти містить векторний графічний редактор Inkscape?
Розділ 4 § 22
Основним форматом зображень є SVG, проте всі проекти, створені в Inkscape, можна перетворити у формати, які використовуються в браузерах чи для друку в типографіях.
Редактор Inkscape можна завантажити за посиланням:
inkscape.org/ru/download
SVG — від англ. Scalable Vector Graphics — векторна графіка, що масштабується.
10�(11)
Векторний графічний�редактор Inkscape
Розділ 4 § 22
Завантажити Inkscape, як і інші програми, можна за допомогою:
Відповідної вказівки
з головного меню
Ярлика програми
10�(11)
Векторний графічний�редактор Inkscape
Розділ 4 § 22
Вікно редактора Inkscape
Панель інструментів
Панель параметрів інструментів
Панель команд
Аркуш
Рядок стану
Палітра кольорів
Інструмент Масштаб
Панель управління прилипанням
Рядок меню
10�(11)
Векторний графічний редактор як інструмент для дизайну
Розділ 4 § 22
Об’єкти, з яких будується векторне зображення, поділяються на:
фігури
криві
які мають правильну форму
форму яких можна змінювати довільно
10�(11)
Векторний графічний редактор як інструмент для дизайну
Розділ 4 § 22
Середовище графічного редактора Inkscape містить додаткові інструменти для роботи. На панелі команд винесено інструменти, що дублюють відповідні вказівки з меню Файл.
За допомогою цих інструментів можна створити новий документ, відкрити файл, зберегти чи роздрукувати його.
10�(11)
Векторний графічний редактор як інструмент для дизайну
Розділ 4 § 22
Панель управління прилипанням містить інструменти, які дають можливість управляти створенням зображень із графічних примітивів.
Набір інструментів на Панелі параметрів інструментів змінюється залежно від інструмента, обраного на Панелі інструментів чи виділеного об'єкта зображення. За допомогою цих інструментів можна налаштовувати значення властивостей об'єктів, що створюються.
10�(11)
Векторний графічний редактор як інструмент для дизайну
Розділ 4 § 22
Наприклад, для інструмента Створення зірок та багатокутників на Панелі параметрів інструментів можна обрати форму фігури — багатокутник чи зірка, кількість кутів, відношення радіусів тощо.
10�(11)
Векторний графічний редактор як інструмент для дизайну
Розділ 4 § 22
Управляти відображенням панелей можна за допомогою відповідних вказівок з меню:
Перегляд ⇒ Показати/Сховати.
10�(11)
Векторний графічний редактор як інструмент для дизайну
Розділ 4 § 22
У робочій області розміщене полотно, на якому створюється зображення, у вигляді аркуша паперу. Розміри й орієнтацію сторінки, як і для текстових документів, можна змінити за допомогою вказівки:
Файл
Параметри документа
10�(11)
Векторний графічний редактор як інструмент для дизайну
Розділ 4 § 22
Краще орієнтуватися в розмірах об’єктів, їх розміщенні на сторінці та вирівнювати об’єкти один відносно одного допоможуть Лінійки та Сітка сторінки, відобразити чи приховати які можна за допомогою відповідних вказівок з меню Перегляд.
10�(11)
Векторний графічний редактор як інструмент для дизайну
Розділ 4 § 22
Як і за допомогою вбудованого векторного редактора в середовищі текстового процесора, для створеного зображення в середовищі Inkscape можна:
змінювати розміри
обернути його чи відобразити
нахилити
змінити колір заливки чи контуру тощо
Кілька об’єктів можна згрупувати в один об’єкт.
10�(11)
Розгадайте ребус
графіка
Розділ 4 § 22
Векторна
10�(11)
Дайте відповіді на запитання
Розділ 4 § 22
10�(11)
Домашнє завдання
Розділ 4 § 22
Опрацювати теоретичний матеріал з теми уроку
10�(11)
Працюємо за комп’ютером
Розділ 4 § 22
10�(11)
Дякую за увагу!
За навчальною програмою 2018 року
Урок 22
10
(11)