Урок 1_Основні поняття комп’ютерної графіки. Растрова та векторна комп’ютерна графіка.
Урок 1_Основні поняття комп’ютерної графіки. Растрова та векторна комп’ютерна графіка.
Комп’ютерна графіка — це розділ інформатики, у якому вивчаються методи створення й опрацювання зображень з використанням комп’ютерної техніки.
Основним об'єктом комп'ютерної графіки є графічне зображення:
малюнок,
фотографія,
діаграма або схема,
архітектурний ескіз або рекламний плакат,
кадр відеороліка,
QR-код тощо.
Засоби створення графічних зображень:
графічні редактори;
генератор QR-кодів;
табличний процесор (для побудови діаграм і графіків) та ін.
Графічний редактор — прикладна програма (або пакет програм), що дозволяє її користувачеві створювати й редагувати зображення на екрані комп'ютера і зберігати їх в графічних форматах файлів, наприклад, JPEG, PNG, GIF, TIFF.
Основними видами графічних зображень, залежно від способу їх кодування, є растрові та векторні графічні зображення. Відповідно розділи комп'ютерної графіки, які вивчають способи створення та опрацювання таких зображень, називають растровою та векторною графікою.
Растрове графічне зображення складається з окремих маленьких прямокутників - пікселів.
Растрові зображення можна створювати у графічних редакторах або з використанням фотокамер, сканерів та інших пристроїв.
Після збільшення масштабу перегляду графічного зображення або його розмірів стає помітною мозаїчна структура зображення. Це явище називають пікселізацією зображення.
Пікселі такі малі, що на екрані бачимо суцільний малюнок.
Піксель є найменшим об'єктом растрового зображення.
Властивості пікселя: розташування, яке вказує на місцезнаходження пікселя, і колір. Кожен піксель може набувати тільки одного кольору. Змінити колір частини пікселя неможливо.
Властивості растрового зображення:
розміри - ширина і висота малюнка;
роздільність - кількість пікселів на одиницю довжини зображення.
глибина кольору - визначає кількість кольорів, які можуть бути використані в зображенні.
Формати файлів растрових зображень:
BMP - зображення зберігається без стиснення даних.
JPEG - розмір графічних файлів зменшується за рахунок стиснення даних, при цьому частково погіршується якісь зображення.
GIF - призначений для зберігання зображень та анімованих зображень.
PNG - у файлах цього типу дані стискуються без втрати даних і якості зображення.
Векторне зображення — це зображення, що складається з окремих геометричних фігур — графічних примітивів: відрізків, овалів, кривих, багатокутників тощо.
Векторний малюнок не можна створити за допомогою пристроїв (фотокамери, сканера) , а лише в середовищі графічного редактора.
Основні властивості векторних зображень:
види та кількість графічних примітивів, з яких будується зображення;
кількість кольорів, що використовуються.
Графічні примітиви мають такі властивості:
розмір;
форма;
колір, товщина ліній контуру;
колір, спосіб заливки внутрішньої області та інші.
Пікселізація векторних зображень не відбувається. До редагування і форматування кожного елемента зображення можна повернутись в будь-який час.
Формати файлів векторних зображень:
AI - формат файлів векторного графічного редактора Adobe Illustrator.
SVG - векторний формат, який має широке застосування під час створення креслень і веб-сайтів.
СDR — файли програми CorelDraw.
WMF -універсальний формат для програм, що працюють в операційній системі Windows.
Переваги та недоліки растрових та векторних зображень
Використання тих чи інших видів графічних зображень для певних цілей залежить від потреб користувача з урахуванням переваг і недоліків цих видів.
Практичне завдання.
Увага! Під час роботи з комп'ютером дотримуйтеся вимог безпеки життєдіяльності та санітарно-гігієнічних норм.
Завдання 1. Завантажити файл, розташований за посиланням Орнамент . Відкрити цей фай растровому графічному редакторі (наприклад, Paint). Продовжте зафарбовування клітинок правої частини зображення так, щоб отримати зображення квітки для схеми вишивки, використовуючи як зразок ліву частину зображення.
Завдання 2. Виконати інтерактивні вправи:
Завдання 3. Створити зображення за зразком:
Завдання 4. Створити зображення з використанням ШІ Сraiyon - https://www.craiyon.com/en
Завдання 5. Виконати інтерактивні вправи: