Конспект урока по информатике на тему "Формирование цвета в системах цветопередачи RGB, CMYK и HSB (Палитры цветов в системах цветопередачи RGB, CMYK и HSB)" (9 класс). Системы цветопередачи Как формируется палитра цветов в системе

Тема урока «Палитры цветов в системах цветопередачи RGB, SMYK, HSB»

9 класс

1 час учебного времени

Тип урока: ознакомление с новым материалом

Вид урока: смешанный

Технология: личностно-ориентированная, развивающая

На момент проведения урока учащиеся должны

знать:

    единицы измерения информации

    понятие пространственной дискретизации

    формулу связи количества цветов в палитре и количества информации

    графические режимы экрана монитора

уметь :

    осуществлять перевод единиц информации

    определять количество графической информации

    кратко конспектировать основные моменты лекции

Цели урока:

    проверить уровень освоения материала прошлого урока

    сформировать представление о восприятии цвета человеком

    познакомится с процессом разложения цветов на составляющие .

    рассмотреть особенности цветопередачи экранами мониторов

    рассмотреть отличия в палитрах цветов в разных системах цветопередач

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

Задачи урока:

Образовательная: закрепить знания на определение глубины цвета, количества цветов,научить определять цвета по заданной интенсивности базовых цветов, научить определять цвета, если имеются краски в системе цветопередачи RGB , CMYK.

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

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

В результате изучения данной темы учащиеся должны

знать:

    палитры цветов в различных системах цветопередачи

уметь:

определять цвета, если имеются краски в системе цветопередачи RGB ,CMYK.

Комплексно-методическое обеспечение:

    интерактивная доска;

    материалы для проверки домашнего задания (информационный диктант)

    презентация “Палитры цветов в системах цветопередачи RGB , SMYK , HSB ” учебник Н.Д. Угриновича для 9 класса § 1.5

План урока:

    Организационный момент (2 мин).

    Проверка домашнего задания (20 мин). Д иктант «Основные понятия компьютерной графики» и решение задач у доски

    Новый материал (15 мин).

    Закрепление изученного материала: ответы на вопросы (5 мин)

    Подведение итогов (2 мин)

    Домашнее задание (1 мин).

Ход урока

1. Организационный момент

Приветствие, кто отсутствует

2. Проверка домашнего задания

Д иктант «Основные понятия компьютерной графики» (учащиеся записывают понятие)

1. Минимальный участок изображения, для которого независимо можно задать цвет, называется ПИКСЕЛЬ

2. Чем разрешающая способность ниже, тем размер пикселя БОЛЬШЕ

3. Чем ниже разрешающая способность, тем качество изображения НИЖЕ
4.
Завершите фразу: Сканер имеет аппаратное и оптическое .. РАЗРЕШЕНИЕ

5. Количество информации, которое используется для кодирования цвета точки, называется ГЛУБИНА

6. При помощи этого устройства можно осуществлять процесс пространственной дискретизации. СКАНЕР

7 . Этот вид информации может быть представлен в двух формах: аналоговой и дискретной. ГРАФИЧЕСКАЯ

Решение задачи у доски (2 учащихся). Задачи отображены на интерактивной доске:

1. Определите количество цветов в палитре при глубине цвета 4, 8, 16, 24, 32 бита. Разрешается пользоваться компьютерным калькулятором.

2. Цветное растровое изображение с палитрой 65536 цветов имеет размер 100х100 точек. Какой информационный объём имеет это изображение?

3. Для хранения изображения размером 64х32 точек выделено 64 кбайт памяти. Каково максимально возможное число цветов в палитре изображения?

4. 256- цветный рисунок содержит 10 байт информации. Из скольких точек он состоит?

Актуализация знаний (фронтальный опрос):

- Вспоминая ранее изученную тему «Кодирование графической информации», ответьте, пожалуйста, на вопрос: Каким образом графическая информация представляется в компьютере?

С помощью какой формулы мы можем вычислить информационный объём графического изображения?

- Назовите две основные формы представления графической информации.

3. Мотивация

Вспомним курс физики. На какие цвета спектра может быть разложен белый цвет?

Учащиеся вспоминают оптические приборы и цвета радуги.

Тема нашего урока " Палитры цветов в системах цветопередачи RGB , CMYK , HSB

( Презентация 1 слайд 1 ).

4. Изучение нового материала

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

