SlideShare a Scribd company logo
Тема 2
Дисципліна: “Нові інформаційні технології”
План
1. Поняття комп'ютерної графіки.
2. Растрова та векторна графіка.
3. Формати графічних файлів.
4. Системи опрацювання
графічних зображень.
Що таке графіка?
Результат візуального подання
реального або уявного об'єкта,
отриманий традиційними методами –
малюванням або друкуванням
Що таке комп'ютерна графіка?
вивчає методи і засоби
створення та обробки зображень
за допомогою програмно-
апаратних обчислювальних
комплексів.
Пристрої редагування
комп'ютерної графіки
Оптичний маніпулятор типу
“миша”
Сканер
Матриця CCD – фоточутливий кристал
напівпровідника, який називають пристроєм з
зарядовим зв'язком (ПЗЗ), який призначено для
перетворення світлового потоку в електричний
сигнал.
Графічний планшет
1 – стержень
2 – планшет
3 – наконечник пера
4 – магнітні поля
5 – струмопровідні
нитки
Пристрої
подання
комп'ютерної
графіки
11
ПОБУДОВА ЗОБРАЖЕННЯ НА ЕКРАНІ
піксел
12
Чим більше точок, тим краще
зображення
Порівняйте зображення
Монітори можуть бути:
На основі електронно-
променевої трубки
Рідкокристалічні
Мультимедійна дошка – сенсорний
дисплей
• Створено канадською
компанією Smart
Technologies Inc.
• Мультимедійна дошка
поєднує в собі апаратне і
програмне забезпечення.
• Принцип роботи –
тактильний (дотиковий).
Апаратні складові
Персональний
комп’ютер
Мультимедійний
проектор
Мультимедійна дошка
Принцип дії - сенсорна технологія
17
Принтер – пристрій виведення
даних
Струменеві Лазерні
Принцип дії струменевого
принтера
Принцип дії лазерного принтера
Плоттер
Класифікація комп'ютерної
графіки
За способом формування
зображень
Фрактальна графіка
Фрактал – це об'єкт, окремі елементи
якого наслідують властивості
батьківських структур
Тривимірна графіка
Оперує об'єктами у трьохмірному
просторі
Растрова графіка
Японські кросворди
Роздільна здатність
растрового зображення
Роздільна здатність зображення монітора –
кількість точок по горизонталі та вертикалі
(1024х768).
Це кількість пікселів (точок)
на одиницю довжини
Піксел і його колір
• Чорно-білий растр – піксел може мати 2
відтінки – білий або чорний.
• Растр в сірих напівтонах – піксел може мати
256 відтінків.
• Кольоровий растр – мільйони відтінків.
Змішування кольорів – модель
RGB
червоний (red), зелений (green) і синій (blue)
Векторна графіка
Опис елементів зображення
відбувається за допомогою
математичних формул
Примітиви – елементи
векторного зображення
Що таке вектор у комп'ютерній графіці?
У комп'ютерній графіці термін “вектор”
означає частину лінії, що задається
ключовими точками
Порівняння векторної та растрової
графіки
Графічний формат
Формати графічних файлів
• Растрові формати:
*.bmp, *.png, *.tiff, *.gif, *.jpg
• Векторні формати:
*.cdr, *.dxf
• Комплексні формати:
*.pdf, *.djvu, *.wpg, *.cgm
bmp
bit + map
Карта точок (бітів)
png
portable network graphics
Переносна мережна графіка
tiff
Tag Image File Format
Графічний формат високої роздільної
здатності
gif
Graphics Interchange Format
Формат обміну графікою
- анімація
jpeg
Joint Photographic Experts Group
Об'єднана група експертів в галузі фотографії
cdr
CorelDraw
Формат файлів, створених у векторному
редакторі CorelDraw.
pdf
Portable Document Format
Переносний формат документів
djvu
déjà vu
Від французького «колись вже бачене»
Системи опрацювання
графічних зображень
Графічний редактор – це
прикладна програма, призначена
для створення й опрацювання
графічних зображень на
комп'ютері
Растрові графічні редактори
Це спеціалізовані програми для створення і
опрацювання растрових зображень
Photoshop Paint GIMP
Picture
Manager
Векторні графічні редактори
Дають змогу створювати і редагувати
векторні зображення, а також
зберігати їх у різних векторних
форматах
CorelDraw Flash Illustrator
Комплексні графічні редактори
Призначені для перегляду комплексних
графічних форматів
Adobe
Reader
DjVu-reader

