SlideShare une entreprise Scribd logo
1  sur  35
ЛЕКЦІЯ 5.
Комп’ютерна графіка
Комп’ютерна графіка технологія
введення, виведення, відображення,
перетворення та редагування
графічних об’єктів під управлінням
комп’ютера
Види комп’ютерної графіки
та їх редактори
 Векторна графіка (CorelDRAW, Macromedia Flash MX,
векторний графічний редактор, що входить до складу Microsoft
Word)
 Растрова графіка (графічний редактор Paint, Adobe
Photoshop)
 Фрактальна графіка (Програма IFS Builder 3d)
Для кожного виду графіки приведені переваги та недоліки, розглянуті
графічні редактори та принцип їх роботи. Приведені можливості редакторів.
Векторна графіка
Векторні зображення
формуються з об’єктів
(точка, лінія, окружність,
прямокутник тощо), які
зберігаються у пам’яті
комп’ютера у вигляді
графічних примітивів та
описуються
математичними
формулами.
Векторна графіка - розглядає
зображення із використанням прямих та вигнутих ліній,
окружностей, еліпсів, прямокутників, а також параметрів, що
описують колір та розташування.
Недоліки
 програмна залежність;
 переведення
зображення з
векторного в
растровий формат
призводить до
спотворення
зображення.
Переваги:
 мінімальний об’єм
файлу;
 повна свобода
трансформацій;
 апаратна
незалежність;
 об’єктно-орієнтований
характер векторної
графіки.
Corel Draw
Macromedia Flash MX
Векторний графічний редактор, що
входить до складу Microsoft Word
Група інструментів:
 Інструменти створення
об’єктів
 Інструменти малювання
 Інструменти виділення
 Інструменти групування
та розгрупування об’єктів
 Палітра кольорів
Можливості векторного редактора
Можливості векторного редактора
Можливості векторного редактора
Растрова графіка
Растрове зображення зберігається за
допомогою точок різного кольору
(пікселів), які утворюють рядки та
стовпці.
Кожен піксель має визначене положення та
колір. Збереження кожного пікселя потребує
певної кількості бітів інформації, яке залежить
від кількості кольорів у зображені.
Растрова графіка
Піксель - мінімальна ділянка
зображення, колір якого можна
задати незалежним чином.
Растрова графіка
Якість растрового зображення залежить
від розміру зображення (кількості
пікселів по горизонталі та вертикалі) та
кількості кольорів, які можна задати для
кожного пікселя.
16x16=256 пікселів
для збереження кожного пікселя необхідно 1 біт
Об’єм рисунка = 256 біт
256 біт = 32 байта
Растрова графіка
Adobe Photoshop
Відеокурс по Photoshop від
3DNews
http://www.3dnews.ru/software/photosh
op_video_guide/index2.htm
Растровий графічний
редактор Paint
група
інструментів:
 Інструменти створення
об’єктів
 Інструменти
малювання
 Інструменти виділення
 Інструменти
редагування малюнка
 Текстові інструменти
 Інструменти масштабу
 Палітра кольорів
Растрова графіка - розглядає
зображення із використанням кольорових точок (пікселів),
розташованих на сітці. Положення та форма графічних примітивів
задаються у системі координат
Недоліки:
 великий розмір файлів з
простими зображеннями;
 неможливість ідеального
масштабування;
 неможливість виводу на
друк на плотер;
 спотворення, що виникають
при зміні розмірів, обертанні
та інших перетвореннях.
Переваги
 дозволяє створити (відтворити)
практично будь-який малюнок,
незалежно від складності;
 поширеність;
 висока швидкість обробки
складних зображень;
 зображення природне для
більшості пристроїв введення-
виведення графічної інформації;
 зображення легко масштабується
та кореґується.
Можливості растрового редактора
Можливості растрового редактора
How to paint the MONA LISA
with MS PAINT
http://www.youtube.com/watch?v=uk2sPl_Z7ZU
Фрактальна графіка
Фрактал - об'єкт, окремі елементи якого
успадковують властивості батьківських
структур.
Фрактали дозволяють описувати цілі класи
зображень, для детального опису яких
потрібно відносно мало пам'яті. З іншого
боку, фрактали слабо застосовні до
зображень поза цих класів.
Фрактальна графіка - базується на
математичних розрахунках (програмуванні).
Переваги:
 відмінна якість
зображення;
 підтримуються
випадково-порождені
фрактали;
 дозволяє побудувати
фрактали з великою
роздільною здатністю.
Недоліки:
 необхідно знання мови
