Кодирование графической информации

1. Кодирование графической информации

2. Виды компьютерной графики.

Все изображения, разделяются на :
растровые и векторные.

3.

Растровые изображения
состоят из массива
пикселей — состоящий из
одинаковых по размеру и
форме плоских
геометрических фигур,
расположенных в узлах
регулярной (все ячейки
имеют одинаковый
размер) сетки. Растровое
изображение, можно
сравнить с мозаикой,
каждый пиксел хранит
информацию о своем
положении и цвете.

4.

Растровые
изображения
создаются из
отдельных точек,
цвет которых
может выбираться
из десятков
миллионов
цветов

5. Векторная графика - работает с геометрическими объектами-примитивами (квадрат, прямоугольник, круг, эллипс, многоугольник,

отрезки прямых и дуги кривых
линий). Важная особенность векторной графики состоит
в том, что для каждого объекта (класса геометрических
объектов) определяются управляющие параметры (цвет,
размер), конкретизирующие его внешний вид

6.

Векторные изображения
формируются из базовых
графических объектов (линия,
прямоугольник, окружность и
др.), для каждого из которых
задаются координаты
опорных точек, а также цвет,
толщина и стиль линии его
контура.

7. Кривые безье

8. Кривые безье

9.

Булевы
операции

10. Булевы операции

11. Размер изображения

В растровой графике любое изображение прямоугольный набор цветных точек (пикселов)
В векторной графике понятия "размер
изображения» как такового нет
Изображение состоит из математически
описанных объектов и может быть увеличено до
любых размеров без потери качества

12. Растровые изображения

Растровые изображения чувствительны к
масштабированию

13. Достоинства векторных изображений

Векторные рисунки могут быть уменьшены
и увеличены без потери качества.

14. В векторной графике есть такие понятия как лист и монтажная область (стол)

15. Разрешение изображения

Разрешение изображения измеряется в
"Количествах точек на дюйм" или DPI
В векторной графике о разрешении изображения
говорят исключительно при выводе на печать
Либо "экспорте"
в форматы
растровых данных
DPI считается
от размера листа

16. Разрешение изображения (немного математики)

В одном дюйме 25,4 мм
Размер листа А4 = 297х210 мм
210/25,4=8,268 (дюймов в 21 см)
297/25,4=11,693 (дюймов в 29,7 см)
в точках при 75 dpi
в точках при 96 dpi
в точках при 200 dpi
в точках при 300 dpi

17. Растровые графические редакторы

Paint, Photoshop, Gimp и др.
Возможности:
Обработка фотографий.
Создание новых изображений.
Применение фильтров.

18. Векторные графические редакторы

Open Office Draw.
Adobe Illustrator
QuarkXPress версий
Adobe InDesign
CorelDRAW
Системы компьютерного черчения
«Компас».
Системы автоматического проектирования

19. Формат BMP

Универсальный формат ВМР
+ «понимают» все гр. Редакторы
- большой информационный объем

20. Формат GIF

Формат GIF – использует метод сжатия,
позволяющий сжимать файлы, в которых
много одноцветных областей.
+ небольшой информационный объем,
возможность анимации.
- ограниченная палитра (256 цветов)

21. Формат PNG

Формат PNG – усовершенствованный
вариант формата GIF
+ Регулируемая степень сжатия, палитра
до 16 000 000 цветов.
- «понимают» не все редакторы

22. Формат JPEG (JPG)

Формат JPEG (JPG) – сжатие цифровых и
отсканированных изображений.
+ высокая степень сжатия
- невозможность восстановления файла в
первоначальный вид

23. Формат SVG

Текстовый формат — файлы SVG можно читать и
редактировать (при наличии некоторых навыков)
при помощи обычных текстовых редакторов. При
просмотре документов, содержащих SVG графику,
имеется доступ к просмотру кода
просматриваемого файла и возможность
сохранения всего документа. Кроме того, SVG
файлы обычно получаются меньше по размеру,
чем сравнимые по качеству изображения в
форматах JPEG или GIF, а также хорошо
поддаются сжатию.

24. Формат EPS

Формат используется в
профессиональной полиграфии и может
содержать растровые изображения, векторные
изображения, а также их комбинации.
Изображение, записанное в формате EPS, может
быть сохранено в разных цветовых
пространствах: Grayscale, RGB,CMYK, Lab, Multichannel.
Preview EPS-файла также может быть создано с
использованием различных методов уменьшения
объёма данных:JPEG, TIFF (1/8 bit).

25. Достоинства векторных изображений

Небольшой информационный объем по
сравнению с растровыми изображениями.
Auto.wmf – 9,03 kb
Auto.bmp – 90,8 kb

26. Исаак Ньютон 1666 г. открытие дисперсии света

Красный
Оранжевый
Желтый
Зеленый
Голубой
Синий
Фиолетовый

27.

28.

29.

30.

31. 1800 г. - Томас Юнг (Янг) проводит эксперемент по наложению цветов Палитра цветов в системе цветопередачи RGB

С экрана монитора человек
воспринимает цвет как сумму
излучения трех базовых цветов:
красного (Red), зеленого (Green)
и синего (Blue)
Формула определения цвета:
Color=R+G+B, где цвета меняются
0 ≤ R ≤ Rmax
0 ≤ G ≤ Gmax
0 ≤ B ≤ Bmax
Максимальное значение = 255 (8 бит)
8+8+8=24 бит
256*256*256=16777216 комбинаций
цветов

32.

33. Палитра цветов в системе цветопередачи RGB

Цвет
Черный
Белый
Красный
Зеленый
Синий
Голубой
Пурпурный
Желтый
Формирование цвета
Black = 0+0+0
White = Rmax+Gmax+Bmax
Red = Rmax+0+0
Green = 0+Gmax+0
Blue = 0+0+Bmax
Cyan = 0+Gmax+Bmax
Magenta = Rmax+0+Bmax
Yellow = Rmax+Gmax+0

34. Палитра цветов в системе цветопередачи CMYK

Напечатанное изображение
человек воспринимает в
отраженном свете.
Основные краски в системе
CMYK:
Cyan – голубая
Meganta – пурпурная
Yellow – желтая
Формула определения
цвета: Color = C+M+Y

35. Палитра цветов в системе цветопередачи CMYK

Цвет
Черный
Белый
Красный
Зеленый
Синий
Голубой
Пурпурный
Желтый
Формирование цвета
Black = C+M+Y=W-G-B-R
White = (C=0, M=0, Y=0)
Red = Y+M=W-G-B
Green = Y+C=W-R-B
Blue = M+C=W-R-G
Cyan = W-R=G+B
Magenta = W-G=R+B
Yellow = W-B=R+G

36.

Аддитивная
модель
Субтративная
модель

37. Палитра цветов в системе цветопередачи HSB

Система цветопередачи HSB
использует в качестве базовых
параметров HUE – оттенок цвета,
Saturation – насыщенность и
Brightness – яркость
Н=0 – красный оттенок
Н=120 – зеленый оттенок
Н=240 – синий оттенок
Н=360 – фиолетовый оттенок

38. Палитра цветов в системе цветопередачи HSB

39. Применение систем цветопередачи

Система RGB применяется в
мониторах и телевизорах
Система CMYK применяется в
принтерах
Система HSB применяется в
графических редакторах