More Related Content

What's hot

поняття комп'ютерної графіки.
поняття комп'ютерної графіки.поняття комп'ютерної графіки.
поняття комп'ютерної графіки.Sanya Dzhedzhera
 
cавін олександра
cавін олександраcавін олександра
cавін олександра
SashaSavin
 
Rozdil1
Rozdil1Rozdil1
пилипаки віталія
пилипаки віталіяпилипаки віталія
пилипаки віталія
Wittaliy
 
поняття комп'ютерної графіки.
поняття комп'ютерної графіки.поняття комп'ютерної графіки.
поняття комп'ютерної графіки.
Sanya Dzhedzhera
 
Комп'ютерна графіка
Комп'ютерна графікаКомп'ютерна графіка
Комп'ютерна графіка
mazepa0510
 
комп’ютерна графіка
комп’ютерна графікакомп’ютерна графіка
комп’ютерна графіка
slavinskiy
 
чабелець олег
чабелець олегчабелець олег
чабелець олег
OlegChabelets
 
Основні поняття та засоби комп'ютерної графіки
Основні поняття та засоби комп'ютерної графікиОсновні поняття та засоби комп'ютерної графіки
Основні поняття та засоби комп'ютерної графіки
Сергій Каляфіцький
 
Kompyuterna_grafika
Kompyuterna_grafikaKompyuterna_grafika
Kompyuterna_grafika
burich
 
Комп'ютерна графіка
Комп'ютерна графікаКомп'ютерна графіка
Комп'ютерна графіка
bohdanandroshchuk
 
графіка
графікаграфіка
графікаNataKvasha
 
Kompyuterna grafika
Kompyuterna grafikaKompyuterna grafika
Kompyuterna grafika
olenanaym
 
Презентація
ПрезентаціяПрезентація
Презентація
olenanaumcuk34
 
Комп'ютерна графіка
Комп'ютерна графікаКомп'ютерна графіка
Комп'ютерна графіка
Artem352
 
Комп'ютерна графіка
Комп'ютерна графікаКомп'ютерна графіка
Комп'ютерна графіка
Vlad7grupa
 
Komp 39 yuterna_grafika-27
Komp 39 yuterna_grafika-27Komp 39 yuterna_grafika-27
Komp 39 yuterna_grafika-27
katyha123456789987654321199
 

What's hot (17)

поняття комп'ютерної графіки.
поняття комп'ютерної графіки.поняття комп'ютерної графіки.
поняття комп'ютерної графіки.
 
cавін олександра
cавін олександраcавін олександра
cавін олександра
 
Rozdil1
Rozdil1Rozdil1
Rozdil1
 
пилипаки віталія
пилипаки віталіяпилипаки віталія
пилипаки віталія
 
поняття комп'ютерної графіки.
поняття комп'ютерної графіки.поняття комп'ютерної графіки.
поняття комп'ютерної графіки.
 
Комп'ютерна графіка
Комп'ютерна графікаКомп'ютерна графіка
Комп'ютерна графіка
 
комп’ютерна графіка
комп’ютерна графікакомп’ютерна графіка
комп’ютерна графіка
 
чабелець олег
чабелець олегчабелець олег
чабелець олег
 
Основні поняття та засоби комп'ютерної графіки
Основні поняття та засоби комп'ютерної графікиОсновні поняття та засоби комп'ютерної графіки
Основні поняття та засоби комп'ютерної графіки
 
Kompyuterna_grafika
Kompyuterna_grafikaKompyuterna_grafika
Kompyuterna_grafika
 
Комп'ютерна графіка
Комп'ютерна графікаКомп'ютерна графіка
Комп'ютерна графіка
 
графіка
графікаграфіка
графіка
 
Kompyuterna grafika
Kompyuterna grafikaKompyuterna grafika
Kompyuterna grafika
 
Презентація
ПрезентаціяПрезентація
Презентація
 
Комп'ютерна графіка
Комп'ютерна графікаКомп'ютерна графіка
Комп'ютерна графіка
 
Комп'ютерна графіка
Комп'ютерна графікаКомп'ютерна графіка
Комп'ютерна графіка
 
Komp 39 yuterna_grafika-27
Komp 39 yuterna_grafika-27Komp 39 yuterna_grafika-27
Komp 39 yuterna_grafika-27
 

Viewers also liked

Opportunity presentation121214
Opportunity presentation121214Opportunity presentation121214
Opportunity presentation121214
Victor Ladson
 
011 gothic คฑาวุธ
011 gothic คฑาวุธ011 gothic คฑาวุธ
011 gothic คฑาวุธ
Aniwat Suyata
 
Stainless steel wikipedia, the free encyclopedia
Stainless steel   wikipedia, the free encyclopediaStainless steel   wikipedia, the free encyclopedia
Stainless steel wikipedia, the free encyclopedia
ramthecharm
 
Memories from holidays
Memories from holidaysMemories from holidays
Memories from holidays
OS_V_Bukovec
 
992 sms10 social_media_services
992 sms10 social_media_services992 sms10 social_media_services
992 sms10 social_media_services
siyaza
 
Monitoring and Evaluation
Monitoring and EvaluationMonitoring and Evaluation
Monitoring and Evaluation
Andeel Ali
 
009 byzentine อนิวัตร
009 byzentine อนิวัตร009 byzentine อนิวัตร
009 byzentine อนิวัตร
Aniwat Suyata
 
008 roman empire วริทธินันท์
008 roman empire วริทธินันท์008 roman empire วริทธินันท์
008 roman empire วริทธินันท์
Aniwat Suyata
 
Bangkok Technology Forum 2013: Cloud Computing in Action
Bangkok Technology Forum 2013: Cloud Computing in ActionBangkok Technology Forum 2013: Cloud Computing in Action
Bangkok Technology Forum 2013: Cloud Computing in Action
IMC Institute
 
Lesson plan unsur2 tabung, kerucut, dan bola
Lesson plan unsur2 tabung, kerucut, dan bolaLesson plan unsur2 tabung, kerucut, dan bola
Lesson plan unsur2 tabung, kerucut, dan bolaIsmaya Gharini
 
The agar wood industry yet to utilize in bangladesh
The agar wood industry yet to utilize in bangladeshThe agar wood industry yet to utilize in bangladesh
The agar wood industry yet to utilize in bangladesh
Md. Joynal Abdin
 
Proyecto final
Proyecto finalProyecto final
Proyecto finalmarthaunad
 
підсумок австралія-антарктида-шерстій-о.о.1
підсумок австралія-антарктида-шерстій-о.о.1підсумок австралія-антарктида-шерстій-о.о.1
підсумок австралія-антарктида-шерстій-о.о.1
oleg060698
 
012 ancient chinese wooden architecture นิลลดา
012 ancient chinese wooden architecture นิลลดา012 ancient chinese wooden architecture นิลลดา
012 ancient chinese wooden architecture นิลลดา
Aniwat Suyata
 
Robotics
RoboticsRobotics
Robotics
Peter Mukhebi
 
Identifying categories of OER users
Identifying categories of OER usersIdentifying categories of OER users
Identifying categories of OER users
Martin Weller
 

Viewers also liked (18)

Albert einstein
Albert einstein Albert einstein
Albert einstein
 