програмування (скрипти)
Вікно програми фрактального редактору
IFS Builder 3d
Частина програми, що формує фрактал.
IIHE-Lecture5
Можливості фрактального редактора
Можливості фрактального редактора
ФРАКТАЛИ
http://www.youtube.com/watch?v=5sn-uk23xUw
Графічні редактори
Для обробки зображень на комп’ютері
використовуються спеціальні програми —
графічні редактори.
Графічний редактор – програма для
створення, редагування та перегляду
графічних зображень.
Панелі інструментів
Графічні редактори надають можливість
вибору інструментів для створення та
редагування графічних зображень,
об’єднуючи їх у панелі інструментів.
 Інструменти малювання об’єктів
 Інструменти, що виділяють
 Інструменти редагування рисунку
 Текстові інструменти
 Інструменти, що масштабують
 Палітра кольорів
Формати графічних файлів
Bit MaP image (BMP) — універсальний формат растрових
графічних файлів, використовується у операційній системі
Windows.
Tagged Image File Format (TIFF) — формат растрових
графічних файлів, що підтримується всіма основними
графічними редакторами. Включає до себе алгоритм
стиснення без втрат інформації.
Graphics Interchange Format (GIF) — формат растрових
графічних файлів. Включає алгоритм стиснення без втрат
інформації. Рекомендується для збереження зображень з
обмеженою кількістю кольорів. Використовується для
розміщення графічних зображень на Web-сторінках в
Інтернеті.
Portable Network Graphic (PNG) — формат растрових
графічних файлів, аналогічний формату GIF. Рекомендується
для розміщення графічних зображень на Web-сторінках в
Інтернеті.
Формати графічних файлів
Joint Photographic Expert Group (JPEG) — формат растрових
графічних файлів, який реалізує ефективний алгоритм
стиснення (метод JPEG) для відсканованих фотографій та
ілюстрацій. Алгоритм стиснення дозволяє зменшити об’єм
файлу в десятки разів, але призводить до незворотних втрат
частини інформації. Використовується для розміщення
графічних зображень на Web-сторінках в Інтернеті.
Windows MetaFile (WMF) — універсальний формат векторних
графічних файлів для Windows-додатків. Використовується
для збереження колекції графічних зображень Microsoft Clip
Gallery.
Encapsulated PostScript (EPS) — формат векторних
графічних файлів. Рекомендований для друку та створення
ілюстрацій в настільних видавничих системах.
CorelDRaw files (CDR) — оригінальний формат векторних
графічних файлів, що використовується у системі обробки
векторної графіки CorelDraw.
Питання для самоперевірки:
 Які растрові графічні редактори Ви
знаєте?
 Які векторні графічні редактори Ви
знаєте?
 У якому редакторі, растровому або
векторному, ви будете редагувати
фотографію?
 Що таке палітра кольорів?
 Які інструменти Paint ви знаєте?
 Як зберегти зображення у форматі GIF,
JPEG?
Питання для самоперевірки:
 У чому полягає відмінність растрових і векторних графічних
зображень?
 Визначте інформаційний обсяг файлу для зберігання цього
зображення:
 Перерахуйте властивості зображення, яке слід зберегти у
форматі GIF.
 Перерахуйте властивості зображення, яке слід зберегти у
форматі JPEG.
 Який з форматів, GIF або JPEG, забезпечує найменші втрати
якості зображення?
64 біта=8 байт 42 біта
ДЯКУЮ ЗА УВАГУ!

Contenu connexe

Tendances

основи комп'ютерної графіки
основи комп'ютерної графікиоснови комп'ютерної графіки
основи комп'ютерної графікиЮлія Харчук
 
графічні редактори
графічні редакториграфічні редактори
графічні редакториkalishnatalka
 
Растрова графіка
Растрова графікаРастрова графіка
Растрова графікаIrina Bodnya
 
Растрова графіка
Растрова графікаРастрова графіка
Растрова графікаBorsukova
 
поняття комп'ютерної графіки.
поняття комп'ютерної графіки.поняття комп'ютерної графіки.
поняття комп'ютерної графіки.Sanya Dzhedzhera
 
поняття комп'ютерної графіки.
поняття комп'ютерної графіки.поняття комп'ютерної графіки.
поняття комп'ютерної графіки.Sanya Dzhedzhera
 
Презентація по темі компютерна графіка
Презентація по темі компютерна графікаПрезентація по темі компютерна графіка
Презентація по темі компютерна графікаІгор Гурін #Cronprog
 
комп’ютерна графіка
комп’ютерна графікакомп’ютерна графіка
комп’ютерна графікаslavinskiy
 
Комп'ютерна графіка
Комп'ютерна графікаКомп'ютерна графіка
Комп'ютерна графікаPavlo1878
 
Комп'ютерна графіка
Комп'ютерна графікаКомп'ютерна графіка
Комп'ютерна графікаArtem352
 
що таке компьютерна графіка
що таке компьютерна графікащо таке компьютерна графіка
що таке компьютерна графікаMaryna Zaharova
 
Поняття графічного редактора
Поняття графічного редактораПоняття графічного редактора
Поняття графічного редактораAllaGureva
 
Основні поняття та засоби комп'ютерної графіки
Основні поняття та засоби комп'ютерної графікиОсновні поняття та засоби комп'ютерної графіки
Основні поняття та засоби комп'ютерної графікиСергій Каляфіцький
 
Комп'ютерна графіка
Комп'ютерна графікаКомп'ютерна графіка
Комп'ютерна графікаshtempel10
 

Tendances (20)

основи комп'ютерної графіки
основи комп'ютерної графікиоснови комп'ютерної графіки
основи комп'ютерної графіки
 
рисунки
рисункирисунки
рисунки
 
графічні редактори
графічні редакториграфічні редактори
графічні редактори
 
комп графика
комп графикакомп графика
комп графика
 
Графіка
ГрафікаГрафіка
Графіка
 
graphics_1
graphics_1graphics_1
graphics_1
 
дроботюк юлії
дроботюк юліїдроботюк юлії
дроботюк юлії
 
Растрова графіка
Растрова графікаРастрова графіка
Растрова графіка
 
Растрова графіка
Растрова графікаРастрова графіка
Растрова графіка
 
поняття комп'ютерної графіки.
поняття комп'ютерної графіки.поняття комп'ютерної графіки.
поняття комп'ютерної графіки.
 
поняття комп'ютерної графіки.
поняття комп'ютерної графіки.поняття комп'ютерної графіки.
поняття комп'ютерної графіки.
 
Презентація по темі компютерна графіка
Презентація по темі компютерна графікаПрезентація по темі компютерна графіка
Презентація по темі компютерна графіка
 
комп графика
комп графикакомп графика
комп графика
 
комп’ютерна графіка
комп’ютерна графікакомп’ютерна графіка
комп’ютерна графіка
 
Комп'ютерна графіка
Комп'ютерна графікаКомп'ютерна графіка
Комп'ютерна графіка
 
Комп'ютерна графіка
Комп'ютерна графікаКомп'ютерна графіка
Комп'ютерна графіка
 
що таке компьютерна графіка
що таке компьютерна графікащо таке компьютерна графіка
що таке компьютерна графіка
 
Поняття графічного редактора
Поняття графічного редактораПоняття графічного редактора
Поняття графічного редактора
 
Основні поняття та засоби комп'ютерної графіки
Основні поняття та засоби комп'ютерної графікиОсновні поняття та засоби комп'ютерної графіки
Основні поняття та засоби комп'ютерної графіки
 
Комп'ютерна графіка
Комп'ютерна графікаКомп'ютерна графіка
Комп'ютерна графіка
 

Similaire à IIHE-Lecture5

Компютерна графіка
Компютерна графікаКомпютерна графіка
Компютерна графікаanna_popravka12
 
Komp gragika 1-1
Komp gragika 1-1Komp gragika 1-1
Komp gragika 1-1germion
 
Урок в 9 класі на тему "Комп'ютерна графіка"
Урок в 9 класі на тему "Комп'ютерна графіка"Урок в 9 класі на тему "Комп'ютерна графіка"
Урок в 9 класі на тему "Комп'ютерна графіка"Nuta1910
 
3 програмні засоби обробки графічних даних
3 програмні засоби обробки графічних даних3 програмні засоби обробки графічних даних
3 програмні засоби обробки графічних данихНаталья Нечипоренко
 
комп'ютерна графіка
комп'ютерна графікакомп'ютерна графіка
комп'ютерна графікаYulia_Drobotyuk0503
 
6 клас урок 1 Інформатика
6 клас урок 1 Інформатика6 клас урок 1 Інформатика
6 клас урок 1 ІнформатикаТатьяна Ляш
 
Комп'ютерна графіка
Комп'ютерна графікаКомп'ютерна графіка
Комп'ютерна графікаsveta236
 
безкоштовні графічні редактори
безкоштовні графічні редакторибезкоштовні графічні редактори
безкоштовні графічні редакториanja_79
 
Naumchuka vasilya
Naumchuka vasilyaNaumchuka vasilya
Naumchuka vasilyaVasil8
 
формати граф файлів і програми
формати граф файлів і програмиформати граф файлів і програми
формати граф файлів і програмиkalishnatalka
 
6 клас Урок 2.pptx
6 клас Урок 2.pptx6 клас Урок 2.pptx
6 клас Урок 2.pptxssuser53d8f2
 
графічні зображення в текстовому документі та їхні властивості (1)
графічні зображення в текстовому документі та їхні властивості (1)графічні зображення в текстовому документі та їхні властивості (1)
графічні зображення в текстовому документі та їхні властивості (1)Марина Стешенко
 
графічні зображення в текстовому документі та їхні властивості
графічні зображення в текстовому документі та їхні властивостіграфічні зображення в текстовому документі та їхні властивості
графічні зображення в текстовому документі та їхні властивостіElena Kostesnko
 
