kopilkaurokov.ru - сайт для учителей

Создайте Ваш сайт учителя Курсы ПК и ППК Видеоуроки Олимпиады Вебинары для учителей

Принцип кодирования изображения.Растровая , векторная и фрактальная графика.

Нажмите, чтобы узнать подробности

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

Вы уже знаете о суперспособностях современного учителя?
Тратить минимум сил на подготовку и проведение уроков.
Быстро и объективно проверять знания учащихся.
Сделать изучение нового материала максимально понятным.
Избавить себя от подбора заданий и их проверки после уроков.
Наладить дисциплину на своих уроках.
Получить возможность работать творчески.

Просмотр содержимого документа
«Принцип кодирования изображения.Растровая , векторная и фрактальная графика. »

ПРИНЦИПЫ КОДИРОВАНИЯ ИНФОРМАЦИИ.  РАСТРОВАЯ И ВЕКТОРНАЯ ГРАФИКА. РАБОТА УЧИТЕЛЯ ИНФОРМАТИКИ МБОУ СОШ № 2 ТУГЛАНОВОЙ Р.З.

ПРИНЦИПЫ КОДИРОВАНИЯ ИНФОРМАЦИИ.

РАСТРОВАЯ И ВЕКТОРНАЯ ГРАФИКА.

РАБОТА УЧИТЕЛЯ ИНФОРМАТИКИ

МБОУ СОШ № 2

ТУГЛАНОВОЙ Р.З.

Петроглифы — (от греч. ptros — камень и glyph — резьба, вырезывание), древние изображения,  высеченные на стенах и потолках пещер, на открытых скальных поверхностях и отдельных камнях.

Петроглифы — (от греч. ptros — камень и glyph — резьба, вырезывание), древние изображения, высеченные на стенах и потолках пещер, на открытых скальных поверхностях и отдельных камнях.

Масляные краски, пастель

Масляные краски, пастель

В компьютере цветовая палитра формируется из трех основных цветов: Красного, зеленого, синего.

В компьютере цветовая палитра формируется из трех основных цветов:

Красного, зеленого, синего.

Система аддитивных цветов Rеd, Grееn, Вlue — RGB-красный, зеленый, синий   Система субтрактивных цветов Суаn, Маgеnta, Уеllow — СМY- голубой, пурпурный, желтый  Нuе, Sаturation, Вrightness — НSВ-тон, насыщенность, яркость    НSL- Нue, Sаturation, Light- тон, насыщенность, освещеность

Система аддитивных цветов

Rеd, Grееn, Вlue — RGB-красный, зеленый, синий

Система субтрактивных цветов

Суаn, Маgеnta, Уеllow — СМY- голубой, пурпурный, желтый

Нuе, Sаturation, Вrightness — НSВ-тон, насыщенность, яркость

НSL- Нue, Sаturation, Light- тон, насыщенность, освещеность

Палитры цветов К

Палитры цветов

К

  • Сложение базовых цветов
  • Вычитание базовых цветов из белого
  • HSB – оттенок, насыщенность, яркость
При печати на бумаге используется несколько иная цветовая модель: если монитор испускал свет, оттенок получался в результате сложения цветов, то краски - поглощают свет, цвета вычитаются. Поэтому в качестве основных используют голубую , сиреневую  и  желтую краски. Кроме того, из-за неидеальности красителей, к ним обычно добавляют четвертую -- черную Для хранения информации о каждой краске и в этом случае чаще всего используется 1 байт.

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

Каждый пиксель на экране состоит из трех близко расположенных элементов, светящихся этими цветами Цветные дисплеи, использующие такой принцип называются RGB - мониторами Код цвета пикселя содержит информацию о доле каждого базового цвета

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

Цветные дисплеи, использующие такой принцип называются RGB - мониторами

Код цвета пикселя содержит информацию о доле каждого базового цвета