Opportunity presentation121214
Opportunity presentation121214Opportunity presentation121214
Opportunity presentation121214
 
011 gothic คฑาวุธ
011 gothic คฑาวุธ011 gothic คฑาวุธ
011 gothic คฑาวุธ
 
Stainless steel wikipedia, the free encyclopedia
Stainless steel   wikipedia, the free encyclopediaStainless steel   wikipedia, the free encyclopedia
Stainless steel wikipedia, the free encyclopedia
 
Memories from holidays
Memories from holidaysMemories from holidays
Memories from holidays
 
992 sms10 social_media_services
992 sms10 social_media_services992 sms10 social_media_services
992 sms10 social_media_services
 
Monitoring and Evaluation
Monitoring and EvaluationMonitoring and Evaluation
Monitoring and Evaluation
 
009 byzentine อนิวัตร
009 byzentine อนิวัตร009 byzentine อนิวัตร
009 byzentine อนิวัตร
 
008 roman empire วริทธินันท์
008 roman empire วริทธินันท์008 roman empire วริทธินันท์
008 roman empire วริทธินันท์
 
Tema3
Tema3Tema3
Tema3
 
Bangkok Technology Forum 2013: Cloud Computing in Action
Bangkok Technology Forum 2013: Cloud Computing in ActionBangkok Technology Forum 2013: Cloud Computing in Action
Bangkok Technology Forum 2013: Cloud Computing in Action
 
Lesson plan unsur2 tabung, kerucut, dan bola
Lesson plan unsur2 tabung, kerucut, dan bolaLesson plan unsur2 tabung, kerucut, dan bola
Lesson plan unsur2 tabung, kerucut, dan bola
 
The agar wood industry yet to utilize in bangladesh
The agar wood industry yet to utilize in bangladeshThe agar wood industry yet to utilize in bangladesh
The agar wood industry yet to utilize in bangladesh
 
Proyecto final
Proyecto finalProyecto final
Proyecto final
 
підсумок австралія-антарктида-шерстій-о.о.1
підсумок австралія-антарктида-шерстій-о.о.1підсумок австралія-антарктида-шерстій-о.о.1
підсумок австралія-антарктида-шерстій-о.о.1
 
012 ancient chinese wooden architecture นิลลดา
012 ancient chinese wooden architecture นิลลดา012 ancient chinese wooden architecture นิลลดา
012 ancient chinese wooden architecture นิลลดา
 
Robotics
RoboticsRobotics
Robotics
 
Identifying categories of OER users
Identifying categories of OER usersIdentifying categories of OER users
Identifying categories of OER users
 

Similar to Tema2

Тема 3. Комп'ютерна графіка
Тема 3. Комп'ютерна графікаТема 3. Комп'ютерна графіка
Тема 3. Комп'ютерна графіка
galanet82
 
Naumchuka vasilya
Naumchuka vasilyaNaumchuka vasilya
Naumchuka vasilya
Vasil8
 
5 клас. Морзе. Урок 15. Поняття графічного редактора, його призначення. Серед...
5 клас. Морзе. Урок 15. Поняття графічного редактора, його призначення. Серед...5 клас. Морзе. Урок 15. Поняття графічного редактора, його призначення. Серед...
5 клас. Морзе. Урок 15. Поняття графічного редактора, його призначення. Серед...
Дмитро Загура
 
graphics_1
graphics_1graphics_1
graphics_1
kalishnatalka
 
Lesson # 2 computer graphics (new version)
Lesson # 2 computer graphics (new version)Lesson # 2 computer graphics (new version)
Lesson # 2 computer graphics (new version)
Nikolay Shaygorodskiy
 
Lesson # 2 computer graphics (presentation)
Lesson # 2 computer graphics (presentation)Lesson # 2 computer graphics (presentation)
Lesson # 2 computer graphics (presentation)
Nikolay Shaygorodskiy
 
презентація
презентаціяпрезентація
презентація
katyha123456789987654321199
 
