SlideShare a Scribd company logo
1 of 18
ГБОУ СОШ с углубленным изучением
отдельных предметов №1363.

Автор проекта:
Черкасов Евгений.
Руководитель проекта:
Левоник Светлана Викторовнаучитель информатики.
•
•
•
•
•
•

Определить сферы применения
компьютерной графики
Способы создания графических
объектов
Изучить как формируется палитра
цветов в системах цветопередачи
RGB, CMYK,HSB.
Как формируется изображение в
растровой и векторной графике
Определить различия растровой
векторной графики
• Анализ научной, публицистической литературы,
периодических изданий.
• Работа с учебными пособиями, ЭОР.
• Работа с Интернетом.

•
•
•
•

Обобщение собранной информации.
Анализ обобщенной информации.
Дедукция анализированной информации.
Контент-анализ источников.
Сферы применения компьютерной графики
Компьютерная графика прочно вошла в нашу повседневную жизнь. Она
применяется:
для наглядного представления результатов измерений и
наблюдений;

при разработке дизайнов интерьеров и ландшафтов.
Графика в киностудии и анимация
Способы создания цифровых графических
объектов
Цветовые модели
Цвета можно рассматривать как точки или векторы в трехмерном
цветовом пространстве.
Каждая цветовая модель задает в нем некоторую систему координат,
кв которой основные цвета модели играют роль базисных векторов.
В компьютерной технике чаще
всего используются следующие
цветовые модели:
RGB (Red-Green-Blue, красный
– зеленый – синий)
CMYK (Cyan-Magenta-Yellow,
голубой – пурпурный - желтый
– черный)
HSB (Hue – Saturation –
Brightness, цветовой тон –
насыщенность – яркость)
Цветовая модель RGB
•Любая точка куба (r, g, b)
определяет какой-то цвет;
•Линия (0,0,0) – (1,1,1) описывает
все градации серого от черного
до белого;
•На гранях куба расположены
самые насыщенные цвета;
•Чем ближе точка к главной
диагонали, тем менее насыщен
соответствующий цвет;
•Если все три координаты точки
(r, g, b) ненулевые, то цвет
ненасыщенный, причем,
наименьшее значение
определяет долю серого оттенка,
а разность значений – тон и
долю насыщенного цветового
оттенка.

(1,1,1)
белый

(0,1,1)
голубой

B
(1,0,1)
пурпур

(0,0,1)
синий

(0,1,0)
зеленый

(0,0,0)
черный

G
(1,1,0)
желтый

(1,0,0)
красный

R
Цветовая модель CMYK
•Любая точка куба (С, M, Y)
определяет какой-то цвет;
•Линия (0,0,0) – (1,1,1) описывает
все градации серого от черного
до белого;
•На гранях куба расположены
самые насыщенные цвета;
•Чем ближе точка к главной
диагонали, тем менее насыщен
соответствующий цвет;
•Если все три координаты точки
(r, g, b) ненулевые, то цвет
ненасыщенный, причем,
набольшее значение определяет
долю серого оттенка, а разность
значений – тон и долю
насыщенного цветового оттенка.

(0,1,1)
голубой

(1,1,1)
белый

С
(1,0,1)
пурпур

(0,0,1)
синий

M
(0,1,0)
зеленый

(0,0,0)
черный

(1,1,0)
желтый

Y
(1,0,0)
красный
Цветовое пространство модели HSB
зеленый

желтый

ШКАЛА ЦВЕТОВЫХ
ТОНОВ

красный
голубой
синий

пурпурный

НАСЫЩЕННОСТЬ
ЯРКОСТЬ

черный

Разрез конуса в плоскости
постоянной яркости
Форматы графических файлов

Графические изображения
Графические изображения

Растровые
Растровые

BMP
BMP

GIF
GIF

Векторные
Векторные

JPEG
JPEG

WMF
WMF

Форматы графических файлов

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

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

Формирование изображения

Совокупность точек

Геометрические фигуры

Увеличение размера изображения

Ступенчатый эффект

Не изменяется

Уменьшение
размера изображения

Потеря чёткости

Не изменяется

Сохранение изображения

Информация о цвете
каждого пикселя

Информация о
простейших
геометрических объектах,
составляющих
изображение

Сферы применения

Иллюстрации, фотографии

Чертежи, схемы, деловая
графика
Задачи на графику.
Задача 1. Несжатое растровое изображение размером 128×128 пикселей занимает 2 Кб
памяти. Каково максимально возможное число цветов в палитре изображения?
Решение.

I = K × i; i = I/K; N = 2i

K =128 ×128

i = 2×1024×8/(128×128) = 2×210×23/(27×27) = 21+10+3 /27+7 =

I =2 Кб

= 214/214 = 1 (бит).

N –?

N = 21 = 2.

Ответ: 2 цвета - чёрный и белый.
Задача 2. Для кодирования одного пикселя используется 3 байта. Фотографию размером
2048×1536 пикселей сохранили в виде несжатого файла. Определите размер
получившегося файла.
Решение.

I=K×i

i = 3 байта

I = 2048×1536×3 = 2×210× 1,5×210×3 = 9×220 (байтов) = 9 (Мб).

K = 2048×1536
I —?
Ответ: 9 Мб.
 Различают растровые и векторные графические редакторы.
 Большинство растровых графических редакторов ориентированы
не столько на создание изображений, сколько на их обработку.
 Векторные графические редакторы, наоборот, применяются для
создания изображений.


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



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

•

Учебник «Информатика и ИКТ», 10 класс, автор
Н.Д.Угринович, М, БИНОМ, 2008;
• Цветовые модели, сайт:
http://masters.donntu.edu.ua/2006/fvti/poltava/library/article6.htm
• Презентация «Компьютерная графика», 8 класс, автор
Л.Л.Босова

More Related Content

Similar to Графическая информация

презентация по
презентация попрезентация по
презентация по
Bychkova
 
A photoshop (марина алексеевна)
A photoshop (марина алексеевна)A photoshop (марина алексеевна)
A photoshop (марина алексеевна)
vitalik123456
 
представление графической информации
представление графической информациипредставление графической информации
представление графической информации
Елена Ключева
 
цветовые модели
цветовые моделицветовые модели
цветовые модели
Alexandr Dolgov
 
презентация
презентацияпрезентация
презентация
lisondemon
 
Цветовые модели КГ
Цветовые модели  КГЦветовые модели  КГ
Цветовые модели КГ
studpro
 
Rastrovaya grafika
Rastrovaya grafikaRastrovaya grafika
Rastrovaya grafika
uaneel
 
Kod gr info
Kod gr infoKod gr info
Kod gr info
Mariks
 
виды графики
виды графикивиды графики
виды графики
elenash584
 
радуга за стеклом
радуга за стекломрадуга за стеклом
радуга за стеклом
AnatoliyR
 
радуга за стеклом
радуга за стекломрадуга за стеклом
радуга за стеклом
AnatoliyR
 
графический редактор
графический редакторграфический редактор
графический редактор
liza2209
 

Similar to Графическая информация (18)

презентация по
презентация попрезентация по
презентация по
 
A photoshop (марина алексеевна)
A photoshop (марина алексеевна)A photoshop (марина алексеевна)
A photoshop (марина алексеевна)
 
7 3-2
7 3-27 3-2
7 3-2
 
представление графической информации
представление графической информациипредставление графической информации
представление графической информации
 
14. компьютерная графика
14. компьютерная графика14. компьютерная графика
14. компьютерная графика
 
цветовые модели
цветовые моделицветовые модели
цветовые модели
 
презентация
презентацияпрезентация
презентация
 
Графическая информация
Графическая информацияГрафическая информация
Графическая информация
 
Цветовые модели КГ
Цветовые модели  КГЦветовые модели  КГ
Цветовые модели КГ
 
Rastrovaya grafika
Rastrovaya grafikaRastrovaya grafika
Rastrovaya grafika
 
Kod gr info
Kod gr infoKod gr info
Kod gr info
 
виды графики
виды графикивиды графики
виды графики
 
радуга за стеклом
радуга за стекломрадуга за стеклом
радуга за стеклом
 
радуга за стеклом
радуга за стекломрадуга за стеклом
радуга за стеклом
 
Vvelkdkg
VvelkdkgVvelkdkg
Vvelkdkg
 
Арт-дизайн
Арт-дизайнАрт-дизайн
Арт-дизайн
 
графический редактор
графический редакторграфический редактор
графический редактор
 
Цвет в компьютерной графике
Цвет в компьютерной графикеЦвет в компьютерной графике
Цвет в компьютерной графике
 

More from Cветлана Левоник

More from Cветлана Левоник (20)