графічні зображення в текстовому документі та їхні властивості (1)
графічні зображення в текстовому документі та їхні властивості (1)графічні зображення в текстовому документі та їхні властивості (1)
графічні зображення в текстовому документі та їхні властивості (1)Марина Стешенко
 

Similaire à IIHE-Lecture5 (18)

Graphica rozdil1
Graphica rozdil1Graphica rozdil1
Graphica rozdil1
 
Компютерна графіка
Компютерна графікаКомпютерна графіка
Компютерна графіка
 
урок 15 поняття графічного редактора
урок 15 поняття графічного редактораурок 15 поняття графічного редактора
урок 15 поняття графічного редактора
 
Komp gragika 1-1
Komp gragika 1-1Komp gragika 1-1
Komp gragika 1-1
 
Урок в 9 класі на тему "Комп'ютерна графіка"
Урок в 9 класі на тему "Комп'ютерна графіка"Урок в 9 класі на тему "Комп'ютерна графіка"
Урок в 9 класі на тему "Комп'ютерна графіка"
 
3 програмні засоби обробки графічних даних
3 програмні засоби обробки графічних даних3 програмні засоби обробки графічних даних
3 програмні засоби обробки графічних даних
 
комп'ютерна графіка
комп'ютерна графікакомп'ютерна графіка
комп'ютерна графіка
 
комп'ютерна графіка
комп'ютерна графікакомп'ютерна графіка
комп'ютерна графіка
 
6 клас урок 1 Інформатика
6 клас урок 1 Інформатика6 клас урок 1 Інформатика
6 клас урок 1 Інформатика
 
Комп'ютерна графіка
Комп'ютерна графікаКомп'ютерна графіка
Комп'ютерна графіка
 
безкоштовні графічні редактори
безкоштовні графічні редакторибезкоштовні графічні редактори
безкоштовні графічні редактори
 
Naumchuka vasilya
Naumchuka vasilyaNaumchuka vasilya
Naumchuka vasilya
 
формати граф файлів і програми
формати граф файлів і програмиформати граф файлів і програми
формати граф файлів і програми
 
катюха
катюхакатюха
катюха
 
6 клас Урок 2.pptx
6 клас Урок 2.pptx6 клас Урок 2.pptx
6 клас Урок 2.pptx
 
графічні зображення в текстовому документі та їхні властивості (1)
графічні зображення в текстовому документі та їхні властивості (1)графічні зображення в текстовому документі та їхні властивості (1)
графічні зображення в текстовому документі та їхні властивості (1)
 
графічні зображення в текстовому документі та їхні властивості
графічні зображення в текстовому документі та їхні властивостіграфічні зображення в текстовому документі та їхні властивості
графічні зображення в текстовому документі та їхні властивості
 
графічні зображення в текстовому документі та їхні властивості (1)
графічні зображення в текстовому документі та їхні властивості (1)графічні зображення в текстовому документі та їхні властивості (1)
графічні зображення в текстовому документі та їхні властивості (1)
 

Plus de Georgii Zhabieiev

Plus de Georgii Zhabieiev (15)

2014 цор-лекція5
2014 цор-лекція52014 цор-лекція5
2014 цор-лекція5
 
5IM-Lecture3
5IM-Lecture35IM-Lecture3
5IM-Lecture3
 
2014 цор-лекція4
2014 цор-лекція42014 цор-лекція4
2014 цор-лекція4
 
IIHE-Lecture6
IIHE-Lecture6IIHE-Lecture6
IIHE-Lecture6
 
Векторна графіка у середовищі офісних програм Microsoft
Векторна графіка у середовищі офісних програм MicrosoftВекторна графіка у середовищі офісних програм Microsoft
Векторна графіка у середовищі офісних програм Microsoft
 
Додатки-інформаційна безпека
Додатки-інформаційна безпекаДодатки-інформаційна безпека
Додатки-інформаційна безпека
 
IIHE-Lecture4
IIHE-Lecture4IIHE-Lecture4
IIHE-Lecture4
 
IIHE-Lecture4
IIHE-Lecture4IIHE-Lecture4
IIHE-Lecture4
 
IIHE-Lecture-3_3
IIHE-Lecture-3_3IIHE-Lecture-3_3
IIHE-Lecture-3_3
 
IIHE-Lecture-3_2
IIHE-Lecture-3_2IIHE-Lecture-3_2
IIHE-Lecture-3_2
 
IIHE-Lecture-3_1
IIHE-Lecture-3_1IIHE-Lecture-3_1
IIHE-Lecture-3_1
 
IIHE-Lecture2
IIHE-Lecture2IIHE-Lecture2
IIHE-Lecture2
 
IIHE-Lecture1
IIHE-Lecture1IIHE-Lecture1
IIHE-Lecture1
 