Комп'ютерна графіка
Комп'ютерна графікаКомп'ютерна графіка
Комп'ютерна графіка
shtempel10
 
урок 2 типи графічних файлів
урок 2 типи графічних файлівурок 2 типи графічних файлів
урок 2 типи графічних файлівmrprizrak
 
Поняття графічного редактора
Поняття графічного редактораПоняття графічного редактора
Поняття графічного редактора
AllaGureva
 
комп'ютерна графіка
комп'ютерна графікакомп'ютерна графіка
комп'ютерна графіка
Yulia_Drobotyuk0503
 
дроботюк юлії
дроботюк юліїдроботюк юлії
дроботюк юлії
Yulia_Drobotyuk0503
 
основні поняття компютерної графіки
основні поняття компютерної графіки основні поняття компютерної графіки
основні поняття компютерної графіки
Tetyana Shevchuk
 
комп’ютерна графіка
комп’ютерна графікакомп’ютерна графіка
комп’ютерна графіка
Yulia_Drobotyuk0503
 
Презентація по темі компютерна графіка
Презентація по темі компютерна графікаПрезентація по темі компютерна графіка
Презентація по темі компютерна графіка
Ігор Гурін #Cronprog
 

Similar to Tema2 (20)

Тема 3. Комп'ютерна графіка
Тема 3. Комп'ютерна графікаТема 3. Комп'ютерна графіка
Тема 3. Комп'ютерна графіка
 
Graphica rozdil1
Graphica rozdil1Graphica rozdil1
Graphica rozdil1
 
Rozdil1
Rozdil1Rozdil1
Rozdil1
 
Naumchuka vasilya
Naumchuka vasilyaNaumchuka vasilya
Naumchuka vasilya
 
5 клас. Морзе. Урок 15. Поняття графічного редактора, його призначення. Серед...
5 клас. Морзе. Урок 15. Поняття графічного редактора, його призначення. Серед...5 клас. Морзе. Урок 15. Поняття графічного редактора, його призначення. Серед...
5 клас. Морзе. Урок 15. Поняття графічного редактора, його призначення. Серед...
 
graphics_1
graphics_1graphics_1
graphics_1
 
Lesson # 2 computer graphics (new version)
Lesson # 2 computer graphics (new version)Lesson # 2 computer graphics (new version)
Lesson # 2 computer graphics (new version)
 
Lesson # 2 computer graphics (presentation)
Lesson # 2 computer graphics (presentation)Lesson # 2 computer graphics (presentation)
Lesson # 2 computer graphics (presentation)
 
презентація
презентаціяпрезентація
презентація
 
Комп'ютерна графіка
Комп'ютерна графікаКомп'ютерна графіка
Комп'ютерна графіка
 
урок 2 типи графічних файлів
урок 2 типи графічних файлівурок 2 типи графічних файлів
урок 2 типи графічних файлів
 
1 види цифрових зображень
1 види цифрових зображень1 види цифрових зображень
1 види цифрових зображень
 
Поняття графічного редактора
Поняття графічного редактораПоняття графічного редактора
Поняття графічного редактора
 
катюха
катюхакатюха
катюха
 
Pwpt.ru kompyuternaya grafika
Pwpt.ru kompyuternaya grafikaPwpt.ru kompyuternaya grafika
Pwpt.ru kompyuternaya grafika
 
комп'ютерна графіка
комп'ютерна графікакомп'ютерна графіка
комп'ютерна графіка
 
дроботюк юлії
дроботюк юліїдроботюк юлії
дроботюк юлії
 
основні поняття компютерної графіки
основні поняття компютерної графіки основні поняття компютерної графіки
основні поняття компютерної графіки
 
комп’ютерна графіка
комп’ютерна графікакомп’ютерна графіка
комп’ютерна графіка
 
Презентація по темі компютерна графіка
Презентація по темі компютерна графікаПрезентація по темі компютерна графіка
Презентація по темі компютерна графіка
 

Tema2