Конспект урока «Растровая и векторная графика»

Тема:Растровая и векторная графика

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

Оборудование:дидактические материалы

Ход урока

Организационное начало

Приветствие. Работа с дежурными.

Повторительно-обучающая работа

Индивидуальная работа по карточкам

Карточка №1.

Расположите объем памяти по возрастанию:

30 бит, 3 байт, 20 бит, 1Кбайт, 1040 байт.

2. Как записывается число 110110110101110₂ в восьмеричной системе счисления?

3. Как записывается число 73₁₀в шестнадцатеричной системе счисления?

Карточка №2.

Расположите объем памяти в порядке убывания:

1040 байт, 1 Кбайт, 24 бит, 2 байт, 12 бит.

2. Как записывается число 110110110101110₂ в шестнадцатеричной системе счисления?

3. Как записывается число 73₁₀в двоичной системе счисления?

Фронтальная устная работ с классом

- Как кодируется текст в памяти компьютера?

- Почему используется двоичная система счисления?

- Какие системы представления текстовой информации в компьютере вы знаете?

- Чем они отличаются друг от друга?

- Как определить информационный объем сообщения, записанного в одной из систем кодирования?

- В кодировке Unicode каждый символ кодируется 2 байтами. Определите информационный объем сообщения, которое состоит из 45 символов.

- Скорость передачи сообщения черезADSL-соединение равна 6144 бит/с. Передача файла через соединение заняла 20 с. Определите размер файла в килобайтах.

Подведение итогов этапа

Работа по осмыслению и усвоению нового материала

Сообщение темы и цели урока

Изложение нового материала

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

Растровое изображениепредставляет собой совокупность точек, используемых для его отображения на экране монитора. Точки называют пикселями. Цвет каждого пиксель кодируется в двоичном коде. Количество битов на кодирование одного цвет принято называть глубиной цвета. Глубину цвета можно найти по формулеN=2ⁱ, где N – количество цветов, i – глубина цвета. Совокупность используемых в наборе цветов образует па­литру цветов.

Для черно-белого изображения информационный объем одной точки равен 1 биту, так как точка может быть либо черной, либо белой, что можно закодировать двумя цифрами — 0 или 1.

Рассмотрим, сколько потребуется бит для отображения цвет­ной точки: для 8 цветов необходимо 3 бита; для 16 цветов — 4 бита; для 256 цветов — 8 битов (1 байт).

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

Количество строк пикселей называют разрешающей способностью изображения.

Качество изображения определяется разрешающей спо­собностью монитора, т.е. количеством точек, из которых оно складывается. Чем больше разрешающая способность, то есть чем больше количество строк растра и точек в строке, тем выше качество изображения. В современных персональ­ных компьютерах обычно используются три основные разре­шающие способности экрана: 800х600, 1024 х768и1280х1024точки.

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

Цветное изображение на экране монитора формируется за счет смешивания трех базовых цветов: красного, зеленого и синего. Такая цветовая модель называется RGB-моделью по первым буквам английских названий цветов (Red,Green,Blue).

Для получения богатой палитры цветов базовым цветам могут быть заданы различные интенсивности. Например, при глубине цвета в 24 бита на каждый из цветов выделяет­ся по 8 бит, то есть для каждого из цветов возможны N= 2⁸= 256 уровней интенсивности, заданные двоичными кодами (от минимальной — 00000000 до максимальной — 11111111) — табл. 2.5.

Таблица 2.5. Формирование цветов при глубине цвета 24 бита

(Строим схему смешивания цветов на доске)

В языке HTML для обозначения цвета используется шестнадцатеричная запись вида #FFFFFF#. Каждый цвет записывается в виде двух шестнадцатеричных цифр без пробелов. Первая пара – интенсивность красного цвета, вторая – интенсивность зеленого, третья – синего.

Значение некоторых цветов в модели RGB

Можно рассчитать объем памяти для хранения растрового изображения по формуле:

I=m*n*i, где i- глубина цвета, m*n – разрешающая способность.

КромеRGB моделей различают модели CMY и CMYK. В основе используются цвета голубой, фуксии, желтый.

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

4. Работа по выработке умений и навыков.

№1. Какой цвет будет у страницы, заданной кодом #00FF00#?

№2. Какой цвет будет у страницы, заданной кодом #FFFF00#?

№3. Каким будет объем памяти для хранения растрового изображения с разрешающей способностью 1024х768 и глубиною цвета 8 бит?

5.Итог урока

Фронтальный устный опрос:

- В каких формах можно представить графическую информацию?

- От чего зависит качество изображения?

- Что такое глубина цвета?

- Что такое палитра?

- Как определить количество информации, необходимое для кодирования графического изображения?

6. Задавание на дом

Опорный конспект.

Карточка №1.

Расположите объем памяти по возрастанию:

30 бит, 3 байт, 20 бит, 1Кбайт, 1040 байт.

2. Как записывается число 110110110101110₂ в восьмеричной системе счисления?

3. Как записывается число 73₁₀в шестнадцатеричной системе счисления?

Карточка №2.

Расположите объем памяти в порядке убывания:

1040 байт, 1 Кбайт, 24 бит, 2 байт, 12 бит.

2. Как записывается число 110110110101110₂ в шестнадцатеричной системе счисления?

3. Как записывается число 73₁₀в двоичной системе счисления?

Карточка №1.

Расположите объем памяти по возрастанию:

30 бит, 3 байт, 20 бит, 1Кбайт, 1040 байт.

2. Как записывается число 110110110101110₂ в восьмеричной системе счисления?

3. Как записывается число 73₁₀в шестнадцатеричной системе счисления?

Карточка №2.

Расположите объем памяти в порядке убывания:

1040 байт, 1 Кбайт, 24 бит, 2 байт, 12 бит.

2. Как записывается число 110110110101110₂ в шестнадцатеричной системе счисления?

3. Как записывается число 73₁₀в двоичной системе счисления?

Значение некоторых цветов в модели RGB

Значение некоторых цветов в модели RGB

Адрес публикации: https://www.prodlenka.org/metodicheskie-razrabotki/322666-konspekt-uroka-rastrovaja-i-vektornaja-grafik