5IM-Lecture2
5IM-Lecture25IM-Lecture2
5IM-Lecture2
 
5IM-Lecture1
5IM-Lecture15IM-Lecture1
5IM-Lecture1
 

Dernier

КАТЕРИНА ЖУПАН «Mobile Testing based on “ISTQB Mobile Application – Syllabus»
КАТЕРИНА ЖУПАН «Mobile Testing based on “ISTQB Mobile Application – Syllabus»КАТЕРИНА ЖУПАН «Mobile Testing based on “ISTQB Mobile Application – Syllabus»
КАТЕРИНА ЖУПАН «Mobile Testing based on “ISTQB Mobile Application – Syllabus»GoQA
 
«Доля уславила мене». Письменниця Докія Гуменна
«Доля уславила мене». Письменниця Докія Гуменна«Доля уславила мене». Письменниця Докія Гуменна
«Доля уславила мене». Письменниця Докія ГуменнаНБУ для дітей
 
Відокремлений структурний підрозділ “Любешівський технічний фаховий коледж Лу...
Відокремлений структурний підрозділ “Любешівський технічний фаховий коледж Лу...Відокремлений структурний підрозділ “Любешівський технічний фаховий коледж Лу...
Відокремлений структурний підрозділ “Любешівський технічний фаховий коледж Лу...ssuserd1824d
 
НАТАЛІЯ ТРОЙНІЧ «Редизайн всього продукту, коли на проекті залишилось два ман...
НАТАЛІЯ ТРОЙНІЧ «Редизайн всього продукту, коли на проекті залишилось два ман...НАТАЛІЯ ТРОЙНІЧ «Редизайн всього продукту, коли на проекті залишилось два ман...
НАТАЛІЯ ТРОЙНІЧ «Редизайн всього продукту, коли на проекті залишилось два ман...GoQA
 
Проєкт «ІТ.UA: народжені в Україні». Максиміліан Левчин
Проєкт «ІТ.UA: народжені в Україні». Максиміліан ЛевчинПроєкт «ІТ.UA: народжені в Україні». Максиміліан Левчин
Проєкт «ІТ.UA: народжені в Україні». Максиміліан ЛевчинНБУ для дітей
 
ПАВЛО САФОНОВ «Як оцінити ефективність автоматизації»
ПАВЛО САФОНОВ «Як оцінити ефективність автоматизації»ПАВЛО САФОНОВ «Як оцінити ефективність автоматизації»
ПАВЛО САФОНОВ «Як оцінити ефективність автоматизації»GoQA
 
ВЕСНЯН_ КАН_КУЛИ////////////////////.pdf
ВЕСНЯН_ КАН_КУЛИ////////////////////.pdfВЕСНЯН_ КАН_КУЛИ////////////////////.pdf
ВЕСНЯН_ КАН_КУЛИ////////////////////.pdfssuser46127c
 
Біографія Г.Лонгфелло. "Люлька миру" (анкета)
Біографія Г.Лонгфелло. "Люлька миру" (анкета)Біографія Г.Лонгфелло. "Люлька миру" (анкета)
Біографія Г.Лонгфелло. "Люлька миру" (анкета)Adriana Himinets
 
Параджанов..............................
Параджанов..............................Параджанов..............................
Параджанов..............................max785500
 
Звіт проведення тижня методичної комісії викладачів предметів загально-профес...
Звіт проведення тижня методичної комісії викладачів предметів загально-профес...Звіт проведення тижня методичної комісії викладачів предметів загально-профес...
Звіт проведення тижня методичної комісії викладачів предметів загально-профес...home
 
Kompyuternij-inzhiniring-obladnannya_презентація до дня відкритих дверей2024....
Kompyuternij-inzhiniring-obladnannya_презентація до дня відкритих дверей2024....Kompyuternij-inzhiniring-obladnannya_презентація до дня відкритих дверей2024....
Kompyuternij-inzhiniring-obladnannya_презентація до дня відкритих дверей2024....Aero23Aero23
 
Про закріплення територій обслуговування за закладами дошкільної та загаль...
Про  закріплення  територій обслуговування за  закладами дошкільної та загаль...Про  закріплення  територій обслуговування за  закладами дошкільної та загаль...
Про закріплення територій обслуговування за закладами дошкільної та загаль...Ukraine13
 
Звіт про проведення тижня методичної комісії майстрів виробничого навчання ін...
Звіт про проведення тижня методичної комісії майстрів виробничого навчання ін...Звіт про проведення тижня методичної комісії майстрів виробничого навчання ін...
Звіт про проведення тижня методичної комісії майстрів виробничого навчання ін...home
 
Тіні забутих предків Фільм..............
Тіні забутих предків Фільм..............Тіні забутих предків Фільм..............
Тіні забутих предків Фільм..............max785500
 