презентация к собр.род.2017г
презентация к собр.род.2017гпрезентация к собр.род.2017г
презентация к собр.род.2017г
 
Инструкция по записи ребенка в объединения дополнительного образования (1)
Инструкция по записи ребенка в объединения дополнительного образования (1)Инструкция по записи ребенка в объединения дополнительного образования (1)
Инструкция по записи ребенка в объединения дополнительного образования (1)
 
рекомендации родителя по дтб (1)
рекомендации родителя по дтб (1)рекомендации родителя по дтб (1)
рекомендации родителя по дтб (1)
 
Селектор терроризм 12.042017
Селектор терроризм 12.042017Селектор терроризм 12.042017
Селектор терроризм 12.042017
 
Как вести себя при большом скоплении людей
Как вести себя при большом скоплении людейКак вести себя при большом скоплении людей
Как вести себя при большом скоплении людей
 
К фифа от полиции на транспорте
К фифа от полиции на транспортеК фифа от полиции на транспорте
К фифа от полиции на транспорте
 
на сайт родителям презентация
на сайт родителям презентацияна сайт родителям презентация
на сайт родителям презентация
 
инструкция по записи ребенка в объединения дополнительного образования
инструкция по записи ребенка в объединения дополнительного образованияинструкция по записи ребенка в объединения дополнительного образования
инструкция по записи ребенка в объединения дополнительного образования
 
проект инженерный класс в московской школе
проект инженерный класс в московской школепроект инженерный класс в московской школе
проект инженерный класс в московской школе
 
с новым годом и рождеством!
с новым годом и рождеством!с новым годом и рождеством!
с новым годом и рождеством!
 
дод в гбоу школа 1363
дод в гбоу школа 1363дод в гбоу школа 1363
дод в гбоу школа 1363
 
результаты и мегапроекты 23 11 2016
результаты и мегапроекты 23 11 2016результаты и мегапроекты 23 11 2016
результаты и мегапроекты 23 11 2016
 
1 4 начинайте с себя!
1 4 начинайте с себя!1 4 начинайте с себя!
1 4 начинайте с себя!
 
ОГЭ-2017
ОГЭ-2017ОГЭ-2017
ОГЭ-2017
 
егэ 2017
егэ 2017егэ 2017
егэ 2017
 
питание школа 1363
питание школа 1363питание школа 1363
питание школа 1363
 
родит собрание дополн 13.02 .2016 огэ 16
родит собрание дополн 13.02 .2016 огэ  16родит собрание дополн 13.02 .2016 огэ  16
родит собрание дополн 13.02 .2016 огэ 16
 
егэ 2016
егэ 2016егэ 2016
егэ 2016
 
презентация ювао (2)
презентация ювао (2)презентация ювао (2)
презентация ювао (2)
 