Цвет Черный Интенсивность 0 Красный Синий 0 Зеленый 0 Зеленый 0 Голубой 0 Синий 0 Красный 0 0 0 0 Розовый 0 1 1 0 0 Коричневый 1 1 0 0 Белый(серый) 1 1 0 0 Темно-серый 0 0 1 Ярко-синий 1 1 1 1 Ярко-зеленый 1 1 0 0 1 0 Ярко-голубой 1 0 Ярко-красный 1 0 0 0 Ярко-розовый 1 1 1 0 0 Ярко-желтый 1 1 1 Ярко-белый 1 0 1 1 1 0 1 0 1 1 1 0 1 1

Цвет

Черный

Интенсивность

0

Красный

Синий

0

Зеленый

0

Зеленый

0

Голубой

0

Синий

0

Красный

0

0

0

0

Розовый

0

1

1

0

0

Коричневый

1

1

0

0

Белый(серый)

1

1

0

0

Темно-серый

0

0

1

Ярко-синий

1

1

1

1

Ярко-зеленый

1

1

0

0

1

0

Ярко-голубой

1

0

Ярко-красный

1

0

0

0

Ярко-розовый

1

1

1

0

0

Ярко-желтый

1

1

1

Ярко-белый

1

0

1

1

1

0

1

0

1

1

1

0

1

1

Если все три составляющих имеют одинаковую интенсивность (яркость), то из их сочетаний можно получить 8 различных цветов ( 2 3 )  красный зеленый 0 синий 0 0 цвет 0 0 0 1  черный 1 0 1 1 0  синий 1  зеленый 0 1  голубой 0 1 0  красный 1 1 1  розовый 0 1  коричневый 1  белый

Если все три составляющих имеют одинаковую интенсивность (яркость), то из их сочетаний можно получить 8 различных цветов ( 2 3 )

красный

зеленый

0

синий

0

0

цвет

0

0

0

1

черный

1

0

1

1

0

синий

1

зеленый

0

1

голубой

0

1

0

красный

1

1

1

розовый

0

1

коричневый

1

белый

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

В процессе дискретизации производится кодирование , т.е. присвоение каждому элементу конкретного значения в форме кода.

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

11100001

16-цветная палитра получается при использовании 4 -разрядной кодировки:  к 3 битам базовых цветов добавляется один бит интенсивности.  Этот бит управляет яркостью всех трех цветов одновременно Например, если в 8-цветной палитре код 100 обозначает красный цвет То в 16-цветной палитре: 0100 – красный 1100 – ярко-красный 0110 - коричневый

16-цветная палитра получается при использовании 4 -разрядной кодировки: к 3 битам базовых цветов добавляется один бит интенсивности. Этот бит управляет яркостью всех трех цветов одновременно

Например, если в 8-цветной палитре код 100 обозначает красный цвет

То в 16-цветной палитре:

0100 – красный

1100 – ярко-красный

0110 - коричневый

Формирование цветов при глубине цвета24 бита Название цвета интенсивность черный красный 00000000 красный зеленый синий 00000000 11111111 зеленый 00000000 00000000 00000000 синий 00000000 11111111 00000000 голубой 00000000 00000000 00000000 желтый 11111111 11111111 11111111 белый 11111111 11111111 11111111 00000000 11111111 11111111

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

Название цвета

интенсивность

черный

красный

00000000

красный

зеленый

синий

00000000

11111111

зеленый

00000000

00000000

00000000

синий

00000000

11111111

00000000

голубой

00000000

00000000

00000000

желтый

11111111

11111111

11111111

белый

11111111

11111111

11111111

00000000

11111111

11111111

Как рассчитать объём памяти для хранения цветного изображения? Можно ли в 1 бит записать информацию о цветах палитры? Сколько цветов можно сохранить, используя  2 бита памяти? А если для кодирования использовать 3 бита?

Как рассчитать объём памяти для хранения

цветного изображения?

Можно ли в 1 бит записать информацию о цветах палитры?

Сколько цветов можно сохранить, используя

2 бита памяти?

А если для кодирования использовать 3 бита?

Чем больше битов используется, тем больше оттенков цветов можно получить. К-количество цветов на палитре, в-количество бит для хранения информации об одном пикселе  Глубина цвета  b 1 Количество отображаемых  b цветов K=2 2 2 4 3 8 4 2 4 =16 8 2 8 =256 16 24  2 16 =65 536 2 24 =16 777 216 32 2 32 =4 294 967 296