РІНА УЖЕВКО «Вплив архітектури на стратегію тестування»
РІНА УЖЕВКО «Вплив архітектури на стратегію тестування»РІНА УЖЕВКО «Вплив архітектури на стратегію тестування»
РІНА УЖЕВКО «Вплив архітектури на стратегію тестування»GoQA
 
Про зарахування дітей до 1-х класів ЗЗСО Благовіщенської міської ради на 2024...
Про зарахування дітей до 1-х класів ЗЗСО Благовіщенської міської ради на 2024...Про зарахування дітей до 1-х класів ЗЗСО Благовіщенської міської ради на 2024...
Про зарахування дітей до 1-х класів ЗЗСО Благовіщенської міської ради на 2024...Ukraine13
 
Презентація_Газмережі_для_дітей.pptx ХЛ №166
Презентація_Газмережі_для_дітей.pptx ХЛ №166Презентація_Газмережі_для_дітей.pptx ХЛ №166
Презентація_Газмережі_для_дітей.pptx ХЛ №166ssuser59c0a2
 

Dernier (20)

КАТЕРИНА ЖУПАН «Mobile Testing based on “ISTQB Mobile Application – Syllabus»
КАТЕРИНА ЖУПАН «Mobile Testing based on “ISTQB Mobile Application – Syllabus»КАТЕРИНА ЖУПАН «Mobile Testing based on “ISTQB Mobile Application – Syllabus»
КАТЕРИНА ЖУПАН «Mobile Testing based on “ISTQB Mobile Application – Syllabus»
 
25.03.2024.docx25.03.2024.docx25.03.2024.docx
25.03.2024.docx25.03.2024.docx25.03.2024.docx25.03.2024.docx25.03.2024.docx25.03.2024.docx
25.03.2024.docx25.03.2024.docx25.03.2024.docx
 
«Доля уславила мене». Письменниця Докія Гуменна
«Доля уславила мене». Письменниця Докія Гуменна«Доля уславила мене». Письменниця Докія Гуменна
«Доля уславила мене». Письменниця Докія Гуменна
 
Відокремлений структурний підрозділ “Любешівський технічний фаховий коледж Лу...
Відокремлений структурний підрозділ “Любешівський технічний фаховий коледж Лу...Відокремлений структурний підрозділ “Любешівський технічний фаховий коледж Лу...
Відокремлений структурний підрозділ “Любешівський технічний фаховий коледж Лу...
 
НАТАЛІЯ ТРОЙНІЧ «Редизайн всього продукту, коли на проекті залишилось два ман...
НАТАЛІЯ ТРОЙНІЧ «Редизайн всього продукту, коли на проекті залишилось два ман...НАТАЛІЯ ТРОЙНІЧ «Редизайн всього продукту, коли на проекті залишилось два ман...
НАТАЛІЯ ТРОЙНІЧ «Редизайн всього продукту, коли на проекті залишилось два ман...
 
Проєкт «ІТ.UA: народжені в Україні». Максиміліан Левчин
Проєкт «ІТ.UA: народжені в Україні». Максиміліан ЛевчинПроєкт «ІТ.UA: народжені в Україні». Максиміліан Левчин
Проєкт «ІТ.UA: народжені в Україні». Максиміліан Левчин
 
ezh-teodor-tomash-v-istoriii-vinnichchini.pptx
ezh-teodor-tomash-v-istoriii-vinnichchini.pptxezh-teodor-tomash-v-istoriii-vinnichchini.pptx
ezh-teodor-tomash-v-istoriii-vinnichchini.pptx
 
ПАВЛО САФОНОВ «Як оцінити ефективність автоматизації»
ПАВЛО САФОНОВ «Як оцінити ефективність автоматизації»ПАВЛО САФОНОВ «Як оцінити ефективність автоматизації»
ПАВЛО САФОНОВ «Як оцінити ефективність автоматизації»
 
ВЕСНЯН_ КАН_КУЛИ////////////////////.pdf
ВЕСНЯН_ КАН_КУЛИ////////////////////.pdfВЕСНЯН_ КАН_КУЛИ////////////////////.pdf
ВЕСНЯН_ КАН_КУЛИ////////////////////.pdf
 
Біографія Г.Лонгфелло. "Люлька миру" (анкета)
Біографія Г.Лонгфелло. "Люлька миру" (анкета)Біографія Г.Лонгфелло. "Люлька миру" (анкета)
Біографія Г.Лонгфелло. "Люлька миру" (анкета)
 
Параджанов..............................
Параджанов..............................Параджанов..............................
Параджанов..............................
 
24.03.2024.1.doc24.03.2024.1.doc24.03.2024.1.doc
24.03.2024.1.doc24.03.2024.1.doc24.03.2024.1.doc24.03.2024.1.doc24.03.2024.1.doc24.03.2024.1.doc
24.03.2024.1.doc24.03.2024.1.doc24.03.2024.1.doc
 
