Робота з векторними контурами. Трасування об'єктів
За навчальною програмою 2018 року
10
(11)
Робота з векторними контурами
Більшість векторних малюнків, що ви бачите у книжках і журналах, складаються не лише з простих геометричних фігур, про які вже йшлося, а й зі складних за формою криволінійних елементів.
Розділ 4 § 24
Панель інструментів містить декілька інструментів, якими малюють лінії.
10�(11)
© Вивчаємо інформатику teach-inf.at.ua
Робота з векторними контурами
Найменшим елементом векторного зображення є лінія особливого виду — крива Безьє.
Розділ 4 § 24
Математична формула кривої Безьє доволі складна, а от її форма залежить від розташування всього чотирьох точок: початкової, кінцевої і двох керувальних.
10�(11)
© Вивчаємо інформатику teach-inf.at.ua
Робота з векторними контурами
Розділ 4 § 24
Французький учений, математик та інженер П’єр Безьє розробив ці криві у 1968 році, проектуючи кузов автомобіля для компанії «Рено» (Франція).
П'єр Безьє
В основі будь-якого об’єкта векторного зображення лежить контур, що складається з однієї або більше кривих Безьє (сегментів), сполучених у точках, які називають вузлами.
10�(11)
© Вивчаємо інформатику teach-inf.at.ua
Робота з векторними контурами
Еліпс з вирізаним сектором, який побудовано за допомогою інструменту Еліпс, складається з шести сегментів, два з яких є відрізками прямих. Під час побудови і подальших операцій цього не видно, тому форму фігури не можна змінювати довільно.
Розділ 4 § 24
Кривими називають об’єкти, в яких, на відміну від фігур, є можливість вільно змінювати форму, пересуваючи вузли та керувальні точки.
10�(11)
© Вивчаємо інформатику teach-inf.at.ua
Робота з векторними контурами
Розглянемо інструменти Олівець і Перо, якими малюють криві.
Інструмент Олівець призначений для малювання ліній довільної форми і відрізків.
Розділ 4 § 24
10�(11)
© Вивчаємо інформатику teach-inf.at.ua
Робота з векторними контурами
Щоб намалювати криву лінію, потрібно:
Розділ 4 § 24
Щоб намалювати відрізок, потрібно вибрати інструмент і послідовно клацнути мишею в початковій та кінцевій точках.
10�(11)
© Вивчаємо інформатику teach-inf.at.ua
Робота з векторними контурами
Розділ 4 § 24
Зобразимо підкову. Для цього потрібно клацнути точки 1 і 2, перетягнути точку 3, клацнути точки 4 і 5, перетягнути точку 6 і знову клацнути точку 1. Якщо контур не має бути замкненим, то в останній його точці слід клацнути двічі.
Інструмент Перо призначений для малювання ліній із прямих і криволінійних сегментів.
10�(11)
© Вивчаємо інформатику teach-inf.at.ua
Робота з векторними контурами
Розділ 4 § 24
Для виконання більшості операцій вузли і сегменти слід виділяти. Щоб виділити вузол, на ньому потрібно клацнути, щоб виділити кілька вузлів — клацнути, утримуючи клавішу Shift.
Щоб виділити сегмент, потрібно виділити вузли на його кінцях.
Інструмент Вузол призначений для змінювання контурів об’єктів. Вибравши і клацнувшии одну з кривих, ми побачимо на ній або поруч із нею квадратики, що позначають вузли.
10�(11)
© Вивчаємо інформатику teach-inf.at.ua
Робота з векторними контурами
Розрізняють:
Розділ 4 § 24
замкнений
незамкнений
Прості контури
Складені контури
10�(11)
© Вивчаємо інформатику teach-inf.at.ua
Робота з векторними контурами
Існує кілька способів змінювати форму контуру:
Розділ 4 § 24
10�(11)
© Вивчаємо інформатику teach-inf.at.ua
Робота з векторними контурами
Розділ 4 § 24
Біля виділеного вузла з’являться один або два відрізки, дотичні до кривої, кожен із керувальною точкою (круглим маркером) на кінці. Маркери також з’являться у двох сусідніх вузлів.
Симетричний вузол
Гострий вузол
Гладкий вузол
10�(11)
© Вивчаємо інформатику teach-inf.at.ua
Робота з векторними контурами
Розділ 4 § 24
Якщо у виділеного вузла не з’явилися маркери, це означає, що вони з ним збігаються. Такі маркери можна «витягнути» мишею, утримуючи клавішу Shift.
Перетягуючи маркери, можна змінювати форму сегментів.
10�(11)
© Вивчаємо інформатику teach-inf.at.ua
Робота з векторними контурами
Розділ 4 § 24
Щоб довільно змінювати контури об’єктів (прямокутників, кругів, многокутників тощо), їх слід виділити й виконати команду меню Контур ⇒ Об’єкт у контур.
10�(11)
© Вивчаємо інформатику teach-inf.at.ua
Робота з векторними контурами
Розділ 4 § 24
У таблиці наведено приклади виконання найуживаніших дій з контурами.
Дві фігури
Дія
Результат дії з контурами
Сума
Різниця
10�(11)
© Вивчаємо інформатику teach-inf.at.ua
Робота з векторними контурами
Розділ 4 § 24
(Продовження…) Приклади виконання найуживаніших дій з контурами.
Дві фігури
Дія
Результат дії з контурами
Перетин
Виключене АБО
10�(11)
© Вивчаємо інформатику teach-inf.at.ua
Робота з векторними контурами
Розділ 4 § 24
Робота з вузлами
На панелі параметрів інструмента Вузол містяться кнопки додаткових операцій із вузлами.
Для додавання вузлів потрібно виділити один або більше сегментів і клацнути кнопку Вставити нові вузли у позначені сегменти – посередині кожного сегмента з’явиться новий вузол.
10�(11)
© Вивчаємо інформатику teach-inf.at.ua
Робота з векторними контурами
Розділ 4 § 24
Для вилучення вузлів потрібно виділити один або більше вузлів і клацнути кнопку Вилучити позначені вузли
Або натиснути клавішу Delete: вузли зникнуть, а контур залишиться нерозривним, якщо він був таким до цього. Форма контуру при цьому може трохи змінитись.
10�(11)
© Вивчаємо інформатику teach-inf.at.ua
Робота з векторними контурами
Розділ 4 § 24
Щоб з'єднати два кінцеві вузли незамкненого контуру, треба ці вузли вибрати й клацнути одну з кнопок:
сегменти викривляться і сполучаться одним вузлом;
між вузлами з'явиться
новий
сегмент
Якщо треба з'єднати контури двох різних об'єктів, їх попередньо об'єднують в один об'єкт.
10�(11)
© Вивчаємо інформатику teach-inf.at.ua
Робота з векторними контурами
Розділ 4 § 24
Щоб з’єднати кінці двох або більше контурів
об'єкти слід виділити й вибрати команду меню
Контур ⇒ Об'єднати
або
сполучення клавіш�Ctrl + К
10�(11)
© Вивчаємо інформатику teach-inf.at.ua
Робота з векторними контурами
Розділ 4 § 24
Щоб змінити тип вузла, його треба виділити й клацнути кнопку:
Зробити вузол гострим
Зробити вузол гладким
Зробити вузол симетричним
Щоб змінити вид сегмента, його треба виділити й вибрати команду:
зробити сегмент прямолінійним
Зробити сегмент
криволінійним
10�(11)
© Вивчаємо інформатику teach-inf.at.ua
Робота з векторними контурами
Розділ 4 § 24
Для цього нам потрібно виконати такі дії.
Побудуємо зображення — вітрило для човника.
Щоб контур став замкненим, першу вершину в кінці побудови треба клацнути ще раз.
10�(11)
© Вивчаємо інформатику teach-inf.at.ua
Робота з векторними контурами
Продовження …
Розділ 4 § 24
10�(11)
© Вивчаємо інформатику teach-inf.at.ua
Робота з векторними контурами
Розділ 4 § 24
Продовження …
10�(11)
© Вивчаємо інформатику teach-inf.at.ua
Трасування об'єктів
Розділ 4 § 24
Трасування об’єктів – перетворення растрових зображення в векторні.
Функція «Трасування зображення» дає змогу перетворювати растрові зображення (форматів JPEG, PNG, PSD тощо) на векторні ілюстрації. За допомогою цієї функції можна легко створити новий малюнок на основі існуючої ілюстрації шляхом її трасування. Наприклад, за допомогою інструмента «Трасування зображення» ви можете перетворити свій малюнок олівцем на папері на векторну ілюстрацію. Ви можете вибрати стиль трасування з доступного набору, щоб швидко отримати бажаний результат.
10�(11)
© Вивчаємо інформатику teach-inf.at.ua
Трасування об'єктів
Розділ 4 § 24
Для того щоб зробити з растрового зображення векторні контури завантажте або імпортуйте растрове зображення. Виберіть об'єкт растрове зображення, які будете переводити в контури і в головному меню виберіть команду:
Контур ⇒ Векторизувати растр
та
Контур ⇒
Трасування растрової графіки
10�(11)
© Вивчаємо інформатику teach-inf.at.ua
Трасування об'єктів
Розділ 4 § 24
Маска — це об’єкт, форма якого маскує іншу ілюстрацію таким чином, що тільки області в межах маски є видимими і, як результат, відбувається відсікання ілюстрації згідно з формою маски.
10�(11)
© Вивчаємо інформатику teach-inf.at.ua
Дайте відповіді на запитання
Розділ 4 § 24
10�(11)
© Вивчаємо інформатику teach-inf.at.ua
Домашнє завдання
Розділ 4 § 24
Опрацювати теоретичний матеріал з теми уроку
10�(11)
© Вивчаємо інформатику teach-inf.at.ua
Працюємо за комп’ютером
Розділ 4 § 24
10�(11)
© Вивчаємо інформатику teach-inf.at.ua
Дякую за увагу!
За навчальною програмою 2018 року
Урок 24
10
(11)