Комп'ютерна графіка
DESCRIPTION
Лекція до теми "Компютерна графіка" для студентів природничо-географічного факультетуTRANSCRIPT
![Page 1: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/1.jpg)
Тема 2
Дисципліна: “НІТ та ТЗН”
![Page 2: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/2.jpg)
План
1. Поняття комп'ютерної графіки.
2. Растрова та векторна графіка.
3. Формати графічних файлів.
4. Системи опрацювання графічних зображень.
![Page 3: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/3.jpg)
Що таке графіка?
Результат візуального подання реального або уявного об'єкта,
отриманий традиційними методами – малюванням або друкуванням
![Page 4: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/4.jpg)
Що таке комп'ютерна графіка?
вивчає методи і засоби створення та обробки зображень
за допомогою програмно-апаратних обчислювальних
комплексів.
![Page 5: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/5.jpg)
Пристрої редагування комп'ютерної графіки
![Page 6: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/6.jpg)
Оптичний маніпулятор типу “миша”
![Page 7: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/7.jpg)
Сканер
Матриця CCD – фоточутливий кристал напівпровідника, який називають пристроєм з зарядовим зв'язком (ПЗЗ), який призначено для перетворення світлового потоку в електричний сигнал.
![Page 8: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/8.jpg)
Графічний планшет
1 – стержень
2 – планшет
3 – наконечник пера
4 – магнітні поля
5 – струмопровідні нитки
![Page 9: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/9.jpg)
Пристрої подання
комп'ютерної графіки
![Page 10: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/10.jpg)
11
ПОБУДОВА ЗОБРАЖЕННЯ НА ЕКРАНІ
піксел
![Page 11: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/11.jpg)
12
Чим більше точок, тим краще зображення
Порівняйте зображення
![Page 12: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/12.jpg)
Монітори можуть бути:
На основі електронно-променевої трубки
Рідкокристалічні
![Page 13: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/13.jpg)
Характеристики моніторів
![Page 14: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/14.jpg)
Мультимедійна дошка – сенсорний дисплей
• Створено канадською компанією Smart Technologies Inc.
• Мультимедійна дошка поєднує в собі апаратне і програмне забезпечення.
• Принцип роботи – тактильний (дотиковий).
![Page 15: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/15.jpg)
Апаратні складові
Персональний комп’ютер
Мультимедійний проектор
Мультимедійна дошка
![Page 16: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/16.jpg)
Принцип дії - сенсорна технологія
![Page 17: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/17.jpg)
18
Принтер – пристрій виведення даних
Струменеві Лазерні
![Page 18: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/18.jpg)
Принцип дії струменевого принтера
![Page 19: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/19.jpg)
Принцип дії лазерного принтера
![Page 20: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/20.jpg)
Плоттер
![Page 21: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/21.jpg)
Класифікація комп'ютерної графіки
![Page 22: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/22.jpg)
За способом формування зображень
![Page 23: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/23.jpg)
Фрактальна графіка
Фрактал – це об'єкт, окремі елементи якого наслідують властивості
батьківських структур
![Page 24: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/24.jpg)
Тривимірна графіка
Оперує об'єктами у трьохмірному просторі
![Page 25: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/25.jpg)
Растрова графіка
![Page 26: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/26.jpg)
Японські кросворди
![Page 27: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/27.jpg)
Роздільна здатність растрового зображення
Роздільна здатність зображення монітора – кількість точок по горизонталі та вертикалі (1024х768).
Це кількість пікселів (точок) на одиницю довжини
![Page 28: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/28.jpg)
Піксел і його колір
• Чорно-білий растр – піксел може мати 2 відтінки – білий або чорний.
• Растр в сірих напівтонах – піксел може мати 256 відтінків.
• Кольоровий растр – мільйони відтінків.
![Page 29: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/29.jpg)
Змішування кольорів – модель
RGB
червоний (red), зелений (green) і синій (blue)
![Page 30: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/30.jpg)
Кодування кольорів у 4-бітній палітрі
Колір Я Ч З С
Чорний 0 0 0 0
Синій 0 0 0 1
Зелений 0 0 1 0
Блакитний 0 0 1 1
Жовтий 1 1 1 0
Коричневий 0 1 1 0
Білий 1 1 1 1
Я – яскравість, Ч – червоний, З – зелений, С – синій.
![Page 31: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/31.jpg)
Векторна графікаОпис елементів зображення
відбувається за допомогою математичних формул
![Page 32: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/32.jpg)
Примітиви – елементи векторного зображення
![Page 33: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/33.jpg)
Що таке вектор у комп'ютерній графіці?
У комп'ютерній графіці термін “вектор” означає частину лінії, що задається
ключовими точками
![Page 34: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/34.jpg)
Порівняння векторної та растрової графіки
![Page 35: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/35.jpg)
Графічний формат
![Page 36: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/36.jpg)
Формати графічних файлів
• Растрові формати:
*.bmp, *.png, *.tiff, *.gif, *.jpg
• Векторні формати:
*.cdr, *.dxf
• Комплексні формати:
*.pdf, *.djvu, *.wpg, *.cgm
![Page 37: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/37.jpg)
bmpbit + map
Карта точок (бітів)
![Page 38: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/38.jpg)
pngportable network graphics
Переносна мережна графіка
![Page 39: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/39.jpg)
tiff Tag Image File Format
Графічний формат високої роздільної здатності
![Page 40: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/40.jpg)
gifGraphics Interchange Format
Формат обміну графікою
- анімація
![Page 41: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/41.jpg)
jpegJoint Photographic Experts Group
Об'єднана група експертів в галузі фотографії
![Page 42: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/42.jpg)
cdrCorelDraw
Формат файлів, створених у векторному редакторі CorelDraw.
![Page 43: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/43.jpg)
pdfPortable Document Format
Переносний формат документів
![Page 44: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/44.jpg)
djvudéjà vu
Від французького «колись вже бачене»
![Page 45: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/45.jpg)
Системи опрацювання графічних зображень
Графічний редактор – це прикладна програма, призначена
для створення й опрацювання графічних зображень на
комп'ютері
![Page 46: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/46.jpg)
Photoshop
Растрові графічні редактори
Це спеціалізовані програми для створення і опрацювання растрових зображень
Paint GIMPPicture
Manager
![Page 47: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/47.jpg)
Векторні графічні редактори
Дають змогу створювати і редагувати векторні зображення, а також зберігати їх у різних векторних
форматах
CorelDraw Flash Illustrator
![Page 48: Комп'ютерна графіка](https://reader036.vdocuments.mx/reader036/viewer/2022081506/557ef3f7d8b42a34628b5283/html5/thumbnails/48.jpg)
Комплексні графічні редактори
Призначені для перегляду комплексних графічних форматів
Adobe Reader
DjVu-reader