( Человек воспринимает цвет с помощью рецепторов – колбочек. Наибольшая чувствительность приходится на красный, зеленый и синий цвета, сумма которых в разных сочетаниях дает оттенки ) . ( слайд 2-3 ).

Сегодня мы узнаем, как осуществляется цветопередача при помощи компьютеров.

Нам известны следующие системы цветопередачи: (слайд 4 ).

С экрана компьютера мы так же воспринимаем цвета как сочетания базовых цветов – красный, синий и зеленый. Такая система называется по первым буквам базовых цветов на английском языке – red R , green G , blue B RGB . (слайд 5-6)

Наложение цветов друг на друга дает нам другие оттенки.

Учащиеся работают со сладом по формированию оттенков из базовых цветов . (слайд 7-8)

Где применяется система RGB (слайд 9)

Рассматривается палитра SMYK (слайд 10-13)

Где применяется система SMYK (слайд 14)

Рассматривается палитра HSB и формирование цветов в этой палитре (слайд 16-17)

5. Закрепление изученного материала

Учащимся предлагается ответить на вопросы по пройденному материалу (слайд 18)

6. Подведение итогов урока

Выставление оценок, запись домашнего задания (слайд 16 )


Человек воспринимает свет с помощью цветовых рецепторов (так называемых колбочек), находящихся на сетчатке глаза. Наибольшая чувствительность колбочек приходится на красный, зеленый и синий цвета, которые являются базовыми для человеческого восприятия. Сумма красного, зеленого и синего цветов воспринимаются человеком как белый цвет, их отсутствие – как черный, а различные их сочетания – как многочисленные оттенки цветов.



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


Color = R + G + В, где 0




При глубине цвета в 24 бита на кодирование каждого из базовых цветов выделяется по 8 битов. В этом случае для каждого из цветов возможны N = 2 8 = 256 уровней интенсивности. Уровни интенсивности задаются кодами: –десятичными (от минимальной – 0 до максимальной – 255); –Двоичными (от до)


Кодировка цветов при глубине цвета 24 бита Цвет Двоичный и десятичный коды интенсивности базовых цветов Красный ЗеленыйСиний Черный Красный Зеленый Синий Голубой Пурпурный Желтый Белый



При печати изображений на принтерах используется палитра цветов в системе CMYK. Основными красками в ней являются Cyan – голубая, Magenta – пурпурная и Yellow – желтая. Система CMYK, в отличие от RGB, основана на восприятии не излучаемого цвета, а отражаемого света. Напечатанное на бумаге изображение человек воспринимает в отраженном свете. Если на бумагу краски не нанесены, то падающий свет полностью отражается, и мы видим белый лист бумаги Если краски нанесены, то они поглощают определенные цвета. Цвета в палитре CMYK формируются путем вычитания из белого цвета определенных цветов.




Cyan = W – R = G + В Нанесенная на бумагу голубая краска поглощает красный свет и отражает зелёный и синий свет, и мы видим голубой цвет. Cyan = W – R = G + В Magenta = W – G = R + В Нанесенная на бумагу пурпурная краска поглощает зелёный свет и отражает красный и синий свет и мы видим пурпурный цвет. Magenta = W – G = R + В Yellow = W – В = R + G Нанесенная на бумагу желтая краска поглощает синий свет и отражает красный и зеленый свет, и мы видим желтый цвет. Yellow = W – В = R + G Red = У + М = W – R - В Если нанести на бумагу пурпурную и желтую краски, то будет поглощаться зеленый и синий цвет, и мы увидим красный цвет. Red = У + М = W – R - В Green = У + С = W – R - В Если нанести на бумагу голубую и желтую краски, то будет поглощаться красный и синий цвет, и мы увидим зеленый цвет. Green = У + С = W – R - В Если нанести на бумагу пурпурную и голубую краски, то будет поглощаться зеленый и красный цвет, и мы увидим синий цвет. Blue = М + С= W – R - G


Формирование цветов в системе цветопередачи СМУК Цвет Формирование цвета Черный Black = С + М + У = W – G – В - R Белый White = (С=0, М=0, У=0) Красный Red = У + М = W – R - В Зеленый Green = У + С = W – R - В Синий Blue = М + С= W – R - G Голубой Cyan = W – R = G + В Пурпурный Magenta = W – G = R + В Желтый Yellow = W – В = R + G