Чем больше битов используется, тем больше оттенков цветов можно получить.

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

Глубина цвета b

1

Количество отображаемых

b

цветов K=2

2

2

4

3

8

4

2 4 =16

8

2 8 =256

16

24

2 16 =65 536

2 24 =16 777 216

32

2 32 =4 294 967 296

1 .Найти объём видеопамяти для одного из графических режимов с  Разрешением 800*600 точек и глубиной цвета 24 бита на пиксель. Решение:V=M*N*I V=800*600*24=11520000 бит= /8=1440000байт=/1024=1406,25 Кбайт=/1024= =1,37Мбайт. 2. Каков информационный объём книги, если в ней 200 стр. текста, на каждой  странице 50 строк по 80 символов и 10 цветных рисунков. Каждый рисунок построен при графическом разрешении монитора 800*600 с палитрой 16 цветов. Решение: 80*50*200=800000 байт=/1024=781,25 Кбайт=/1024=0,76 Мбайт- для хранения текста.  4 16 цветов=2 10*800*600*4=19200000 бит=/8=2400000байт=/1024=2343,75 Кбайт=/1024=2,28 Мбайт- для хранения рисунков. 0,76+2,28=3,04 Мбайт.

1 .Найти объём видеопамяти для одного из графических режимов с

Разрешением 800*600 точек и глубиной цвета 24 бита на пиксель.

Решение:V=M*N*I

V=800*600*24=11520000 бит= /8=1440000байт=/1024=1406,25 Кбайт=/1024=

=1,37Мбайт.

2. Каков информационный объём книги, если в ней 200 стр. текста, на каждой

странице 50 строк по 80 символов и 10 цветных рисунков. Каждый рисунок

построен при графическом разрешении монитора 800*600 с палитрой 16 цветов.

Решение:

80*50*200=800000 байт=/1024=781,25 Кбайт=/1024=0,76 Мбайт- для хранения текста.

4

16 цветов=2

10*800*600*4=19200000 бит=/8=2400000байт=/1024=2343,75 Кбайт=/1024=2,28 Мбайт-

для хранения рисунков.

0,76+2,28=3,04 Мбайт.

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

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

Виды компьютерной графики растровая фрактальная векторная Наименьший элемент точка линия треугольник

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

растровая

фрактальная

векторная

Наименьший элемент

точка

линия

треугольник

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

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

В последнее время для ввода растровых изображений в компьютер нашли широкое применение цифровые фото– и видеокамеры.  Большинство графических редакторов, предназначенных для работы с растровыми иллюстрациями, ориентированы не столько на создание изображений, сколько на их обработку. В Интернете пока применяются только растровые иллюстрации. Графические редакторы: Paint, Adobe Photoshop..    ,

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

Графические редакторы: Paint, Adobe Photoshop.. ,

Растровая графика Если изображение экранное, то точка называется пикселом. Стандартными считаются: 640Х480, 800Х600, 1024Х768, 1200Х1024 и т.д. С размером изображения непосредственно связано его разрешение, оно измеряется в точках на дюйм (dots per inch – dpi) . К примеру экран 15 ” монитора составляет 28Х21 см. При настройке экрана 800Х600 пикселов и учитывая, что 1 ”= 25,4мм его разрешение составит 72 dpi .

Растровая графика

Если изображение экранное, то точка называется пикселом. Стандартными считаются: 640Х480, 800Х600, 1024Х768, 1200Х1024 и т.д.

С размером изображения непосредственно связано его разрешение, оно измеряется в точках на дюйм (dots per inch – dpi) .

К примеру экран 15 монитора составляет 28Х21 см. При настройке экрана 800Х600 пикселов и учитывая, что 1 ”= 25,4мм его разрешение составит 72 dpi .

Растровое кодирование При растровом кодировании графический объект, подлежащий представлению в цифровом виде, делится вертикальными и горизонтальными линиями на крошечные фрагменты – пиксели . Цвет каждого пикселя кодируется двоичным числом.                                                                                                                                                                                                                                                                                                                                                                                                 0000000000011100 1000000100000110 1100001100000011 1111111100000011 1101101100000011 1111111100000011 1111111111111110 0111111011111110 0001100011000110 0000000011000110 0000000111001110 0000000111001110

