9
Що розуміють під
колірноюмоделлю?Розділ 8
§ 23
Серед кольорів розрізняють:
Не кольорові Кольорові
білий,
чорний,
відтінки
сірого
прості
(чисті)
та змішані
Змішані кольори отримують унаслідок змішування
кольорів.
3.
9
Що розуміють під
колірноюмоделлю?Розділ 8
§ 23
З іншого боку, колірні моделі
є засобом опису колірних
відтінків, які можуть бути
відтворені переважно на екрані
монітора чи за допомогою
кольорового принтера.
Колірна модель — це спосіб утворення
кольору шляхом змішування кольорів.
4.
9
Розділ 8
§ 23
Длякомп'ютерного подання використовують різні
колірні моделі, найпоширенішими з яких є:
Колірна
модель
Базові кольори
моделі
Спосіб утворення
кольору
Будь-який колір складається з трьох основних
(червоний, зелений, синій) та додаткових
(блакитний, пурпурний, жовтий)
RGB
Червоний (Red), зелений
(Green), синій (Blue)
До ключового кольору (чорного) додаються
блакитний, пурпурний та жовтий, які
доповнюють основні (відповідно червоний,
зелений, синій) до білого
CMYK
Додаткові: блакитний
(Cyan), пурпурний
(Magenta), жовтий
(Yellow) та ключовий —
чорний (blacK)
Колір вибирається з палітри, де фон —
це номер кольору в спектральній палітрі,
насиченість — його інтенсивність, яскравість —
вміст чорної фарби
HSB
Відтінок кольору — фон
(Hue), контрастність
(Saturation),
яскравість (Brightness)
5.
9
Що розуміють під
колірноюмоделлю?Розділ 8
§ 23
У моделі RGB кольори отримуються змішуванням
трьох базових кольорів:
Червоний
(англ. Red)
Зелений
(англ. Green)
Синій
(англ. Blue)
Їх називають основними кольорами.
6.
9
Що розуміють під
колірноюмоделлю?Розділ 8
§ 23
RGB — це найбільш поширений спосіб кодування
кольору. Використовується під час відображення
зображення на:
Екрані
монітора
комп'ютера чи
телевізора
Демонстрації
презентацій
Відео-
фрагментів
Графіки
7.
9
Що розуміють під
колірноюмоделлю?Розділ 8
§ 23
Інтенсивність кожного з базових кольорів кодується
цілим числом у межах:
Таким чином, отримуємо
256x256x256 = 16 777216 різних кольорів.
Наприклад,
від 0 (колір відсутній)
255 (яскравість
кольору найбільша)
до
RGB(255,0,0)
відображатиметься як червоний,
8.
9
Що розуміють під
колірноюмоделлю?Розділ 8
§ 23
CMYK відповідає малюванню фарбами на паперовому
аркуші та використовується під час створення
зображень для подальшого їх друкування за допомогою
кольорового принтера.
У цій моделі використовують
чотири базові кольори:
блакитний (англ. Cyan)
пурпурний (англ. Magenta)
жовтий (англ. Yellow)
чорний (англ. blасК)
9.
9
Що розуміють під
колірноюмоделлю?Розділ 8
§ 23
У цій моделі кожний з основних кольорів може
набувати значень від 0 до 100. Ці кольори отримують у
результаті віднімання з білого кольору основних
кольорів моделі RGB. Чорний колір задається окремо.
При збільшенні кількості фарби зменшується яскравість
кольору.
Відтінок зеленого
кольору у моделі
CMYK
10.
9
Що розуміють під
колірноюмоделлю?Розділ 8
§ 23
У моделі HSB цілими числами кодуються такі
характеристики кольору:
тон (Hue) — конкретний відтінок: червоний, жовтий,
зелений, пурпурний тощо
насиченість (Saturation) — характеризує інтенсивність
або чистоту кольору: зменшуючи насиченість, ми
розбавляємо його білим кольором
яскравість кольору (Brightness) — залежить від кількості
чорної фарби, доданої до даного кольору: що менше
чорного кольору, то більша яскравість кольору
Модель HSB є найбільш наближеною моделлю до
сприйняття кольору оком людини.
11.
9
ЦікавоРозділ 8
§ 23
Діапазоникольорів різних моделей не збігаються,
тому точне переведення заданого кольору з однієї
моделі в іншу неможливе.
Наприклад, під час друкування
зображення після його перегляду на екрані
монітора відбувається конвертування
зображення з моделі RGB у CMYK.
Існують графічні редактори, які підтримують різні
колірні моделі: тоді на екрані монітора можна побачити,
який вигляд матиме комп'ютерне зображення на папері.
12.
9
Які параметри графічнихзображень
впливають на їхню якість?Розділ 8
§ 23
При створенні будь-яких графічних зображень
бажано враховувати їхні основні властивості:
розмір зображення
глибину кольору
роздільну здатність зображення (розмір пікселів для
растрового зображення)
колірну модель
обсяг файла, що міститиме дане зображення
13.
9
Які параметри графічнихзображень
впливають на їхню якість?Розділ 8
§ 23
Розмір зображення визначається розмірами робочого
поля відтворювального пристрою й задається в
одиницях вимірювання довжини:
Сантиметрах або дюймах Пікселях
під час
друкування на
принтері
під час
демонстрації
за допомогою
монітора чи
проектора
За шириною та висотою зображення.
14.
9
Які параметри графічнихзображень
впливають на їхню якість?Розділ 8
§ 23
Глибина кольору — кількість бітів, які
використовуються для представлення кольору одного
пікселя.
Визначає метод
кодування даних про колір
і пропорційну залежність
між кількістю бітів
двійкового коду кольору та
кількістю доступних
кольорів.
15.
9
Які параметри графічнихзображень
впливають на їхню якість?Розділ 8
§ 23
Роздільна здатність вимірюється переважно кількістю
крапок, розміщених на відрізку розміром один дюйм
(англ. dpi — dots per inch — крапок на дюйм).
Що більшою є роздільна здатність зображення, то
вищою буде його якість, а відповідно й обсяг файла для
збереження зображення.
16.
9
Які параметри графічнихзображень
впливають на їхню якість?Розділ 8
§ 23
Збільшуючи роздільну здатність, зображення роблять
детальнішим, але тільки до певного рівня. Причиною
цього є обмеження:
оптичної роздільної здатності ока —
око не розрізняє дуже дрібних
деталей;
роздільної здатності обладнання —
зображення спрощується до
максимальної роздільної здатності
приладу.
17.
9
Які параметри графічнихзображень
впливають на їхню якість?Розділ 8
§ 23
Обсяг файла зображення вимірюється в байтах
(Кб, Мб), залежить від:
Глибини
кольору
Обраної
колірної
моделі
Способу
кодування
Роздільної
здатності для
растрового
зображення
Складності
графічних
примітивів —
для
векторного.
18.
9
У яких форматахможна зберігати графічні
файли та в чому їхня відмінність?Розділ 8
§ 23
Існує багато форматів для запису графічних
зображень у файл. У деяких із них підтримується тільки
растрова або тільки векторна графіка, в інших — обидва
типи графіки. Розглянемо найпоширеніші формати
графічних файлів:
Графічний
формат
Принцип побудови
графічних
зображень
Підтримується в будь-яких Windows-
сумісних програмах. Файли в цьому форматі
мають великий обсяг Підтримується в усіх
графічних програмах, при стисненні файлів
не відбувається втрат
BMP
(BitМар
Picture)
Растровий
Особливості формату
19.
9
У яких форматахможна зберігати графічні
файли та в чому їхня відмінність?Розділ 8
§ 23
(Продовження…) Формати графічних файлів
Графічний
формат
Принцип побудови
графічних
зображень
Файли цього формату займають менше
місця порівняно з файлами в форматі BMP, що
містять те саме зображення. Зменшення
об'єму файлів досягається завдяки
використанню алгоритмів стиснення, але це
відбувається за рахунок втрат у палітрі
кольорів малюнка. Маленька глибина кольорів
— 8 біт. Графічні зображення у форматі GIF
можуть мати прозорі області.
Використовується для запису малих графічних
форм або зображень із чіткими краями
GIF
(Graphics
Interchange
Format)
Растровий
Особливості формату
20.
9
У яких форматахможна зберігати графічні
файли та в чому їхня відмінність?Розділ 8
§ 23
(Продовження…) Формати графічних файлів
Графічний
формат
Принцип побудови
графічних
зображень
Завдяки алгоритмам стиснення
використання цього формату дає змогу суттєво
зменшувати розміри графічних файлів, не
маючи втрат у палітрі кольорів малюнка.
Велика глибина кольорів (до 32 біт)
JPEG (Joint
Photogra-
phic Expert
Group)
Растровий
Особливості формату
Поєднує найважливіші характеристики
форматів GIF і JPG. Забезпечує ефективне
стиснення без втрат. Зображення цього
формату можуть мати прозорі області
PNG
(Portable
Network
Graphics)
Растровий
21.
9
У яких форматахможна зберігати графічні
файли та в чому їхня відмінність?Розділ 8
§ 23
(Продовження…) Формати графічних файлів
Графічний
формат
Принцип побудови
графічних
зображень
Розроблений для збереження графічних
зображень із високою роздільною здатністю,
отриманих за допомогою сканера для запису
монохромних зображень. Зберігаються дані в
структурованому вигляді, що дає змогу
здійснювати швидкий доступ до різних
фрагментів великого зображення
TIFF
(Tagged
Image File
Format)
Растровий
Особливості формату
Масштабований векторний формат. Текст у
графіці SVG є текстом, а не зображенням, тому
його можна виділяти й копіювати, він
індексується пошуковими машинами
SVG
(Scalable
Vector
Graphics)
Векторний
22.
9
Розділ 8
§ 23
(Продовження…)Формати графічних файлів
Графічний
формат
Принцип побудови
графічних
зображень
Формат використовується для збереження
векторних зображень Колекції картинок
Microsoft. Якщо прочитати файл WMFy
векторному графічному редакторі, то одержимо
векторний малюнок. Якщо той самий файл
прочитати в растровому редакторі, то одержимо
растрове зображення
WMF
(Windows
Metafile
Format)
Векторний і
растровий
Особливості формату
Використовується переважно для друку в
професійній поліграфії. Містить як векторні
зображення, так і растрові
EPS
(Encapsula-
ted
PostScript)
Векторний і
растровий
Відкритий формат файла для представлення
документів у незалежному від пристрою
виведення та роздільної здатності вигляді. Може
містити тексти, растрові та векторні зображення.
PDF
(Portable
Document
Format)
Векторний і
растровий
23.
9
У яких форматахможна зберігати графічні
файли та в чому їхня відмінність?Розділ 8
§ 23
Для розміщення на веб-сторінках в Інтернеті
використовують растрові зображення у форматах:
JPG GIF PNG
Оскільки ці формати передбачають стискання даних і
файли мають менший обсяг, ніж відповідні файли
форматів без стискання.