Звіт проведення тижня методичної комісії викладачів предметів загально-профес...
Звіт проведення тижня методичної комісії викладачів предметів загально-профес...Звіт проведення тижня методичної комісії викладачів предметів загально-профес...
Звіт проведення тижня методичної комісії викладачів предметів загально-профес...
 
Kompyuternij-inzhiniring-obladnannya_презентація до дня відкритих дверей2024....
Kompyuternij-inzhiniring-obladnannya_презентація до дня відкритих дверей2024....Kompyuternij-inzhiniring-obladnannya_презентація до дня відкритих дверей2024....
Kompyuternij-inzhiniring-obladnannya_презентація до дня відкритих дверей2024....
 
Про закріплення територій обслуговування за закладами дошкільної та загаль...
Про  закріплення  територій обслуговування за  закладами дошкільної та загаль...Про  закріплення  територій обслуговування за  закладами дошкільної та загаль...
Про закріплення територій обслуговування за закладами дошкільної та загаль...
 
Звіт про проведення тижня методичної комісії майстрів виробничого навчання ін...
Звіт про проведення тижня методичної комісії майстрів виробничого навчання ін...Звіт про проведення тижня методичної комісії майстрів виробничого навчання ін...
Звіт про проведення тижня методичної комісії майстрів виробничого навчання ін...
 
Тіні забутих предків Фільм..............
Тіні забутих предків Фільм..............Тіні забутих предків Фільм..............
Тіні забутих предків Фільм..............
 
РІНА УЖЕВКО «Вплив архітектури на стратегію тестування»
РІНА УЖЕВКО «Вплив архітектури на стратегію тестування»РІНА УЖЕВКО «Вплив архітектури на стратегію тестування»
РІНА УЖЕВКО «Вплив архітектури на стратегію тестування»
 
Про зарахування дітей до 1-х класів ЗЗСО Благовіщенської міської ради на 2024...
Про зарахування дітей до 1-х класів ЗЗСО Благовіщенської міської ради на 2024...Про зарахування дітей до 1-х класів ЗЗСО Благовіщенської міської ради на 2024...
Про зарахування дітей до 1-х класів ЗЗСО Благовіщенської міської ради на 2024...
 
Презентація_Газмережі_для_дітей.pptx ХЛ №166
Презентація_Газмережі_для_дітей.pptx ХЛ №166Презентація_Газмережі_для_дітей.pptx ХЛ №166
Презентація_Газмережі_для_дітей.pptx ХЛ №166
 