итоги егэ 2015 сайт
итоги егэ 2015 сайтитоги егэ 2015 сайт
итоги егэ 2015 сайт
 

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

  • 1. ГБОУ СОШ с углубленным изучением отдельных предметов №1363. Автор проекта: Черкасов Евгений. Руководитель проекта: Левоник Светлана Викторовнаучитель информатики.
  • 2. • • • • • • Определить сферы применения компьютерной графики Способы создания графических объектов Изучить как формируется палитра цветов в системах цветопередачи RGB, CMYK,HSB. Как формируется изображение в растровой и векторной графике Определить различия растровой векторной графики
  • 3. • Анализ научной, публицистической литературы, периодических изданий. • Работа с учебными пособиями, ЭОР. • Работа с Интернетом. • • • • Обобщение собранной информации. Анализ обобщенной информации. Дедукция анализированной информации. Контент-анализ источников.
  • 4. Сферы применения компьютерной графики Компьютерная графика прочно вошла в нашу повседневную жизнь. Она применяется: для наглядного представления результатов измерений и наблюдений; при разработке дизайнов интерьеров и ландшафтов.
  • 6. Способы создания цифровых графических объектов
  • 7. Цветовые модели Цвета можно рассматривать как точки или векторы в трехмерном цветовом пространстве. Каждая цветовая модель задает в нем некоторую систему координат, кв которой основные цвета модели играют роль базисных векторов. В компьютерной технике чаще всего используются следующие цветовые модели: RGB (Red-Green-Blue, красный – зеленый – синий) CMYK (Cyan-Magenta-Yellow, голубой – пурпурный - желтый – черный) HSB (Hue – Saturation – Brightness, цветовой тон – насыщенность – яркость)
  • 8. Цветовая модель RGB •Любая точка куба (r, g, b) определяет какой-то цвет; •Линия (0,0,0) – (1,1,1) описывает все градации серого от черного до белого; •На гранях куба расположены самые насыщенные цвета; •Чем ближе точка к главной диагонали, тем менее насыщен соответствующий цвет; •Если все три координаты точки (r, g, b) ненулевые, то цвет ненасыщенный, причем, наименьшее значение определяет долю серого оттенка, а разность значений – тон и долю насыщенного цветового оттенка. (1,1,1) белый (0,1,1) голубой B (1,0,1) пурпур (0,0,1) синий (0,1,0) зеленый (0,0,0) черный G (1,1,0) желтый (1,0,0) красный R
  • 9. Цветовая модель CMYK •Любая точка куба (С, M, Y) определяет какой-то цвет; •Линия (0,0,0) – (1,1,1) описывает все градации серого от черного до белого; •На гранях куба расположены самые насыщенные цвета; •Чем ближе точка к главной диагонали, тем менее насыщен соответствующий цвет; •Если все три координаты точки (r, g, b) ненулевые, то цвет ненасыщенный, причем, набольшее значение определяет долю серого оттенка, а разность значений – тон и долю насыщенного цветового оттенка. (0,1,1) голубой (1,1,1) белый С (1,0,1) пурпур (0,0,1) синий M (0,1,0) зеленый (0,0,0) черный (1,1,0) желтый Y (1,0,0) красный
  • 10. Цветовое пространство модели HSB зеленый желтый ШКАЛА ЦВЕТОВЫХ ТОНОВ красный голубой синий пурпурный НАСЫЩЕННОСТЬ ЯРКОСТЬ черный Разрез конуса в плоскости постоянной яркости
  • 11.
  • 12.
  • 13.
  • 14. Форматы графических файлов Графические изображения Графические изображения Растровые Растровые BMP BMP GIF GIF Векторные Векторные JPEG JPEG WMF WMF Форматы графических файлов EPS EPS
  • 15. Растровая графика Векторная графика Формирование изображения Совокупность точек Геометрические фигуры Увеличение размера изображения Ступенчатый эффект Не изменяется Уменьшение размера изображения Потеря чёткости Не изменяется Сохранение изображения Информация о цвете каждого пикселя Информация о простейших геометрических объектах, составляющих изображение Сферы применения Иллюстрации, фотографии Чертежи, схемы, деловая графика
  • 16. Задачи на графику. Задача 1. Несжатое растровое изображение размером 128×128 пикселей занимает 2 Кб памяти. Каково максимально возможное число цветов в палитре изображения? Решение. I = K × i; i = I/K; N = 2i K =128 ×128 i = 2×1024×8/(128×128) = 2×210×23/(27×27) = 21+10+3 /27+7 = I =2 Кб = 214/214 = 1 (бит). N –? N = 21 = 2. Ответ: 2 цвета - чёрный и белый. Задача 2. Для кодирования одного пикселя используется 3 байта. Фотографию размером 2048×1536 пикселей сохранили в виде несжатого файла. Определите размер получившегося файла. Решение. I=K×i i = 3 байта I = 2048×1536×3 = 2×210× 1,5×210×3 = 9×220 (байтов) = 9 (Мб). K = 2048×1536 I —? Ответ: 9 Мб.
  • 17.  Различают растровые и векторные графические редакторы.  Большинство растровых графических редакторов ориентированы не столько на создание изображений, сколько на их обработку.  Векторные графические редакторы, наоборот, применяются для создания изображений.  В растровой графике изображение формируется в виде растра совокупности пикселей, образующих строки и столбцы. В памяти компьютера сохраняется информация о цвете каждого входящего в него пикселя.  В векторной графике изображения формируются на основе наборов данных (векторов), описывающих тот или иной графический объект, и формул их построения. В память компьютера заносится информация о простейших геометрических объектах, его составляющих.
  • 18. Используемые источники: • Учебник «Информатика и ИКТ», 10 класс, автор Н.Д.Угринович, М, БИНОМ, 2008; • Цветовые модели, сайт: http://masters.donntu.edu.ua/2006/fvti/poltava/library/article6.htm • Презентация «Компьютерная графика», 8 класс, автор Л.Л.Босова