Векторная и растровая графика
-
Upload
katerina-gavrilo -
Category
Education
-
view
119 -
download
3
description
Transcript of Векторная и растровая графика
![Page 1: Векторная и растровая графика](https://reader036.fdocuments.net/reader036/viewer/2022081513/559633241a28abc02e8b47a7/html5/thumbnails/1.jpg)
В Е К Т О Р Н А Я Г РА Ф И К А
![Page 2: Векторная и растровая графика](https://reader036.fdocuments.net/reader036/viewer/2022081513/559633241a28abc02e8b47a7/html5/thumbnails/2.jpg)
В Е К Т О Р Н А Я Г РА Ф И К А
формулы
![Page 3: Векторная и растровая графика](https://reader036.fdocuments.net/reader036/viewer/2022081513/559633241a28abc02e8b47a7/html5/thumbnails/3.jpg)
N U R B Sк р и в ы е
Non-Uniform (неоднородный) — область влияния контрольной точки на форму кривой может быть различной
![Page 4: Векторная и растровая графика](https://reader036.fdocuments.net/reader036/viewer/2022081513/559633241a28abc02e8b47a7/html5/thumbnails/4.jpg)
N U R B Sк р и в ы е
Non-Uniform (неоднородный) — область влияния контрольной точки на форму кривой может быть различной
(рациональный) — математическое выражение, описывающее форму моделируемой кривой, есть отношение двух полиномов
Rational
![Page 5: Векторная и растровая графика](https://reader036.fdocuments.net/reader036/viewer/2022081513/559633241a28abc02e8b47a7/html5/thumbnails/5.jpg)
N U R B Sк р и в ы е
Non-Uniform (неоднородный) — область влияния контрольной точки на форму кривой может быть различной
(рациональный) — математическое выражение, описывающее форму моделируемой кривой, есть отношение двух полиномов
(basis spline, базовый сплайн) — способ математического опи-сания кривой интерполяцией между тремя и более контрольными точками полиномов
RationalB-spline
![Page 6: Векторная и растровая графика](https://reader036.fdocuments.net/reader036/viewer/2022081513/559633241a28abc02e8b47a7/html5/thumbnails/6.jpg)
картинка
векторные формывекторные формы
контуры контуры контуры контуры
сегменты сегменты сегменты сегментысегменты сегменты сегменты сегменты
узлы узлы узлы узлыузлы узлы узлы узлыузлы узлы узлы узлыузлы узлы узлы узлы
![Page 7: Векторная и растровая графика](https://reader036.fdocuments.net/reader036/viewer/2022081513/559633241a28abc02e8b47a7/html5/thumbnails/7.jpg)
Векторная графика использу-ет все преимущества любого устройства вывода
![Page 8: Векторная и растровая графика](https://reader036.fdocuments.net/reader036/viewer/2022081513/559633241a28abc02e8b47a7/html5/thumbnails/8.jpg)
Векторный документ состоит из различных команд, посылаемых от компьютера к устройствам вывода (принтеру). Принтеры содержат свои собственные микропроцессоры, которые интерпретируют эти ко-манды и пытаются их перевести в точки на листе бумаги. Иногда из-за проблем связи между двумя процессорами, принтер не может распечатать от-жельные детали или весь документ.
![Page 9: Векторная и растровая графика](https://reader036.fdocuments.net/reader036/viewer/2022081513/559633241a28abc02e8b47a7/html5/thumbnails/9.jpg)
РАС Т Р О В А Я Г РАФ И КА
![Page 10: Векторная и растровая графика](https://reader036.fdocuments.net/reader036/viewer/2022081513/559633241a28abc02e8b47a7/html5/thumbnails/10.jpg)
РАС Т Р О В А Я Г РАФ И КА
пиксель
![Page 11: Векторная и растровая графика](https://reader036.fdocuments.net/reader036/viewer/2022081513/559633241a28abc02e8b47a7/html5/thumbnails/11.jpg)
ЧТО ПРОИСХОДИТ?
![Page 12: Векторная и растровая графика](https://reader036.fdocuments.net/reader036/viewer/2022081513/559633241a28abc02e8b47a7/html5/thumbnails/12.jpg)
Для преобразования изображений в цифровую форму первым условием является принудительная дискретизация — деление площади изображения на условные элементы одинаковой и максимально упрощенной формы
![Page 13: Векторная и растровая графика](https://reader036.fdocuments.net/reader036/viewer/2022081513/559633241a28abc02e8b47a7/html5/thumbnails/13.jpg)
Процедура дискретизации применительно к ком-пьютерному изображению начинается с создания пустой матрицы, в ячейки которой можно записать числа – коды графической информации
Матрицу иногда называют картой (map), а посколь-ку в эту таблицу записываются биты информации, такая таблица получил название «битовая карта» (bitmap)
![Page 14: Векторная и растровая графика](https://reader036.fdocuments.net/reader036/viewer/2022081513/559633241a28abc02e8b47a7/html5/thumbnails/14.jpg)
Каждый пиксел растрового изображения характе-ризуется координатами x и y и яркостью V(x,y)
![Page 15: Векторная и растровая графика](https://reader036.fdocuments.net/reader036/viewer/2022081513/559633241a28abc02e8b47a7/html5/thumbnails/15.jpg)
В случае цветного изображения, каждый пиксел характеризу-ется координатами x и y, и тремя яркостями: яркостью красно-го, яркостью синего и яр-костью зеленого цветов (VR, VB, VG)
![Page 16: Векторная и растровая графика](https://reader036.fdocuments.net/reader036/viewer/2022081513/559633241a28abc02e8b47a7/html5/thumbnails/16.jpg)
+ прозрачность, если есть и поддерживается форматом
![Page 17: Векторная и растровая графика](https://reader036.fdocuments.net/reader036/viewer/2022081513/559633241a28abc02e8b47a7/html5/thumbnails/17.jpg)
Растровое изображение — сетка пикселей или цветных точек (обычно прямоугольных) на мониторе, бумаге и других отображающих устройствах и материалах
![Page 18: Векторная и растровая графика](https://reader036.fdocuments.net/reader036/viewer/2022081513/559633241a28abc02e8b47a7/html5/thumbnails/18.jpg)
количество пикселей
разрешение
глубина цвета
цветовое пространство (цветовая модель)
![Page 19: Векторная и растровая графика](https://reader036.fdocuments.net/reader036/viewer/2022081513/559633241a28abc02e8b47a7/html5/thumbnails/19.jpg)
К ОЛ И Ч Е С Т В О П И К С Е Л Е Й
![Page 20: Векторная и растровая графика](https://reader036.fdocuments.net/reader036/viewer/2022081513/559633241a28abc02e8b47a7/html5/thumbnails/20.jpg)
количество пикселей по ширине и высоте
![Page 21: Векторная и растровая графика](https://reader036.fdocuments.net/reader036/viewer/2022081513/559633241a28abc02e8b47a7/html5/thumbnails/21.jpg)
Картинке в «Фотошопе» совершенно все равно, сколь-ко ей задать точек на дюйм в форме изменения размера картинки.
Этот параметр ни на что не повлияет при выводе изо-бражения на экран. Потому что картинка состоит из та-кого-то количества пикселей в ширину на такое-то ко-личество в высоту.
![Page 22: Векторная и растровая графика](https://reader036.fdocuments.net/reader036/viewer/2022081513/559633241a28abc02e8b47a7/html5/thumbnails/22.jpg)
Размер пикселя — это как размер ангела: точных данных ни у кого нет.
![Page 23: Векторная и растровая графика](https://reader036.fdocuments.net/reader036/viewer/2022081513/559633241a28abc02e8b47a7/html5/thumbnails/23.jpg)
Для экрана же разрешение роли не играет. Браузер вообще не интерпретирует это значение (хотя у раз-ных браузеров свое пред-ставление о том, что такое пиксель в миллиметрах на печати).
При попытке напечатать ровно один пиксель, разные программы будут выдавать разные результаты. Сторо-на одного напечатанного на бумаге пикселя в среднем равна 0,35 мм.
50x50 px72 px/inch
50x50 px300 px/inch
![Page 24: Векторная и растровая графика](https://reader036.fdocuments.net/reader036/viewer/2022081513/559633241a28abc02e8b47a7/html5/thumbnails/24.jpg)
РА З Р Е Ш Е Н И Е
![Page 25: Векторная и растровая графика](https://reader036.fdocuments.net/reader036/viewer/2022081513/559633241a28abc02e8b47a7/html5/thumbnails/25.jpg)
РА З Р Е Ш А Ю Щ А Я С П О С О Б Н О С Т Ь
У электронного изображения вообще нет разрешения. Разрешение (точнее, разрешающая способность)может быть только у приспособления ввода/вывода — монитора, принтера, сканера, фотоаппарата
Единица DPI (англ. dots per inch) — количество пиксе-лей на дюйм. Указание DPI позволяет «привязать» изо-бражение, размеры которого задаются в относитель-ных единицах (пикселях) к физическим — дюймам.
![Page 26: Векторная и растровая графика](https://reader036.fdocuments.net/reader036/viewer/2022081513/559633241a28abc02e8b47a7/html5/thumbnails/26.jpg)
Разреше́ние устройства описывает разрешение изобра-жения, получаемого с помощью устройства вывода или устройства ввода.
![Page 27: Векторная и растровая графика](https://reader036.fdocuments.net/reader036/viewer/2022081513/559633241a28abc02e8b47a7/html5/thumbnails/27.jpg)
Например, под разрешением экрана монитора обычно понимают размеры изображения в пикселах: 800 × 600, 1024 × 768, 1280 × 1024. Разрешение принтера, скане-ра обычно указывают в DPI: 300 DPI, 600 DPI, 1200 DPI.
![Page 28: Векторная и растровая графика](https://reader036.fdocuments.net/reader036/viewer/2022081513/559633241a28abc02e8b47a7/html5/thumbnails/28.jpg)
300 dpi
![Page 29: Векторная и растровая графика](https://reader036.fdocuments.net/reader036/viewer/2022081513/559633241a28abc02e8b47a7/html5/thumbnails/29.jpg)
72dpi
![Page 30: Векторная и растровая графика](https://reader036.fdocuments.net/reader036/viewer/2022081513/559633241a28abc02e8b47a7/html5/thumbnails/30.jpg)
Загадочные 72 точки на дюйм идут с тех времен, когда имело смысл слово «визивиг». То есть72 последовательных пикселя на экране Макинтоша печатались линией длиной в один дюйм на бумаге.
Пиксель на заре настольно-издательских революций решили приравнять к типографскому пункту, которыйникогда не был равен 1⁄72 дюйма, но всегда был близок к этому значению (в разных странах причем по-разному)
![Page 31: Векторная и растровая графика](https://reader036.fdocuments.net/reader036/viewer/2022081513/559633241a28abc02e8b47a7/html5/thumbnails/31.jpg)
Существует ошибочное мнение, что в случае, если раз-решение выше чем общепринятые значения, то и каче-ство готового отпечатанного оттиска будет выше. Одна-ко это не так в силу различных причин.
В случае, если значения меньше указанных, возможно ухудшение качества печати, а если выше (или значи-тельно выше), то это обычно не отражается на качестве макета, а только увеличивает размер файла и время его обработки и растеризации в растровом процессоре.
![Page 32: Векторная и растровая графика](https://reader036.fdocuments.net/reader036/viewer/2022081513/559633241a28abc02e8b47a7/html5/thumbnails/32.jpg)
ГЛ У Б И Н А Ц В Е ТА
![Page 33: Векторная и растровая графика](https://reader036.fdocuments.net/reader036/viewer/2022081513/559633241a28abc02e8b47a7/html5/thumbnails/33.jpg)
Объём памяти в количестве бит, используемых для хране-ния и представления цвета при кодировании одного пикселя растровой графики или видеои-зображения.
N=2k
N — количество цветов,k — глубина цвета.
![Page 34: Векторная и растровая графика](https://reader036.fdocuments.net/reader036/viewer/2022081513/559633241a28abc02e8b47a7/html5/thumbnails/34.jpg)
1-битный цвет (21 = 2 цвета) бинарный цвет, двуцвет-ные, чаще всего представляется чёрным и белым цве-тами (или черный и зелёный)
![Page 35: Векторная и растровая графика](https://reader036.fdocuments.net/reader036/viewer/2022081513/559633241a28abc02e8b47a7/html5/thumbnails/35.jpg)
8-битный цвет (256 различных цвета — 8х8х4) Полутоновые – градации серого или иного цвета.
![Page 36: Векторная и растровая графика](https://reader036.fdocuments.net/reader036/viewer/2022081513/559633241a28abc02e8b47a7/html5/thumbnails/36.jpg)
24-битный —Truecolor-цвет использует по 8 бит для представления красной, синей и зелёной составляю-щих, 28 = 256 различных варианта представления цве-та для каждого канала, или всего 16 777 216 цветов (256×256×256)