IIHE-Lecture5

  • 1. ЛЕКЦІЯ 5. Комп’ютерна графіка Комп’ютерна графіка технологія введення, виведення, відображення, перетворення та редагування графічних об’єктів під управлінням комп’ютера
  • 2. Види комп’ютерної графіки та їх редактори  Векторна графіка (CorelDRAW, Macromedia Flash MX, векторний графічний редактор, що входить до складу Microsoft Word)  Растрова графіка (графічний редактор Paint, Adobe Photoshop)  Фрактальна графіка (Програма IFS Builder 3d) Для кожного виду графіки приведені переваги та недоліки, розглянуті графічні редактори та принцип їх роботи. Приведені можливості редакторів.
  • 3. Векторна графіка Векторні зображення формуються з об’єктів (точка, лінія, окружність, прямокутник тощо), які зберігаються у пам’яті комп’ютера у вигляді графічних примітивів та описуються математичними формулами.
  • 4. Векторна графіка - розглядає зображення із використанням прямих та вигнутих ліній, окружностей, еліпсів, прямокутників, а також параметрів, що описують колір та розташування. Недоліки  програмна залежність;  переведення зображення з векторного в растровий формат призводить до спотворення зображення. Переваги:  мінімальний об’єм файлу;  повна свобода трансформацій;  апаратна незалежність;  об’єктно-орієнтований характер векторної графіки.
  • 7. Векторний графічний редактор, що входить до складу Microsoft Word Група інструментів:  Інструменти створення об’єктів  Інструменти малювання  Інструменти виділення  Інструменти групування та розгрупування об’єктів  Палітра кольорів
  • 11. Растрова графіка Растрове зображення зберігається за допомогою точок різного кольору (пікселів), які утворюють рядки та стовпці. Кожен піксель має визначене положення та колір. Збереження кожного пікселя потребує певної кількості бітів інформації, яке залежить від кількості кольорів у зображені.
  • 12. Растрова графіка Піксель - мінімальна ділянка зображення, колір якого можна задати незалежним чином.
  • 13. Растрова графіка Якість растрового зображення залежить від розміру зображення (кількості пікселів по горизонталі та вертикалі) та кількості кольорів, які можна задати для кожного пікселя. 16x16=256 пікселів для збереження кожного пікселя необхідно 1 біт Об’єм рисунка = 256 біт 256 біт = 32 байта
  • 16. Відеокурс по Photoshop від 3DNews http://www.3dnews.ru/software/photosh op_video_guide/index2.htm
  • 17. Растровий графічний редактор Paint група інструментів:  Інструменти створення об’єктів  Інструменти малювання  Інструменти виділення  Інструменти редагування малюнка  Текстові інструменти  Інструменти масштабу  Палітра кольорів
  • 18. Растрова графіка - розглядає зображення із використанням кольорових точок (пікселів), розташованих на сітці. Положення та форма графічних примітивів задаються у системі координат Недоліки:  великий розмір файлів з простими зображеннями;  неможливість ідеального масштабування;  неможливість виводу на друк на плотер;  спотворення, що виникають при зміні розмірів, обертанні та інших перетвореннях. Переваги  дозволяє створити (відтворити) практично будь-який малюнок, незалежно від складності;  поширеність;  висока швидкість обробки складних зображень;  зображення природне для більшості пристроїв введення- виведення графічної інформації;  зображення легко масштабується та кореґується.
  • 21. How to paint the MONA LISA with MS PAINT http://www.youtube.com/watch?v=uk2sPl_Z7ZU
  • 22. Фрактальна графіка Фрактал - об'єкт, окремі елементи якого успадковують властивості батьківських структур. Фрактали дозволяють описувати цілі класи зображень, для детального опису яких потрібно відносно мало пам'яті. З іншого боку, фрактали слабо застосовні до зображень поза цих класів.
  • 23. Фрактальна графіка - базується на математичних розрахунках (програмуванні). Переваги:  відмінна якість зображення;  підтримуються випадково-порождені фрактали;  дозволяє побудувати фрактали з великою роздільною здатністю. Недоліки:  необхідно знання мови програмування (скрипти)
  • 24. Вікно програми фрактального редактору IFS Builder 3d Частина програми, що формує фрактал.
  • 29. Графічні редактори Для обробки зображень на комп’ютері використовуються спеціальні програми — графічні редактори. Графічний редактор – програма для створення, редагування та перегляду графічних зображень.
  • 30. Панелі інструментів Графічні редактори надають можливість вибору інструментів для створення та редагування графічних зображень, об’єднуючи їх у панелі інструментів.  Інструменти малювання об’єктів  Інструменти, що виділяють  Інструменти редагування рисунку  Текстові інструменти  Інструменти, що масштабують  Палітра кольорів
  • 31. Формати графічних файлів Bit MaP image (BMP) — універсальний формат растрових графічних файлів, використовується у операційній системі Windows. Tagged Image File Format (TIFF) — формат растрових графічних файлів, що підтримується всіма основними графічними редакторами. Включає до себе алгоритм стиснення без втрат інформації. Graphics Interchange Format (GIF) — формат растрових графічних файлів. Включає алгоритм стиснення без втрат інформації. Рекомендується для збереження зображень з обмеженою кількістю кольорів. Використовується для розміщення графічних зображень на Web-сторінках в Інтернеті. Portable Network Graphic (PNG) — формат растрових графічних файлів, аналогічний формату GIF. Рекомендується для розміщення графічних зображень на Web-сторінках в Інтернеті.
  • 32. Формати графічних файлів Joint Photographic Expert Group (JPEG) — формат растрових графічних файлів, який реалізує ефективний алгоритм стиснення (метод JPEG) для відсканованих фотографій та ілюстрацій. Алгоритм стиснення дозволяє зменшити об’єм файлу в десятки разів, але призводить до незворотних втрат частини інформації. Використовується для розміщення графічних зображень на Web-сторінках в Інтернеті. Windows MetaFile (WMF) — універсальний формат векторних графічних файлів для Windows-додатків. Використовується для збереження колекції графічних зображень Microsoft Clip Gallery. Encapsulated PostScript (EPS) — формат векторних графічних файлів. Рекомендований для друку та створення ілюстрацій в настільних видавничих системах. CorelDRaw files (CDR) — оригінальний формат векторних графічних файлів, що використовується у системі обробки векторної графіки CorelDraw.
  • 33. Питання для самоперевірки:  Які растрові графічні редактори Ви знаєте?  Які векторні графічні редактори Ви знаєте?  У якому редакторі, растровому або векторному, ви будете редагувати фотографію?  Що таке палітра кольорів?  Які інструменти Paint ви знаєте?  Як зберегти зображення у форматі GIF, JPEG?
  • 34. Питання для самоперевірки:  У чому полягає відмінність растрових і векторних графічних зображень?  Визначте інформаційний обсяг файлу для зберігання цього зображення:  Перерахуйте властивості зображення, яке слід зберегти у форматі GIF.  Перерахуйте властивості зображення, яке слід зберегти у форматі JPEG.  Який з форматів, GIF або JPEG, забезпечує найменші втрати якості зображення? 64 біта=8 байт 42 біта