Смешение трех красок – голубой, желтой и пурпурной должно приводить к полному поглощению света, и мы должны увидеть черный цвет. Однако на практике вместо черного цвета получается грязно-бурый цвет. Поэтому в цветовой модели присутствует т еще один, истинно черный цвет. Так как буква «В» уже используется для обозначения синего цвета, для обозначения черного цвета принята последняя буква в английском названии черного цвета «Black», т.е. «К» В системе цветопередачи CMYK палитра цветов формируется путем наложения голубой, пурпурной, желтой и черной красок.


Модель CMYK Модель CMYK является субтрактивной, т.е. для получения нового оттенка нужно убрать основные цвета в определенных пропорциях. Голубой = белый – красный = зелёный + синий Пурпурный = белый – зелёный = красный + синий Жёлтый = белый – синий = красный + зелёный Чёрный белый + красный + зелёный + синий


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



Система цветопередачи HSB использует в качестве базовых параметров Оттенок цвета (Hue), Насыщенность (Saturation) и Яркость (Brightness). Параметр Hue позволяет выбрать оттенок цвета из всех цветов оптического спектра, начиная с красного и заканчивая фиолетовым (H = 0 – красный, H = зеленый, H = 240 – синий, H = 360 – фиолетовый). Параметр Saturation определяет процент «чистого» оттенка и белого цвета (S = 0% - белый цвет, S = 100% - «чистый оттенок»). Параметр Brightness определяет интенсивность цвета (минимальное значение B = 0 соответствует черному цвету, максимальное значение B = 100 соответствует максимальной яркости выбранного цвета).


Модель HSB Модель HSB настроена под восприятие цвета человеком. В ней сверху располагаются все основные цвета убывая по яркости вниз. Для более точного определения желаемого оттенка используется полоса градации справа позволяющая сделать выбранный цвет более ярким или темным. Так же есть выбор цвета по названию и его координаты в переводе в модель RGB или CMYK.


Глава Учебник: Угринович Н.Д. Информатика и ИКТ. Базовый курс: Учебник для 9 класса. – 4-е изд. –М.: БИНОМ. Лаборатория знаний

1. В какой системе цветопередачи палитра цветов формируется путем сложения красного, зеленого и синего цветов? 1) HSB 2) RGB 3) WBRK 4) CMYK

2. В какой системе цветопередачи палитра цветов формируется путем наложения голубой, желтой, пурпурной и черной красок? 1) HSB 2) RGB 3) WBRK 4) CMYK

3. Сколько информации (в килобайтах) содержится в картинке экрана с разрешающей способностью 512 × 768 пикселей и 16 цветами? 16= 2 i , i = 4, I = 512 768 4 = 1572864 бит / 8 = 196608 байт / 1024 = 192 Кбайт.

4. Сколько информации (в килобайтах) содержится в картинке экрана с разрешающей способностью 256 × 1280 пикселей и 256 цветами? 256= 2 i , i = 8, I = 256 1280 8 = 2621440 бит / 8 = 327680 байт / 1024 = 320 Кбайт.

5. Для хранения растрового изображения размером 64 × 128 пикселей отвели 8 килобайт памяти. Какое максимально возможное число цветов в палитре изображения? 8 Кбайт = 8 * 1024 = 8192 байт * 8 = 65536 бит 64*128 = 8192 65536 /8192 = 8 бит на одну точку 28 = 256 Ответ: 256 цветов.

6. Для хранения растрового изображения размером 128 × 256 пикселей отвели 4 килобайта памяти. Какое максимально возможное число цветов в палитре изображения? 4 Кбайт = 4 * 1024 = 4096 байт * 8 = 32768 бит 256*128 = 32768 /32768 = 1 бит на одну точку 21 = 2 Ответ: 2 цвета.

7. Растровый файл, содержащий черно-белый рисунок, имеет объем 1, 5 килобайта. Какой размер будет иметь рисунок в пикселях? 1, 5 Кбайт = 1, 5*1024 = 1536 байт *8 = 12288 бит 2= 2 i , i = 1 бит (рисунок черно-белый) 12288/1= 12288 пикселей.

Количество точек по по всего горизонта вертика ли ли Количест Информа во во ционный цветов битов на объём точку экрана 800 600 480000 256 8 3840000 бит 640 480 307200 2 1 320 200 102400 16 4 307200 бит 409600 бит

Прежде чем мы перейдем непосредственно к описанию цветовых моделей компьютерной графики, давайте немного обсудим основные понятия ЦВЕТА. А на видео вы сможете посмотреть где найти и как поменять цветовую модель в фотошопе.

  • Как мы воспринимаем цвет?

