Растровая и векторная графика. Представление графики в двоичном коде

Слайд #1

Растровая и векторная графика. Представление графики в двоичном коде
Токарева Надежда Николаевна
МОБУ «Волховская СОШ №1»

Слайд #2

Компьютерная графика.
Как кодируется изображение?
Растровая и векторная графика.

Слайд #3

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

Для вывода графических изображений используются устройства:
1. Дисплей (монитор).
2. Графопостроитель (плоттер).
3. Принтер.

Слайд #4

Области применения компьютерной графики:
Для каждого направления создаётся специальное программное обеспечение, которое называют графическими программами или графическими пакетами.

Слайд #5

1. Научная графика
Назначение – визуализация (наглядное изображение) объектов научного исследования, графическая обработка результатов расчётов.

Слайд #6

2. Деловая графика
Предназначена для создания иллюстраций, часто используемых в работе учреждений: плановые показатели, статистические сводки.

Слайд #7

3. Конструкторская графика
Используется в работе инженеров-конструкторов, изобретателей новой техники. СИСТЕМЫ АВТОМАТИЗАЦИИ ПРОЕКТИРОВАНИЯ (САПР)

Слайд #8

4. Иллюстративная графика
Позволяет человеку создавать произвольные рисунки. Не имеет производственной направленности. Простейшие средства иллюстративной графики называют графическими редакторами: Paint, Corel Draw.

Слайд #9

5. Художественная и рекламная графика
Графика, с помощью которой создаются рекламные ролики, компьютерные игры, мультфильмы, видеоуроки и т. д. Для создания реалистичных изображений применяются геометрические расчёты

Слайд #10

Компьютерная анимация - это получение движущихся изображений на дисплее.









Мультимедиа –это объединение высококачественного изображения на экране компьютера со звуковым сопровождением.

Слайд #11

Что вы понимаете под графической информацией?
рисунки
картинки
фотографии

Слайд #12

Виды компьютерной графики
Растровое изображение
Векторное изображение

Слайд #13

векторная
растровая
Графическая информация

Слайд #14

Растровые изображения
пиксель

Слайд #15

Чем больше пикселей, тем четче и лучше изображение
Пиксель – наименьший элемент изображения на экране монитора

Слайд #16

Подумайте, как закодировать этот двухцветный рисунок.
0
1
0000000000011100
1000000100000110
1100001100000011
1111111100000011
1101101100000011
1111111100000011
1111111111111110
0111111011111110
0001100011000110
0000000011000110
0000000111001110
0000000111001110

Слайд #17

195
198
220
240
248
206
195
195
11000011
11000110
11011100
11110000
11111000
11001110
11000011
11000011

Слайд #18

На 1 пиксель черно-белого рисунка приходится 1 бит памяти

Слайд #19

Черно-белое изображение
Для кодирования цвета пикселя достаточно 1 бита памяти
1 - белый
0 - черный

Слайд #20

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

Слайд #21

Растровое кодирование
X
Y
Растровый код чёрно-белого изображения буква «К».

Слайд #22

Слайд #23

Слайд #24

В цветном изображении каждый пиксель кодируется цепочкой из 24 нулей и единиц, что позволяет различать 16 миллионов цветовых оттенков.
111000010110000011010111
Кодирование
цветного изображения

Слайд #25

Растровое изображение
Михайлов Александр Васильевич - учитель информатики МБОУ "Ливенская СОШ №1" Красногвардейского района Белгородской области

Слайд #26

Каждый пиксель может принимать любой цвет из палитры рисунка, содержащей десятки тысяч или даже десятки миллионов цветов, поэтому растровые изображения обеспечивают высокую точность передачи цветов и полутонов.

Слайд #27

Качество растрового изображения зависит от размера изображения (количества пикселей по горизонтали и вертикали) и количества цветов, которые можно задать для каждого пикселя.

16x16=256 пикселей
для хранения каждого пикселя необходим 1 бит
Объем рисунка = 256 бит
256 бит = 32 байта

Слайд #28

Растровый графический редактор – это прикладная программа для рисования и редактирования изображений.
Растровая графика

Слайд #29

BMP – универсальный формат, который понимают все графические редакторы
GIF – используется для размещения изображений на Web-страницах за счет сжатия, но в палитре не более256 цветов.
PNG – использует метод сжатия без потери данных, в палитре до 16 миллионов цветов.
JPEG – для сжатия цифровых и отсканированных фотографий
Форматы растровых изображений

Слайд #30

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

Слайд #31

Такие средства широко используют в рекламных агентствах, дизайнерских бюро, редакциях и издательствах. Оформительские работы, основанные на применении шрифтов и простейших геометрических элементов, решаются средствами векторной графики много проще.
Графические редакторы: CorelDraw, Adobe Illustrator..

,

Слайд #32

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

Слайд #33

Фрактальная графика, как и векторная является вычисляемой, но отличается от неё тем, что никакие объекты в памяти ПК не хранятся. Изображение строится по уравнению.
Простейшим элементом является фрактальный треугольник.

Слайд #34

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

,

Слайд #35

Слайд #36

Векторная графика
X
Y
ЛИНИЯ (4, 2, 4, 8)
ЛИНИЯ (5, 5, 8, 2)
ЛИНИЯ (5, 5, 8, 8)
Векторный код чёрно-белого изображения буква «К».

Слайд #37

Векторный графический редактор – это прикладная программа для создания иллюстраций.
Векторная графика

Слайд #38

WMF –для хранения коллекции графических изображений Microsoft Clip Galery
EPS — формат векторных графических файлов. Рекомендуется для печати и создания иллюстраций в настольных издательских системах.
CDR — оригинальный формат векторных графических файлов, используемый в системе обработки векторной графики CorelDraw.
Форматы векторных изображений

Слайд #39

Слайд #40

растровое изображение векторное изображение








Для каждого типа изображения используется свой способ кодирования.

Слайд #41

GIF - анимация
Это еще одна разновидность растровой графики. Анимация - последовательность растровых графических изображений, хранящихся в одном графическом файле. Она представляет собой несколько рисунков-кадров, которые последовательно меняют друг друга, создавая эффект движения. Анимация часто используется в Интернете, в качестве рекламы, заставок и др.

Слайд #42

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

Слайд #43

Запишите двоичный код изображения
1)
2)

Слайд #44

3)
4)
Запишите двоичный код изображения