Программа "Графика в Paint"

Элементы теории  Элементы теории  компьютерной графики компьютерной графики •Почему мы видим свет Почему мы видим свет •Цветовая модель Цветовая модель •Характеристики цвета Характеристики цвета •Восприятие цвета Восприятие цвета Почему мы видим свет? Почему мы видим свет? Для того, чтобы  Для того, чтобы  «увидеть» предмет,  «увидеть» предмет,  необходимы две вещи: необходимы две вещи: •Источник света(свет +  •Источник света(свет +  освещенный им  освещенный им  объект); объект); •Приемник света (глаз) •Приемник света (глаз)   2 Белый свет Белый свет Каждый Охотник Желает Знать Где Сидит Фазан Белый свет является сложным светом, состоящим из лучей различной  цветности: красного, оранжевого,  желтого, зеленого, голубого, синего, фиолетового – такое  разложение называется спектром. Как Однажды Жак Звонарь Городской Сломал Фонарь   3 Почему мы видим предметы цветными? Почему мы видим предметы цветными? Если белый свет падает на белый предмет, то все составляющие белого  Если белый свет падает на белый предмет, то все составляющие белого  света отражаются от него, и мы видим белый цвет предмета. Если белый  света отражаются от него, и мы видим белый цвет предмета. Если белый  свет падает на зеленый предмет, то все составляющие света поглощаются  свет падает на зеленый предмет, то все составляющие света поглощаются  поверхностью предмета, и лишь зеленая составляющая отражается, в  поверхностью предмета, и лишь зеленая составляющая отражается, в  результате чего мы видим зеленую окраску предмета. Аналогично  результате чего мы видим зеленую окраску предмета. Аналогично  происходит и с другими цветами: красным, синим, зеленым и т.п. Если  происходит и с другими цветами: красным, синим, зеленым и т.п. Если  свет падает на поверхность черного цвета, то поглощаются все  свет падает на поверхность черного цвета, то поглощаются все  составляющие спектра, и мы видим черный предмет.    составляющие спектра, и мы видим черный предмет.  4 Цветовая модель RGBRGB Цветовая модель  Цветовая модель RGB (Red –  Цветовая модель RGB (Red –  красный,  Green  –  зеленый,    красный,  Green  –  зеленый,    Blue  –  синий).  Цветовую  Blue  –  синий).  Цветовую  RGB  обычно  модель  модель  обычно  RGB  иллюстрируют  картинкой  в  иллюстрируют  картинкой  в  виде  трех  пересекающихся  виде  трех  пересекающихся  кружков.  центре  кружков.  центре  пересечения  эти  три  цвета  в  пересечения  эти  три  цвета  в  сумме  дают  белый  цвет.  сумме  дают  белый  цвет.  Попарное  пересечение  Попарное  пересечение  дает  смежных  смежных  дает  дополнительные  цвета:  Y  ­  дополнительные  цвета:  Y  ­  желтый  (Yellow);  C  ­  голубой  желтый  (Yellow);  C  ­  голубой  (Cyan);  M  пурпурный  (Cyan);  M  пурпурный  (Magenta). (Magenta). кружков  кружков  В  В  –  –    5 Цветовой круг Цветовой круг цветовой  цветовой  цвета,  –  –  цвета,  цветовом  цветовом  •Гармоничное  сочетание  •Гармоничное  сочетание  цветовых тонов цветовых тонов •Единство  •Единство  композиции  композиции  близкие  на  на  близкие  круге круге •Контраст  цветовой  •Контраст  цветовой  композиции  –  цвета  на  композиции  –  цвета  на  расстоянии  четверти  расстоянии  четверти  окружности окружности   6 Как получить нужный цвет из  Как получить нужный цвет из  красного, зеленого и синего? красного, зеленого и синего? R G B R G B = 255 + + 255 255 + Каждый из трех цветовых компонентов RGB может принимать одно из 256  Каждый из трех цветовых компонентов RGB может принимать одно из 256  значений – от максимальной интенсивности (255, 255, 255 – белый) до  значений – от максимальной интенсивности (255, 255, 255 – белый) до  нулевой интенсивности (000, 000, 000 – черный).  Т.е. абсолютно любой  нулевой интенсивности (000, 000, 000 – черный).  Т.е. абсолютно любой  цвет и оттенок цвета мы можем получить сочетанием красного, зеленого и  цвет и оттенок цвета мы можем получить сочетанием красного, зеленого и  синего цветов в различных пропорциях  синего цветов в различных пропорциях  + 0 = 0 0 R G B = 255 + 255 + 0 R G B = 45 + 181 + 45   7 Подбор цвета в графическом редакторе Подбор цвета в графическом редакторе Любой графический  редактор позволяет  определить нужный вам цвет как «на  глаз», так и задав его в  формате RGB в десятичной  или в  шестнадцатеричной  системе счисления. = (255, 255, 255) = (255, 255, 0) = (221, 221, 221) = (0, 0, 0)  = (240, 118, 125)  = (0, 153, 0)    8 Характеристики цвета Характеристики цвета ТонТон Тон (hue) — одна из точек цветового круга, максимально  Тон (hue) — одна из точек цветового круга, максимально  яркая и насыщенная.  яркая и насыщенная.  Насыщенность Насыщенность Насыщенность (saturation) — соотношение основного  Насыщенность (saturation) — соотношение основного  цвета и такого же по яркости серого.  цвета и такого же по яркости серого.  Яркость Яркость Яркость (value)  — общая яркость цвета (крайние  Яркость (value)  — общая яркость цвета (крайние  позиции — черный и максимально яркий тоновый).  позиции — черный и максимально яркий тоновый).    9 Цветовые схемы Цветовые схемы Близлежащие цвета Близлежащие цвета Противоположные (дополняющие) цвета Противоположные (дополняющие) цвета Один цвет разной насыщенности Один цвет разной насыщенности Цветовая схема кленовых листьев Цветовая схема кленовых листьев Зная  особенности  особенности  Зная  восприятия  каждого  восприятия  каждого  цвета  и  цветовых  цветовых  цвета  и  сочетаний,  можно  сочетаний,  можно  построить  целый  ряд  построить  целый  ряд  готовых  схем.  готовых  схем.  Каждая из этих схем,  Каждая из этих схем,  будучи  воплощенной  будучи  воплощенной  в  жизнь,  звучит  по­ в  жизнь,  звучит  по­ своему,  вносит  своему,  вносит  определенное  определенное  настроение  настроение  композицию.  композицию.  в  в    10 Цвет ­ это эмоции  Цвет ­ это эмоции  и настроение. Вы  и настроение. Вы  можете взбодрить  можете взбодрить  зрителя, навеять  зрителя, навеять  на него осеннее  на него осеннее  или весеннее  или весеннее  настроение…  настроение…  Восприятие цвета Восприятие цвета «Престижные» «Престижные» «Пастельные» «Пастельные» «Здоровые» «Здоровые» «Природные» «Природные»   11