С начала этого учебного года у меня новая резолюция - регулярно писать в жж. Посмотрим, насколько меня хватит.
Чтобы с чего-то начать, я решила начать с цвета. Именно цвет бросается в глаза в первую очередь, когда мы смотрим на что-то.
Если начинать совсем с начала, то цвет - это электромагнитные волны разной длины. Глаз улавливает их, а мозг преобразует в цветовые ощущения. Так как восприятие цвета - это субъективная характеристика, то каждый человек видит цвета по-своему. При этом зрительный аппарат у всех устроен одинаково, поэтому и цвета мы видим хоть и по-своему, но очень похоже. Сама по себе световая волна не имеет цвета. Цвет возникает только при восприятии этой волны глазом и мозгом. Тот или иной цвет возникает в процессе поглощения световых волн. Черный цвет поглощает все световые волны, а белый цвет наоборот все волны отражает. Синяя чашка, например, поглощает все световые лучи и отражает только синий.
Цвет бывает хроматическим и ахроматическим. Ахроматический цвет не имеет цветового тона, это белый, черный и серый. Соответственно хроматический цвет - это все остальные цвета.
Первичные, вторичные и третичные цвета.
Очень многие цвета и оттенки можно получить путем смешения небольшого количества красок. В свое время стремление разложить все на элементы привело к выделению первичных цветов. Первичные или основные цвета - это цвета, которые нельзя получить путем смешивания. Первичных цветов три: красный, желтый и синий. Если их смешать, то получится черный.
Вторичные цвета получают путем смешивания двух первичных:
Красный + синий
Красный + желтый
Желтый + синий
Третичные цвета получают путем смешивания первичного и соседнего вторичного цвета.
Таким образом, получилось двенадцать цветов, из которых можно получить бесчисленное количество разный оттенков.
Цветовой круг
Цветовые волны плавно переходят друг в друга, создавая непрерывное цветовую гамму.
И вот если мы представим этот спектр в виде круга, у нас и получится цветовой круг - очень важный инструмент для художников, дизайнеров и всех, кто работает с цветом. В том числе и стилистов.
Самыми используемыми является двухмерный круг Иттена
и трехмерный круг Манселла
В двухмерном круге хорошо видно, как цвета расположены по отношению друг к другу. Это такая памятка, помогающая при составлении различных цветовых сочетаний.
В трехмерном круге видно изменение цвета. Это подводит нас к характеристикам цвета.
Существует три общепринятых характеристики цвета:
- тон (Hue) - определяет цвет. Красный, оранжевый, зеленый и тд. Именно здесь идет речь о теплых и холодных цветах.
- я ркость (Saturation) - определяет добавление серого в основной цвет. Чистый цвет является ярким, с добавками серого - мягким.
- с ветлота (Lightness) - определяет примесь белого или черного в основной пигмент.
В отличие от большинства предметов окружающего мира, мониторы компьютеров не поглощают свет, а излучают. Для описания процессов формирования цвета на экране потребовалась модель, называемая аддитивным синтезом цветов. В указанной модели цвет получается в результате сложения нескольких основных (первичных) цветов: красного, синего и зелёного.
Оттенок (hue)
Оттенок- значение, определяющее положение цвета в спектре. Например, зеленый расположен между желтым и синим. Для рабочего стола этот атрибут можно задать на панели управления.
Насыщенность
(saturation)
Насыщенность - параметр управления цветом; чистота оттенка цвета в диапазоне от
серого до чистого цвета.
Яркость
(brightness)
Яркость цвета по шкале от черного до белого на мониторе
пользователя. Измеряется в процентах: от 0 до 100%. Нулевая
яркость - это чёрный цвет.
|
100% |
R - Red (Красный) |
||
|
100% |
B - Blue (Синий) |
||
|
100% |
G - Green (Зелёный) |
||
|
100% |
Y - Yellow (Жёлтый) |
C - Cyan (Голубой), M - Magenta (Пурпурный), Y - Yellow (Жёлтый), G - Green (Зелёный), В - Blue (Синий), R- Red (Красный), O - Or ange (Оранжевый), P - Purple (Фиолетовый).
Первичные, вторичные и третичные цвета
|
|
Первичные цвета : красный, синий, жёлтый (three "primary" pigments of red, blue and yellow) называются CMY системой (Cyan, Magenta,Yellow or CMY system). |
|
|
Смешение голубого и жёлтого цветов даёт зелёный цвет. Смешение жёлтого и красного - оранжевый цвет, голубого и красного - фиолетовый цвет. Эти три цвета (зелёный, фиолетовый и оранжевый) называют вторичными цветами . |
|
|
Смешение первичных и вторичных цветов с их ближайшими оттенками даёт . Третичные или промежуточные цвета - это оранжево-красный (1), жёлто-оранжевый (2), жёлто-зелёный (3), сине-зелёный (4), сине-фиолетовый (5) и красно-фиолетовый (6) ( Yellow-orange, red-orange, red-purple, blue-purple, blue-green and yellow-green ) . |
Таким образом получаются 12 цветов:
|
Magenta |
Scarlet |
Red |
Orange |
Yellow |
Lime |
Green |
Turquoise |
Cyan |
Indigo |
Blue |
Purple |
Иллюстрация цветообразования в результате поглощения или отражения трёх основных (красный, синий, жёлтый) цветов.
|
Цвет |
Поглощение |
Отражение |
Результат (проявляется) |
|
|
Светло-красный |
Зелёный & светло- голубой |
Cyan |
||
|
Светло-зелёный |
Красный и светло-голубой |
Magenta |
||
|
Светло-голубой |
Красный и светло-зелёный |
Yellow |
||
|
M + Y |
Зелёный & светло- голубой |
Светло-красный |
Red |
|
|
C + Y |
Красный и светло-голубой |
Светло- зелёный |
Greeen |
|
|
C + M |
Красный и светло-зелёный |
Светло-голубой |
Blue |
|
Где: Cyan (C) , Magenta (M) , Yellow (Y) . Н азывается CMY система.
Смотрите:
Стили веб-дизайна Стили веб-дизайна 2 (комбинация 3 цветов) Стили веб-дизайна 3 (комбинация 3 цветов) Стили веб-дизайна 4 (комбинация 3 цветов) Стили веб-дизайна 5 (комбинация 4 цветов) Стили веб-дизайна 6 (комбинация 4 цветов) Красные стили Оранжевые стили Жёлтые стили Зелёные стил Голубые стили Синие стили Фиолетовые стили Серые стили Стили веб-дизайна 7 (компоновка страницы) Стили веб-дизайна 8 (компоновка страницы) Стили веб-дизайна 9 (компоновка страницы) Стили веб-дизайна 10 (компоновка страницы) Стили веб-дизайна 11 (компоновка страницы) Стили веб-дизайна 12 (компоновка страницы) Стили веб-дизайна 13 (компоновка страницы) Стили веб-дизайна 14 (градиентные фоны) Стили веб-дизайна 15 (градиентные фоны) Стили веб-дизайна 16 (градиентные фоны) FAQ по cтилям Фирменный стиль (примеры фирменных стилей) Наш стиль
Теплые цвета - это цвета, расположенные в хроматическом круге, начиная с желтого и заканчивая красно-фиолетовым. Однако, учитывая феномен влияния одного цвета на другой, например, красно-фиолетовый может казаться более теплым, если он расположен рядом с холодным зеленым цветом, и более холодным, если рядом с ним расположен теплый цвет, например, оранжевый.
Холодные цвета - это цвета от сине - фиолетового до желто - зеленого. Однако, желто - зеленый может казаться более холодным рядом с красным и более теплым рядом с синим.
Светлые или бледные цвета - это цвета, содержащие то или иное количество белого цвета.
Темные цвета - это цвета, содержащие черный или дополнительный цвета.
Яркие или насыщенные цвета - это цвета, в принципе не содержащие ни белый, ни серый, ни черный, ни дополнительные цвета. Но это понятие относительно, так как, например, яркие цвета синей гаммы не заканчиваются на чистом синем, к насыщенным цветам относят и синие, содержащие белый или черный цвета. Напротив, оранжевый, содержащий черный, относят к тусклым тонам, так как он становится коричневатым.
Тусклые цвета - это цвета, содержащие то или иное количество серого или дополнительного цветов.
Понятия первичных, вторичных и третичных цветов
Первичные цвета (рисунок 1) разделяются первичные природные цвета света и первичные цвета пигментов (используются в живописи и полиграфии). Это цвета, которые не создаются путем смешивания. Если смешать первичные красный, синий и зеленый лучи, то получится белый свет. Если смешать первичные мадженту, циан и желтый - цвета пигментов - то получим черный цвет.
Рисунок 1 - Природные цвета
(рисунок 2) получаются путем смешивания двух первичных цветов. К вторичным цветам света относятся: маджента, желтый и циан (зеленовато - голубой). Вторичные цвета пигментов красный, зеленый и фиолетовый.
Рисунок 2 - Вторичные цвета
Третичные цвета: образуются путем смешивания первичного и вторичного цветов. К ним относятся - оранжевый, пунцовый, светло - зеленый, ярко - голубой, изумрудно - зеленый, темно - фиолетовый.
Дополнительные цвета (рисунок 3): располагаются на противоположных сторонах хроматического круга. Так, например, для красного является дополнительным зеленый (полученный путем смешения двух первичных цветов - желтого и циана (зеленовато - голубого). А для синего дополнительным является оранжевый (полученный путем смешения желтого и мадженты).
Рисунок 3 - Хроматический круг по Манселлу
Система Манселла описывает цвет, исходя из трех показателей: тональность, светлота и насыщенность (рисунок 4).
Тональность - это, например, желтый или синий.
Светлота показывает, на каком уровне серых градаций (вертикальная ось) находится цвет.
Насыщенность: показывает, на каком расстоянии от вертикальной оси в горизонтальной плоскости находится тон.
Таким образом, в системе Манселла цвета расположены в трех измерениях и имеют вид дерева. Ствол (вертикальная ось) представляет шкалу с градациями серого цвета (от черного снизу к белому сверху). Тона находятся на хроматическом круге, который как бы "насажен" на вертикальную ось. Горизонтально оси показывают насыщенность тонов.
Рисунок 4 - Система Манселла
Первичные цвета : разделяются первичные природные цвета света и первичные цвета пигментов. Это цвета, которые не создаются путем смешивания. Если смешать первичные красный, синий и зеленый лучи, то получится белый свет. Если смешать первичные мадженту(пурпурный), циан(голубой) и желтый - цвета пигментов - то получим черный цвет.
Вторичные цвета : получаются путем смешивания двух первичных цветов.
Третичные цвета : образуются путем смешивания первичного и вторичного цветов.
Дополнительные цвета:
располагаются на противоположных сторонах хроматического круга. Так, например, для красного является дополнительным зеленый
RGB (аббревиатура английских слов
Red, Green, Blue - красный, зелёный,
синий) - аддитивная цветовая модель, как правило, описывающая способ синтеза цвета для цветовоспроизведения.
Выбор основных цветов обусловлен особенностями физиологии восприятия цвета сетчаткой человеческого глаза. Цветовая модель RGB нашла широкое применение в технике.
Модель CMY : основана на голубом (Cyan), пурпурном (Magenta) и желтом (Yellow) цветах. Модель описывает отраженные цвета (краски), которые образуются в результате вычитания части спектра падающего света на поверхность. При смешении двух цветов результат темнее обоих исходных. От английского Subtract (вычитать) модель CMY называют субтрактивной.
Модель CMYK : Модель CMYK описывает реальный процесс цветной печати на офсетной машине и цветном принтере. Четвертый компонент K – черный (blacK) цвет. Основные субтрактивные цвета достаточно яркие и поэтому не годятся для воспроизведения темных цветов. Используя только голубой, пурпурный и желтый цвета нельзя вывести на печать черный цвет – получается грязно-коричневый цвет. Черный цвет в модели CMYK также используется для подчеркивания теней, создания темных оттенков. Использование черной краски позволяет существенно уменьшить расход других красок. Интенсивность цветов изменяется от 0% до 100%.
5)Система HSL
Другой популярной цветовой системой является HSL (от "hue, saturation, lightness" - "тон, насыщенность, яркость"). У этой системы есть несколько вариантов, где вместо насыщенности используется хроматичность (chroma), светимость (luminance) вместе с яркостью (value)
(HSV/HLV). Именно эта система соответствует тому, как человеческий глаз видит цвет.
YUV - цветовая модель, в которой цвет представляется как 3 компоненты - яркость (Y) и две цветоразностных (U и V).
Модель широко применяется в телевещании и хранении/обработке видеоданных. Яркостная компонента содержит «черно-белое» (в оттенках серого) изображение, а оставшиеся две компоненты содержат информацию для восстановления требуемого цвета. Это было удобно в момент появления цветного ТВ для совместимости со старыми черно-белыми телевизорами.
В цветовом пространстве YUV есть один компонент, который представляет яркость (сигнал яркости), и два других компонента, которые представляют цвет (сигнал цветности). В то время как яркость передается со всеми деталями, некоторые детали в компонентах цветоразностного сигнала, лишённого информации о яркости, могут быть удалены путем понижения разрешения отсчетов (фильтрация или усреднение), что может быть сделано несколькими способами (т.о. есть много форматов для сохранения изображения в цветовом пространстве YUV).
6. Общая характеристика базовых алгоритмов ОИ. Задачи дискретизации и квантования.
Обработка изображений (Computer Vision) - это преобразования изображений. Входными данными является изображение, и результат обработки - тоже изображение. Примерами обработки изображений могут служить: повышение контраста, чёткости, коррекция цветов, редукция цветов, сглаживание, уменьшение шумов и так далее. В качестве материала для обработки могут использоваться космические снимки, сканированные изображения, радиолокационные, инфракрасные изображения и т. п.Задачей обработки изображений может быть как улучшение в зависимости от определенного критерия (реставрация, восстановление), так и специальное преобразование, кардинально меняющее изображения. В последнем случае обработка изображений может быть промежуточным этапом для дальнейшего распознавания изображения. Например, перед распознаванием часто необходимо выделять контуры, создавать бинарное изображение, разделять по цветам.
Методы обработки изображений могут существенно отличаться в зависимости от того, каким путем получено изображение - синтезировано системой КГ либо это результат оцифровки черно-белой или цветной фотографии.
Дискретизация.
Раскрывающийся список Sub Sampling (Дискретизация) задает количество пикселей однородного участка. При установленном по умолчанию значении 1: 1 тонируются все пиксели. Значение 8: 1 задает тонирование каждого восьмого пикселя. Увеличение дискретности часто используется при экспериментировании с различными источниками света и материалами для предварительного просмотра результатов тонирования, поскольку, чем выше дискретность, тем меньше время тонирования. Получив удовлетворительный результат, можно опять установить значение 1: 1, обеспечивающее наилучшее качество изображения.
Квантование.
В этом разделе задается точность, с которой вычисляется каждый пиксель. Норма квантования (sample rate) определяет, сколько квантов (т.е. участков одного цвета) вычисляется на каждый пиксель. Например, если норма квантования равна ¼, то один квант вычисляется на каждые четыре пикселя. Если норма квантования больше единицы, для каждого пикселя вычисляется больше одного кванта. Чем меньше минимальная норма квантования, тем быстрее выполняется тонирование, однако тем менее аккуратным будет результат. Максимальная норма квантования применяется, когда соседние пиксели недостаточно контрастные. Параметр Contrast color (Контрастность цветов) используется для определения текущих норм квантования с учетом минимальной и максимальной нормы.
7)Гамма-характеристика. Задача коррекции гамма-характеристики
Блок-схема аппаратуры ввода
Линейный | ||||||||
Наблюдаемая | Насыщение | Воспринятая |
||||||
пространственный | ||||||||
логарифмирования | ||||||||
Логарифмическое преобразование, введённое в блок-схеме, является большим упрощением. Но, не смотря на недостатки, эта модель является полезной и реализуемой в виде гаммахарактеристики.
Термин «Гамма» в системах КГ и ОИ относится к нелинейной характеристике электроннолучевой трубки (ЭЛТ) монитора. ЭЛТ не производит световую интенсивность, равную входному напряжению, а имеет место нелинейная зависимость, называемая γ-характеристика. Гамма регулирует электростатические заряды в электронных пушках, а не светимость люминофора. Значение гаммы для большинства ЭЛТ приблизительно 2.0-2.5
Гамма характеристика – характеристика передачи уровней (яркости) – зависимость уровней яркости телевизионного изображения от уровней яркости объекта.
Информация о яркости в аналоговом виде в телевидении и в цифровом виде в большинстве распространенных графических форматов, хранится в нелинейной шкале. Яркость пиксела на экране монитора в первом приближении можно считать пропорциональной:
I ~ Vγ
I – яркость пиксела на экране дисплея (или яркость составляющих а: красный, зеленый, синий в отдельности),
V – численное значение цвета, γ – показатель гамма-коррекции.
График γ-характеристики
Нижняя линия - гамма монитора, верхняя - гамма файла, прямая линия - гамма изображения
Коррекция гаммы
Исторически это обусловлено тем, что у электронно-лучевой трубки зависимость между количеством испускаемых фотонов и напряжением на катоде близка к экспоненциальной зависимости. Для ЖК мониторов, проекторов и т.д., где зависимость между напряжением и яркостью имеет более сложный характер, используются специальные компенсационные схемы.
Калибровка устройств.
Гамма-коррекция – формула для исправления гаммы: y=1 , Где- гамма монитора.
Гамма коррекция необходима для более точной передачи интенсивностей монитором. Не все компьютерные мониторы имеют гамму точно 2.5; некоторые могут быть 2.2, в то время как другие могут быть ближе к 2.7. Кроме того, красные, зеленые и синие электронные пушки могут иметь индивидуальные значения напряжения/яркость.
Рисунок показывает исправленные значения гаммы системой
калибровки монитора. Гамма Красного, зеленого, и синего различны.
При переносе графического файла между компьютерами копия изображения может выглядеть светлее или темнее, чем оригинал. В разных операционных системах (например Microsoft Windows, GNU/Linux и Macintosh) существуют разные стандарты встроенной гамма коррекции.
Например, встроенная в формат PNG гамма-коррекция работает следующим образом: данные о настройках дисплея, видеоплаты и программного обеспечения (информация о гамме) сохраняется в файле вместе с самим изображением, что и обеспечивает идентичность копии оригиналу при переносе на другой компьютер.
Пользуясь многообразной гаммой оттенков, люди не задумываются о такой категории, как цвет. Он образуется при преломлении лучей обычного света, представляющего собой электромагнитные волны различной длины. Попав в другую среду, они преломляются под разными углами, раскладываясь на семь спектральных цветов.
Что такое цвет?
Впервые такой опыт был проделан Ньютоном. Радуга после дождя также представляет собой преломление солнечных лучей, проходящих через капли воды. Пропустив спектр через можно увидеть, как эти семь цветов соединяются обратно в белый.
Удивительно, но в природе не существует цвета - он является зрительным ощущением человека под воздействием электромагнитных волн, попадающих на сетчатку глаза. Цвет появляется при отражении предметом определенной длины волны, свойственной падающему лучу. И хотя это восприятие достаточно субъективно, у всех людей оно однотипно. Человек видит лист дерева зеленым, потому что поверхность листа, поглощая лучи света различной длины, отражает волны именно того участка спектра, который соответствует зеленому цвету.
Значение в жизни человека
Тем не менее цвет является важной характеристикой предмета, одним из его физических свойств и играет огромную роль в человеческой жизни. объекта является определяющим во многих сферах деятельности: живописи, торговле, дизайне, архитектуре. Его значение понимали еще в древние времена. Об этом говорят прекрасные памятники архитектуры Франции и Италии, сохранившие великолепные витражи и настенную роспись, которые отличались яркостью и прочностью. Китайская керамика уже в XII веке славилась необыкновенно красивыми оттенками лунного света и морской волны. Полотна знаменитых художников также поражают необычной цветовой гаммой. Каждый из них в своей манере сочетал различные цвета, получая уникальные тона, которые трудно сегодня воспроизвести.
Человек черпает до 80 % информации об объекте с помощью цвета, который является также фактором глубокого физического и психологического воздействия на организм. Некоторые тона способствуют повышению артериального давления и частоты пульса, в то время как другие успокаивают нервную систему. В медицине существует раздел цветотерапии, сущность которого заключается в том, что цвета воздействуют по-разному на организм человека. Согласно принципам восточной медицины, для лечения каждой болезни используется определенный тон.
Классификация цветов
С давних времен велись попытки классификации цветов. Процедура заключалась в сведении многообразия существующих оттенков в определенную систему. Впервые такую попытку осуществил Леонардо да Винчи, выделив четыре основных цветовых группы. Научную основу понятия цвета заложил Ньютон своими опытами по преломлению световых лучей. Великий поэт Гете, работая над систематизацией данного понятия, предложил цветовой круг, в котором три тона (главные) составляют равносторонний треугольник - красный, желтый и синий. Если смешать их в равной пропорции, получится черный оттенок. Их назвали первичными цветами.
Из трех базовых образуются остальные цвета. Но непосредственно главные нельзя получить смешением каких-то других оттенков, поэтому их называют чистыми. Чтобы понять, какие цвета являются вторичными, надо смешать попарно базовые в равных пропорциях. При этом получаются цвета второго порядка. Они располагаются между главными. Оранжевый, зеленый и фиолетовый - это вторичные цвета. В они точно так же образуют равносторонний треугольник, только перевернутый по отношению к первому.
Третичные цвета
Существуют цвета третьего порядка - они образуются при смешивании трех первичных с вторичными в равных пропорциях. Первичные, вторичные и третичные цвета вместе образуют 12-цветный круг. Эта фигура называется 12-частотным кругом Й. Иттена - швейцарского искусствоведа, который и предложил это новшество. Остальное множество цветов получают при смешивании этих двенадцати в нужных пропорциях.
Цвета можно разделить на теплые и холодные. Если посередине цветового круга провести прямую линию, то та половина, в которой окажутся оттенки с желтого по зеленый, включая первичные и вторичные цвета, будет состоять из теплых тонов, а вторая половина - из холодных. Это деление в некоторой степени условно, поскольку в третичных цветах, где сочетаются все тона, более теплым будет казаться тот, в котором желтого цвета больше.
Колористика
В живописи, дизайне, архитектуре, парикмахерском искусстве важно находить вызывающую более положительное восприятие человеком. цветов, искусстве их сочетания называется колористикой. Умение комбинировать тона позволяет достичь В то же время подобное понятие для каждого человека индивидуально - это субъективное понятие. Тем не менее существуют общие правила гармоничного сочетания различных оттенков, которыми необходимо владеть в некоторых профессиях. Например, при оформлении производственного помещения следует учесть, что предлагает колористика: первичные и вторичные цвета теплых тонов ускоряют обмен веществ, повышают мышечную активность. Что касается холодных оттенков, то они эти процессы угнетают. Некоторые из них при длительном воздействии на человека утомляют его, причем неважно, какие - вторичные цвета или первичные. Самыми оптимальными в этом отношении являются зеленые тона с добавлением желтого.
Сочетание цветов
Руководствуясь цветовым кругом, можно правильно подобрать подходящее сочетание различных тонов. Гармонично будет составлена комбинация, состоящая из оттенков одного цвета, поскольку она благотворно воздействует на нервную систему. Возможна также контрастная композиция. В этом случае сочетаются те тона, которые размещены на противоположных сторонах круга (кстати, это могут быть и вторичные цвета). Они называются взаимодополняющими или комплиментарными. Такая система будет наполнена энергией. Гармонично сочетаются в цветовом круге тона, которые находятся относительно друг друга под углом 90 градусов.
Прекрасно будут выглядеть вместе три цвета, если их правильно подобрать. Композиция из трех тонов, расположенных на равных расстояниях друг от друга, даст ощущение гармонии и яркий контраст. В таких случаях можно использовать вторичные цвета. Если внутри цветового круга начертить равнобедренный или то правильно комбинируются тона, расположенные в вершинах данной фигуры. В колористике существуют четкие правила сочетания цветов. Руководствуясь ими, можно самостоятельно создавать различные комбинации, отличающиеся гармонией и красотой.