Прежде чем мы перейдем к цветовым палитрам CMYK и RGB, давайте разберемся с тем, как мы воспринимаем цвет. Мы можем видеть предметы только потому, что они излучают или отражают электромагнитное излучение, то есть СВЕТ.

В зависимости от длины волны СВЕТА мы видим тот или иной ЦВЕТ.

Длина волны измеряется в нанометрах.

  • Каким длинам волн соответствуют 7 цветов радуги?

СВЕТ можно разделить на 2 категории:

  1. Излучаемый свет это свет, выходящий из источника, например, Солнца, лампочки или экрана монитора.
  2. Отраженный свет это свет, “отскочивший” от поверхности объекта. Когда мы смотрим на какой-либо предмет, не являющийся источником света, мы видим именно отраженный цвет.


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

  • Цветовая модель RGB

Это субтрактивная цветовая модель, которая использует в своем составе три основных цвета:

Красный (Red)

Зеленый (Green)

Синий (Blue)

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

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

  • Как смешиваются основные цвета RGB


Cиний + красный = пурпурный

Зелёный+ красный= жёлтый

Зелёный + синий = циановый

При смешении всех трёх цветовых компонентов мы получаем белый цвет.

  • Основные цвета палитры RGB

Основные цвета в RGB это: Красный, Синий, Зеленый


  • Дополнительные цвета палитры RGB

Дополнительные цвета получаются при смешивании двух соседних основных цветов.

К ним относятся: Пурпурный, Голубой, Желтый


  • Противоположные цвета палитры RGB

При смешивании противоположных цветов получается белый цвет, т.к. составляющими противоположного цвета являются два недостающих цвета (например, Красный + Голубой (синий + зеленый)).

Смешивание 2-х противоположных цветов, это по сути то же самое, что смешивание 3-х основных. В обоих случаях получится белый. Это важно знать каждому, кто всерьез занимается цветовой коррекции.


  • Цветовая модель CMYK

Голубой (cyan)

Пурпурный (magenta)

Желтый (yellow)

Черный (Keycolor)

Cубтрактивная схема формирования цвета, используемая прежде всего в полиграфии . Эта система, в отличие от RGB, используется для печати, поэтому если вы приносите макет в полиграфию, вас, как правило просят предоставлять его именно с использованием цветового режима CMYK.

  • Как смешиваются цвета CMYK

Голубой + пурпурный = синий цвет, пурпурный + желтый = ярко-красный, желтый + голубой = зеленый.

Голубой, пурпурный и желтый образуют грязно-коричневый цвет. Черный делает любой цвет более темным, отсутствие красителя дает белый.


Cyan – Голубой, Magenta – Пурпурный, Yellow – Желтый;



Палитры цветов в системах цветопередачи R G B , C M Y K и HSB



Как человек воспринимает цвет?

Человек воспринимает свет с помощью цветовых рецепторов (колбочек), находящихся на сетчатке глаза.

Колбочки чувствительны к красному, зеленому и синему цветам (базовые цвета).


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

Их отсутствие - как черный , а различные их сочетания - как многочисленные оттенки цветов .


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

Такая система цветопередачи называется RGB, по первым буквам английских названий цветов (Red , Green , Blue).


Цвет из палитры можно определить с помощью формулы:

Color = R + G + B

R, G, B – базовые цвета, которые принимают значения от 0 до 255

Так при глубине цвета в 24 бита на кодирование каждого из базовых цветов выделяется по 8 бит, тогда для каждого из цветов возможны N=2 8 =256 уровней интенсивности.


Формирование цвета в R G B

Цвет

Формирование цвета

255 + 255 + 255

Пурпурный

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



Пурпурный

Система CMYK в отличие от RGB , основана на восприятии не излучаемого, а отражаемого света.

Так, нанесенная на бумагу голубая краска поглощает красный цвет и отражает зеленый и синий цвета.

Цвета палитры можно определить с помощью формулы:

Color = C + M + Y

C, M и Y – цвета палитры, которые принимают значения от 0 % до 100%


Формирование цвета в C M Y K

Цвет

Формирование цвета

С + M +Y = - G - B – R

Y +C = - R - B

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


  • Hue (оттенок цвета)
  • Saturation (насыщенность)
  • Brightness (яркость)

Палитры цветов в системах цветопередачи R G B , C M Y K и HSB

Волосы