Растровое кодирование

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

Цвет каждого пикселя кодируется двоичным числом.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

0000000000011100

1000000100000110

1100001100000011

1111111100000011

1101101100000011

1111111100000011

1111111111111110

0111111011111110

0001100011000110

0000000011000110

0000000111001110

0000000111001110

Восстановление картинки по десятичному коду 195 11000011 198 11000110 220 11011100 240 11110000 248 11111000 206 11001110 195 11000011 193 11000001                                                                                                                                

Восстановление картинки по десятичному коду

195 11000011

198 11000110

220 11011100

240 11110000

248 11111000

206 11001110

195 11000011

193 11000001

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

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

111000010110000011010111

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

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

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

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

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

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

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

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

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

Графические редакторы: CorelDraw, Adobe Illustrator.. ,

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

Фрактальная графика- как и векторная - вычисляемая, но отличается от неё тем, что никакие объекты в памяти компьютера не хранятся.

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

Изменив коэффициенты в уравнении, можно получить другую картину. .

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

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

Простейшим элементом является фрактальный треугольник.

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

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

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

,

Сравните пожалуйста фотографию в растровом и векторном редакторах.

Сравните пожалуйста фотографию в растровом и векторном редакторах.

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

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

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

Сравнение растровой и векторной графики    , Критерий сравнения Растровая графика Способ представления изображения Векторная графика Изображение строится из множества пикселей. Представление объектов реального мира Эффективно используется для представления реальных образов.  Изображение описывается в виде последовательности команд. Не позволяет получать изображения фотографического качества.

Сравнение растровой и векторной графики

,

Критерий сравнения

Растровая графика

Способ представления изображения

Векторная графика

Изображение строится из множества пикселей.

Представление объектов реального мира

Эффективно используется для представления реальных образов.

Изображение описывается в виде последовательности команд.

Не позволяет получать изображения фотографического качества.

Компьютерная графика   Сравнение растровой и векторной графики    , Критерий сравнения Растровая графика Качество редактирования изображения Векторная графика При масштабирова-нии и вращении возникают искажения. Особенности печати изображения Могут быть легко напечатаны на принтерах. Могут быть легко преобразованы без потери качества. Иногда не печатаются или выглядят на бумаге не так, как хотелось бы.

Компьютерная графика

Сравнение растровой и векторной графики

,

Критерий сравнения

Растровая графика

Качество редактирования изображения

Векторная графика

При масштабирова-нии и вращении возникают искажения.

Особенности печати изображения

Могут быть легко напечатаны на принтерах.

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

Иногда не печатаются или выглядят на бумаге не так, как хотелось бы.

Применение компьютерной графики Фрактальная при разработки развлекательных программ растровая для разработки электронных и полиграфических изданий векторная для разработки рекламных буклетов и дизайнерских работ Чаще при создании используют Сканер и цифровые устройства языки программи-ровавния Компьютерные программы

Применение компьютерной графики

Фрактальная

при разработки развлекательных программ

растровая

для разработки электронных и полиграфических изданий

векторная

для разработки рекламных буклетов и дизайнерских работ

Чаще при создании используют

Сканер и цифровые устройства

языки программи-ровавния

Компьютерные программы

Интерфейс растрового графического редактора

Интерфейс растрового графического редактора

Интерфейс векторного графического редактора

Интерфейс векторного графического редактора


Получите в подарок сайт учителя

Предмет: Информатика

Категория: Презентации

Целевая аудитория: 8 класс

Скачать
Принцип кодирования изображения.Растровая , векторная и фрактальная графика.

Автор: Тугланова Расита Заурбиевна

Дата: 15.04.2015

Номер свидетельства: 201590


Получите в подарок сайт учителя

Видеоуроки для учителей

Курсы для учителей

ПОЛУЧИТЕ СВИДЕТЕЛЬСТВО МГНОВЕННО

Добавить свою работу

* Свидетельство о публикации выдается БЕСПЛАТНО, СРАЗУ же после добавления Вами Вашей работы на сайт

Удобный поиск материалов для учителей

Ваш личный кабинет
Проверка свидетельства