SlideShare une entreprise Scribd logo
1  sur  99
Введение в
компьютерную графику

Введение в компьютерную графику
Цветовой диапазон

380 нм

740 нм

Введение в компьютерную графику
Цвет источника света

Введение в компьютерную графику
Цвет предметов

Введение в компьютерную графику
Цветовые модели

Введение в компьютерную графику
Цветовой охват

Введение в компьютерную графику
Где в Photoshop устанавливается
цветовая модель документа?

Новый документ

Открытый документ
Введение в компьютерную графику
Цветовая модель Bitmap
■ Цвет описывается 1 битом
■ 0 – белый, 1 – черный, полутонов НЕТ

Введение в компьютерную графику
Цветовая модель Grayscale

■ 255 (0%) – белый
■ 0 (100%) – черный
■ Глубина цвета 8 бит
(сколько градаций)

Введение в компьютерную графику
Цветовая модель Grayscale

Введение в компьютерную графику
Аддитивный цвет
Цветовая модель RGB

Введение в компьютерную графику
Аддитивный цвет
Цветовая модель RGB

Введение в компьютерную графику
RGB - оттенки серого
■ Условие
– R=G=B

Введение в компьютерную графику
Субтрактивный цвет
Цветовая модель CMYK

Введение в компьютерную графику
Цветовая модель CMYK

Введение в компьютерную графику
Цветовая модель CMYK

Введение в компьютерную графику
CMYK - оттенки серого
■ Условие
– C > M, Y
– M=Y

Neutral Values in CMYK
CGATS IT8.7/3 chart

C

M

Y

0
5
10
20
40
60
80
100

0
3
6
12
27
45
65
85

0
3
6
12
27
45
65
85

Введение в компьютерную графику
Алгоритм образования черного
канала - GCR

Определенное соотношение трех цветов (CMY) заменяется эквивалентным
количеством черного (K) на всем цветовом пространстве изображения.
Введение в компьютерную графику
Алгоритм образования черного
канала - UCR
черный
используется
только на теневых
нейтральных
участках цвета и
близких к ним
тонов.

Введение в компьютерную графику
Настройка алгоритма GCR в
Photoshop

Введение в компьютерную графику
Плашечные цвета (spot colors)

Введение в компьютерную графику
Цветовая модель HSB
тон (hue) [градусы]
насыщенность (saturation) [проценты]
яркость (brightness) [проценты]

Введение в компьютерную графику
Цветовая модель LAB
■ Аппаратно независимая
Светлота 25%

Светлота 75%
Введение в компьютерную графику
Способы представления цветов в
Web

■ В виде #123ABC. Представление в виде
трѐх пар шестнадцатеричных цифр, где
каждая пара отвечает за свой цвет:
– две первые цифры — красный
– две в середине — зелѐный
– две последние цифры — синий

■ Возможно также краткое представление
цвета в виде #ABC, что будет
интерпретировано как #AABBCC.
Введение в компьютерную графику
Способы представления цветов в
Web
■ В виде rgb(*,*,*), где «*» — числа от 0 до
255, обозначающих количество
соответствующего цвета (красный,
зелѐный, синий) в получаемом.
Например:
rgb(100,200,150)

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

Введение в компьютерную графику
Выбор цвета в Photoshop
■ Выбор цвета
осуществляется
в любой
цветовой
модели и
пересчитываетс
я в текущую
цветовую
модель
Введение в компьютерную графику
Гармонические
сочетания

■ Гармонические сочетания можно находить
с помощью треугольников (всех трѐх
типов!), прямоугольников и кругов пр.

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

Введение в компьютерную графику
Цветовые схемы
■ Монохроматическая

Введение в компьютерную графику
Цветовые схемы
■ Смежные

Введение в компьютерную графику
Цветовые схемы
■ Комплементарные
■ Разделенные
комплементарные

Введение в компьютерную графику
Цветовые схемы
■ Триадные

Введение в компьютерную графику
Цветовые схемы
■ Двойные разделенные
комплементарные

Введение в компьютерную графику
Цветовые схемы
■ Двойные разделенные
комплементарные

Введение в компьютерную графику
Поворот по тону (Hue)

Введение в компьютерную графику
Составление палитры

Введение в компьютерную графику
http://kuler.adobe.com/

Введение в компьютерную графику
Цветовые профили

Введение в компьютерную графику
Цветовые профили

sRGB

Введение в компьютерную графику
Цветовой охват

Введение в компьютерную графику
Пересчет профилей

Введение в компьютерную графику
Пересчет профилей

Введение в компьютерную графику
Цветовые профили

Введение в компьютерную графику
Изначальное цветовое
пространство
■ Можно определить цветовое пространство
стимулов как линейное пространство, если
задать координаты x, y, z в качестве значений
стимулов, соответствующих отклику колбочек
длинноволнового (L), средневолнового (M) и
коротковолнового (S) диапазона оптического
спектра.
■ (S, M, L) = (0, 0, 0) чѐрный цвет.
■ Белый цвет не будет иметь чѐткой позиции
определяться через
– цветовую температуру
– определѐнный баланс белого

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

Введение в компьютерную графику
Цветовое пространство XYZ
■ CIE XYZ — линейная 3-компонентная цветовая модель, основанная
на результатах измерения характеристик человеческого глаза.
■ Цветовое зрение человека обусловлено наличием трѐх видов
световосприимчивых рецепторов, максимумы спектральной
чувствительности которых локализованы в области 420, 534 и 564 нм,
что соответствует синему, зелѐному и жѐлтому
■ Все тона воспринимаются как их смешение в определѐнной
пропорции
Максимум рецепторов
■ Площади поверхности под
каждой кривой равны между собой

Введение в компьютерную графику
Точка белого
■ Белый цвет не будет иметь чѐткой
позиции
определяться через
– цветовую температуру
– определѐнный баланс белого

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

Введение в компьютерную графику
Точка белого
■ Поскольку некоторые источники света не
идентичны излучению абсолютно чѐрных тел,
баланс белого использует вторую переменную
в дополнение к цветовой температуре: сдвиг
зелѐного. Коррекция зелѐного при обычном
дневном свете чаще всего не нужна, однако
при флюоресцентном и другом искусственном
освещении баланс белого может потребовать
значительной коррекции зелѐного.
Введение в компьютерную графику
Точка черного
■ Относительное преобразование черной точки
предполагает приравнивание черного цвета исходного
цветового пространства к значению 0 канала L в
пространстве PCS, а абсолютное — приравнивание к
фактическому значению L, которое способно
воспроизвести конкретное устройство, — обычно это
значение гораздо больше нуля.
■ Функция Black Point Compensation как раз и
обеспечивает такое преобразование между исходным и
целевым профилями даже в том случае, если оба
профиля или один из них предусматривают абсолютное
преобразование черной точки.

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

Введение в компьютерную графику
Гамма-коррекция

Введение в компьютерную графику
Гамма-коррекция

Введение в компьютерную графику
Гамма-коррекция

Введение в компьютерную графику
Калибровка монитора
■ Настройка яркости и контраста
– Контраст 100%, яркость 0%
– Увеличиваем яркость до появления цифр на
черном
– Уменьшаем контраст до появления цифр на
белом фоне

Введение в компьютерную графику
Калибровка монитора WinXP

Введение в компьютерную графику
Проверка цветового профиля
монитора

Введение в компьютерную графику
Калибровка монитора Win7
■ Запустить из командной строки dccw

Введение в компьютерную графику
Калибровка CLTest
■ Контраст
■ Баланс белого на кнопках монитора
■ CLTest Mode->Calibtate fast
– Точка черного
– Точка белого
– Точки гамма кривой каждого канала

Введение в компьютерную графику
Форматы графических файлов
Форматы

Векторные

Растровые

Смешанные
Введение в компьютерную графику
Векторные данные
Вектор - это математическое
описание объектов
Компьютер рисует объекты по
математическим формулам
Возможно масштабировать
изображение без потери
качества

Введение в компьютерную графику
Введение в компьютерную графику
Векторные данные
■ Координаты углов
– 2 точки (4 координаты)

■ Параметры контура
– Толщина
– Цвет
– Форма изгибов

■ Параметры заливки
– Тип заливки
– Параметры заливки

Введение в компьютерную графику
Растровые данные
■ Прямоугольная
матрица состоящая из
пикселей
■ Пиксель состоит из
компонентов R G B
■ Пиксель описывается
тремя числами
например
(142,231,234)
Введение в компьютерную графику
Масштабирование вектора и
растра

Введение в компьютерную графику
Разрешающая способность

Введение в компьютерную графику
Задача 1

Введение в компьютерную графику
Задача 2
89,4 cm
? - pix

DPI=150

112 cm
? - pix

Введение в компьютерную графику
Задача 3
pix?

A4

pix?

300 dpi

Введение в компьютерную графику
Передача полутонов

Введение в компьютерную графику
Обычный и стохастический
растр

Введение в компьютерную графику
Стохастический растр

■ Разбиение традиционной точки на множество
мелких элементов

Введение в компьютерную графику
Стохастический растр

■ Формирование микроточек
– Приблизительно одинакового размера
– Минимально возможный размер

Введение в компьютерную графику
Стохастический растр

Введение в компьютерную графику
Стохастический растр

■ Фильтрующий алгоритм не допускает
неравномерностей

Введение в компьютерную графику
Стохастический растр

■ Фильтрующий алгоритм не допускает
образование «червяков»

Введение в компьютерную графику
Цветная офсетная печать

Введение в компьютерную графику
Цветная офсетная печать

Введение в компьютерную графику
Цветная офсетная печать

Введение в компьютерную графику
DPI = LPI * 1,5

Введение в компьютерную графику
Вектор VS Растр
Размер файла

+

-

Масштабирование

+

-

Переходы цвета

-

+

Время прорисовки

-

+

Простота рисования

-

+

Введение в компьютерную графику
Глубина цвета
24 бита = 16 млн. цветов

16 цветов

Введение в компьютерную графику
GIF
■ Индексированные цвета ( от 2 до 256)
■ Основное предназначение: WEB
0

1

3

1

0

1

1

2

1

1

3

2

1

2

3

1

1

2

1

1

0

1

3

1

0

Введение в компьютерную графику
GIF
■ Поддержка прозрачности (по цвету)
■ Сжатие LZW
■ Поддержка анимации
■ Запись изображения «через строчку»
(Interlaced)

Введение в компьютерную графику
Interlaced

Введение в компьютерную графику
PNG
■ Основное предназначение: WEB
■ Глубина цвета ( от 2 до 256) ( 24,48 бит)
■ Поддержка прозрачности (по цвету, 8-и
битный альфа канал)

Введение в компьютерную графику
PNG
■ Сжатие без потерь Deflate (аналог LZW)
размер меньше GIF’a
■ Interlaced – по строкам и столбцам
■ Записывается гамма-коррекция

Введение в компьютерную графику
JPEG
■
■
■
■
■
■
■
■
■

Основное предназначение: WEB
Глубина цвета - 24 бит
Прозрачность не поддерживается
Сжатие алгоритмом JPEG (качество деталей)
Progressive JPEG – аналог Interlace
Интеграция цветового профиля
Сохранение фотографий и т.п.
Не стоит сохранять чертежи и схемы
Сохранять только конечный результат
Введение в компьютерную графику
Пример качества сжатия

Введение в компьютерную графику
TIFF
■ Основное предназначение: Полиграфия
■ Любая цветовая модель
■ Прозрачность по альфаканалу
■ Поддержка слоев
■ Поддержка многостраничности
■ Интеграция цветового профиля
■ Лучший вариант для передачи растра в
векторные редакторы
Введение в компьютерную графику
PostScript
■ Платформонезависимый язык управления
принтерами
■ Когда текущая страница полностью
описана, она посылается на принтер
■ Подготовкой к печати занимается
процессор принтера

Введение в компьютерную графику
PostScript пример выполнения
%!PS-Adobe-1.0
% По умолчанию, постскрипт использует единицу измерения 1 пункт=1/72
дюйма,
72 25.4 div
% 1 мм = 72/25.4 пунктов
dup
% дублировать значение на вершине стека
scale
% растянуть в это количество раз по обеим координатам
100 100 translate % установить начало координат в (100мм, 100мм)
/Times-Roman findfont % взять шрифт Times-Roman
10 scalefont
% растянуть до размера 10 (у нас единица измерения мм!)
setfont
% установить выбранный шрифт
0 30 330 {
% цикл для углов от 0 до 330 с шагом 30
gsave
% запомнить текущее преобразование координат
rotate
% повернуть систему координат (угол в градусах берѐм с
вершины стека)
15 0 moveto
% перейти в точку (15мм, 0мм)
(Gazprom) show % написать слово текущим шрифтом
grestore
% вернуть преобразование координат
} for
% конец цикла for
showpage

% вывести страницу

Введение в компьютерную графику
EPS
■ Основное предназначение: Полиграфия
■ Упрощенная версия PostScript
■ Может содержать векторную и растровую
информацию
■ Может содержать эскиз
■ Зависит от программы, в которой создан
■ Сохранять конечный вариант работы
Введение в компьютерную графику
PDF
■ Предназначен для отображения и передачи
полиграфической продукции
■ Использует ряд возможностей PostScript’a
■ Кроссплатформенный
■ Может содержать векторную и растровую
информацию
■ Возможность вставки мультимедийных
компонентов (меню, кнопки, текстовые поля)
■ Защита файла паролем
Введение в компьютерную графику
PSD
■ Формат редактора Adobe Photoshop
■ PSB – раширение PSD для сохранения
файлов размером более 2 гигабайт

Введение в компьютерную графику
AI
■ Формат редактора Adobe Illustrator
■ Может содержать векторную и растровую
информацию
■ Одностраничный

Введение в компьютерную графику
CDR
■ Формат редактора Corel Draw
■ Может содержать векторную и растровую
информацию
■ Многостраничный

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

Количество
цветов

Сжатие
графических
файлов

Сжатие файлов

Поддержка
прозрачности

Много
страничность

примечание

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

2-256

нет

LZW

Да/нет (по цвету)

нет

Анимация;
запись через
строчку

RGB

нет

Deflate
(аналог LZW
размер меньше
gif)

Да/нет (по цвету)

Векторный контур
не сохраняет;
запись через
строчку

RGB

да

Да
Плавное
изменение
прозрачности
0-255; создается
альфа-канал

нет

Векторный контур
не сохраняет;
запись через
строчку

RGB

нет

Передача
информации по
инету Progressive
JPEG; векторный
контур не
сохраняет;

Gif
Передача
информации
в Интернете

PNG 8
Передача
информации
в Интернете

2-256

нет

PNG 24
Передача
информации в

2-16 500 000

Интернете

24

JPEG
Передача
информации в
Интернете

24 bit
16 000000

Алгоритм JPEG

Нет

Не
поддерживается

RGB; СMYK
интеграция
цветового профиля

Введение в компьютерную графику
Форматы графических файлов
Сжатие
графических
файлов

Сжатие файлов

Нет
Без потери
качества

Устанавливаетс
я либо
- LZW
- ZIP

расширение

Количество
цветов

TIF
полиграфия

24 bit
16 000000
36-48 bit
24 000000 –
32 000000

PostScript
Платформонезависимый язык
управления
принтерами

24 bit и
возможно
больше

Содержит
векторные и
растровые контуры

24-48 bit

Содержит
векторные контуры

EPS
полиграфия

нет

нет

Поддержка
прозрачности

Да
Плавное изменение
прозрачности
0-255 создается
альфа-канал

Много
страничность

примечание

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

да

Поддерживаются
слои; хранится
цветовой профиль
векторные контуры

RGB; СMYK: LAB

да

Стандарт языка
принтеров

Может
содержать
эскиз

Содержит векторную
и растровую
информацию; можно
сохранять конечный
вариант

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

PDF
Кроссплатформен
ный (на любом
устройстве
открывается)

PSD
Кроссплатформен
ный (на любом
устройстве
открывается)

Количество
цветов

24-48 bit

24-48 bit

Сжатие
графических
файлов

По выбору
Да/нет

По выбору
Да/нет

Сжатие файлов

Поддержка
прозрачности

Много
страничность

примечание

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

Нет
Защита файла
паролем

Да
Содержит
векторные и
растровую графику

Да; вставка
мультимедийн
ых элементов
(кнопки,
ссылки,
ролики)

Отображение и
передача графической
информации;
полиграфия; печать в
PDF Adobe Acrobat
pro

Использует для
описания
возможности язык
PostScript

Да; вставка
мультимедийн
ых элементов
(кнопки,
ссылки,
ролики)

Отображение и
передача графической
информации;
полиграфия; печать в
PDF Adobe Acrobat
pro

любая

Нет
Защита файла
паролем

Да
Содержит
векторные и
растровую графику

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

Contenu connexe

Similaire à Общая теория 2d изображений

двоичное кодирование информации: звук, изображение, текст
двоичное кодирование информации: звук, изображение, текст двоичное кодирование информации: звук, изображение, текст
двоичное кодирование информации: звук, изображение, текст
NadinFura
 
20110925 computer graphics_galinsky_lecture03_color
20110925 computer graphics_galinsky_lecture03_color20110925 computer graphics_galinsky_lecture03_color
20110925 computer graphics_galinsky_lecture03_color
Computer Science Club
 
болотова
болотоваболотова
болотова
kyky1234
 
цветовые модели
цветовые моделицветовые модели
цветовые модели
student_SSGA
 
07
0707
07
JIuc
 
011
011011
011
JIuc
 
графика
графикаграфика
графика
Maysnikov
 

Similaire à Общая теория 2d изображений (19)

Vvelkdkg
VvelkdkgVvelkdkg
Vvelkdkg
 
378 егоров александр
378 егоров александр378 егоров александр
378 егоров александр
 
двоичное кодирование информации: звук, изображение, текст
двоичное кодирование информации: звук, изображение, текст двоичное кодирование информации: звук, изображение, текст
двоичное кодирование информации: звук, изображение, текст
 
Cvetmod
CvetmodCvetmod
Cvetmod
 
20110925 computer graphics_galinsky_lecture03_color
20110925 computer graphics_galinsky_lecture03_color20110925 computer graphics_galinsky_lecture03_color
20110925 computer graphics_galinsky_lecture03_color
 
Работа с цветом
Работа с цветомРабота с цветом
Работа с цветом
 
Графическая информация
Графическая информацияГрафическая информация
Графическая информация
 
болотова
болотоваболотова
болотова
 
Цвет в компьютерной графике
Цвет в компьютерной графикеЦвет в компьютерной графике
Цвет в компьютерной графике
 
цветовые модели
цветовые моделицветовые модели
цветовые модели
 
график
графикграфик
график
 
07
0707
07
 
19. Цветовые пространства.ppt
19. Цветовые пространства.ppt19. Цветовые пространства.ppt
19. Цветовые пространства.ppt
 
Компьютерная графика
Компьютерная графикаКомпьютерная графика
Компьютерная графика
 
Graph
GraphGraph
Graph
 
011
011011
011
 
графика
графикаграфика
графика
 
11. цвет для веб страниц
11. цвет для веб страниц11. цвет для веб страниц
11. цвет для веб страниц
 
Цветоделение
ЦветоделениеЦветоделение
Цветоделение
 

Общая теория 2d изображений

  • 2. Цветовой диапазон 380 нм 740 нм Введение в компьютерную графику
  • 3. Цвет источника света Введение в компьютерную графику
  • 4. Цвет предметов Введение в компьютерную графику
  • 5. Цветовые модели Введение в компьютерную графику
  • 6. Цветовой охват Введение в компьютерную графику
  • 7. Где в Photoshop устанавливается цветовая модель документа? Новый документ Открытый документ Введение в компьютерную графику
  • 8. Цветовая модель Bitmap ■ Цвет описывается 1 битом ■ 0 – белый, 1 – черный, полутонов НЕТ Введение в компьютерную графику
  • 9. Цветовая модель Grayscale ■ 255 (0%) – белый ■ 0 (100%) – черный ■ Глубина цвета 8 бит (сколько градаций) Введение в компьютерную графику
  • 10. Цветовая модель Grayscale Введение в компьютерную графику
  • 11. Аддитивный цвет Цветовая модель RGB Введение в компьютерную графику
  • 12. Аддитивный цвет Цветовая модель RGB Введение в компьютерную графику
  • 13. RGB - оттенки серого ■ Условие – R=G=B Введение в компьютерную графику
  • 14. Субтрактивный цвет Цветовая модель CMYK Введение в компьютерную графику
  • 15. Цветовая модель CMYK Введение в компьютерную графику
  • 16. Цветовая модель CMYK Введение в компьютерную графику
  • 17. CMYK - оттенки серого ■ Условие – C > M, Y – M=Y Neutral Values in CMYK CGATS IT8.7/3 chart C M Y 0 5 10 20 40 60 80 100 0 3 6 12 27 45 65 85 0 3 6 12 27 45 65 85 Введение в компьютерную графику
  • 18. Алгоритм образования черного канала - GCR Определенное соотношение трех цветов (CMY) заменяется эквивалентным количеством черного (K) на всем цветовом пространстве изображения. Введение в компьютерную графику
  • 19. Алгоритм образования черного канала - UCR черный используется только на теневых нейтральных участках цвета и близких к ним тонов. Введение в компьютерную графику
  • 20. Настройка алгоритма GCR в Photoshop Введение в компьютерную графику
  • 21. Плашечные цвета (spot colors) Введение в компьютерную графику
  • 22. Цветовая модель HSB тон (hue) [градусы] насыщенность (saturation) [проценты] яркость (brightness) [проценты] Введение в компьютерную графику
  • 23. Цветовая модель LAB ■ Аппаратно независимая Светлота 25% Светлота 75% Введение в компьютерную графику
  • 24. Способы представления цветов в Web ■ В виде #123ABC. Представление в виде трѐх пар шестнадцатеричных цифр, где каждая пара отвечает за свой цвет: – две первые цифры — красный – две в середине — зелѐный – две последние цифры — синий ■ Возможно также краткое представление цвета в виде #ABC, что будет интерпретировано как #AABBCC. Введение в компьютерную графику
  • 25. Способы представления цветов в Web ■ В виде rgb(*,*,*), где «*» — числа от 0 до 255, обозначающих количество соответствующего цвета (красный, зелѐный, синий) в получаемом. Например: rgb(100,200,150) Введение в компьютерную графику
  • 26. Способы представления цветов в Web ■ Представление ключевыми словами, например green, black. Во избежание случаев, когда указанное ключевое слово «не понимается» браузером следует использовать лишь небольшой набор основных цветов, используемых во всех браузерах. Введение в компьютерную графику
  • 27. Выбор цвета в Photoshop ■ Выбор цвета осуществляется в любой цветовой модели и пересчитываетс я в текущую цветовую модель Введение в компьютерную графику
  • 28. Гармонические сочетания ■ Гармонические сочетания можно находить с помощью треугольников (всех трѐх типов!), прямоугольников и кругов пр. Введение в компьютерную графику
  • 29. Цветовой круг Введение в компьютерную графику
  • 31. Цветовые схемы ■ Смежные Введение в компьютерную графику
  • 32. Цветовые схемы ■ Комплементарные ■ Разделенные комплементарные Введение в компьютерную графику
  • 33. Цветовые схемы ■ Триадные Введение в компьютерную графику
  • 34. Цветовые схемы ■ Двойные разделенные комплементарные Введение в компьютерную графику
  • 35. Цветовые схемы ■ Двойные разделенные комплементарные Введение в компьютерную графику
  • 36. Поворот по тону (Hue) Введение в компьютерную графику
  • 37. Составление палитры Введение в компьютерную графику
  • 39. Цветовые профили Введение в компьютерную графику
  • 40. Цветовые профили sRGB Введение в компьютерную графику
  • 41. Цветовой охват Введение в компьютерную графику
  • 42. Пересчет профилей Введение в компьютерную графику
  • 43. Пересчет профилей Введение в компьютерную графику
  • 44. Цветовые профили Введение в компьютерную графику
  • 45. Изначальное цветовое пространство ■ Можно определить цветовое пространство стимулов как линейное пространство, если задать координаты x, y, z в качестве значений стимулов, соответствующих отклику колбочек длинноволнового (L), средневолнового (M) и коротковолнового (S) диапазона оптического спектра. ■ (S, M, L) = (0, 0, 0) чѐрный цвет. ■ Белый цвет не будет иметь чѐткой позиции определяться через – цветовую температуру – определѐнный баланс белого ■ Данная модель не применима для описания цвета в условиях чрезвычайно высоких интенсивностей излучений и очень низких интенсивностей Введение в компьютерную графику
  • 46. Цветовое пространство XYZ ■ CIE XYZ — линейная 3-компонентная цветовая модель, основанная на результатах измерения характеристик человеческого глаза. ■ Цветовое зрение человека обусловлено наличием трѐх видов световосприимчивых рецепторов, максимумы спектральной чувствительности которых локализованы в области 420, 534 и 564 нм, что соответствует синему, зелѐному и жѐлтому ■ Все тона воспринимаются как их смешение в определѐнной пропорции Максимум рецепторов ■ Площади поверхности под каждой кривой равны между собой Введение в компьютерную графику
  • 47. Точка белого ■ Белый цвет не будет иметь чѐткой позиции определяться через – цветовую температуру – определѐнный баланс белого ■ Спектральный состав света, отраженного от объекта, зависит от цветовой температуры источника освещения. Человеческий мозг может адаптироваться к изменению условий освещения, поэтому человек воспринимает белый цвет независимо от того, где расположены белые объект – в тени, под прямыми солнечными лучами или освещенные лампой накаливания. Введение в компьютерную графику
  • 48. Точка белого ■ Поскольку некоторые источники света не идентичны излучению абсолютно чѐрных тел, баланс белого использует вторую переменную в дополнение к цветовой температуре: сдвиг зелѐного. Коррекция зелѐного при обычном дневном свете чаще всего не нужна, однако при флюоресцентном и другом искусственном освещении баланс белого может потребовать значительной коррекции зелѐного. Введение в компьютерную графику
  • 49. Точка черного ■ Относительное преобразование черной точки предполагает приравнивание черного цвета исходного цветового пространства к значению 0 канала L в пространстве PCS, а абсолютное — приравнивание к фактическому значению L, которое способно воспроизвести конкретное устройство, — обычно это значение гораздо больше нуля. ■ Функция Black Point Compensation как раз и обеспечивает такое преобразование между исходным и целевым профилями даже в том случае, если оба профиля или один из них предусматривают абсолютное преобразование черной точки. Введение в компьютерную графику
  • 50. Калибровка монитора ■ Установка точки белого ■ Установка яркости и контраста ■ Настройка гаммы Введение в компьютерную графику
  • 54. Калибровка монитора ■ Настройка яркости и контраста – Контраст 100%, яркость 0% – Увеличиваем яркость до появления цифр на черном – Уменьшаем контраст до появления цифр на белом фоне Введение в компьютерную графику
  • 55. Калибровка монитора WinXP Введение в компьютерную графику
  • 57. Калибровка монитора Win7 ■ Запустить из командной строки dccw Введение в компьютерную графику
  • 58. Калибровка CLTest ■ Контраст ■ Баланс белого на кнопках монитора ■ CLTest Mode->Calibtate fast – Точка черного – Точка белого – Точки гамма кривой каждого канала Введение в компьютерную графику
  • 60. Векторные данные Вектор - это математическое описание объектов Компьютер рисует объекты по математическим формулам Возможно масштабировать изображение без потери качества Введение в компьютерную графику
  • 62. Векторные данные ■ Координаты углов – 2 точки (4 координаты) ■ Параметры контура – Толщина – Цвет – Форма изгибов ■ Параметры заливки – Тип заливки – Параметры заливки Введение в компьютерную графику
  • 63. Растровые данные ■ Прямоугольная матрица состоящая из пикселей ■ Пиксель состоит из компонентов R G B ■ Пиксель описывается тремя числами например (142,231,234) Введение в компьютерную графику
  • 65. Разрешающая способность Введение в компьютерную графику
  • 66. Задача 1 Введение в компьютерную графику
  • 67. Задача 2 89,4 cm ? - pix DPI=150 112 cm ? - pix Введение в компьютерную графику
  • 68. Задача 3 pix? A4 pix? 300 dpi Введение в компьютерную графику
  • 69. Передача полутонов Введение в компьютерную графику
  • 71. Стохастический растр ■ Разбиение традиционной точки на множество мелких элементов Введение в компьютерную графику
  • 72. Стохастический растр ■ Формирование микроточек – Приблизительно одинакового размера – Минимально возможный размер Введение в компьютерную графику
  • 73. Стохастический растр Введение в компьютерную графику
  • 74. Стохастический растр ■ Фильтрующий алгоритм не допускает неравномерностей Введение в компьютерную графику
  • 75. Стохастический растр ■ Фильтрующий алгоритм не допускает образование «червяков» Введение в компьютерную графику
  • 76. Цветная офсетная печать Введение в компьютерную графику
  • 77. Цветная офсетная печать Введение в компьютерную графику
  • 78. Цветная офсетная печать Введение в компьютерную графику
  • 79. DPI = LPI * 1,5 Введение в компьютерную графику
  • 80. Вектор VS Растр Размер файла + - Масштабирование + - Переходы цвета - + Время прорисовки - + Простота рисования - + Введение в компьютерную графику
  • 81. Глубина цвета 24 бита = 16 млн. цветов 16 цветов Введение в компьютерную графику
  • 82. GIF ■ Индексированные цвета ( от 2 до 256) ■ Основное предназначение: WEB 0 1 3 1 0 1 1 2 1 1 3 2 1 2 3 1 1 2 1 1 0 1 3 1 0 Введение в компьютерную графику
  • 83. GIF ■ Поддержка прозрачности (по цвету) ■ Сжатие LZW ■ Поддержка анимации ■ Запись изображения «через строчку» (Interlaced) Введение в компьютерную графику
  • 85. PNG ■ Основное предназначение: WEB ■ Глубина цвета ( от 2 до 256) ( 24,48 бит) ■ Поддержка прозрачности (по цвету, 8-и битный альфа канал) Введение в компьютерную графику
  • 86. PNG ■ Сжатие без потерь Deflate (аналог LZW) размер меньше GIF’a ■ Interlaced – по строкам и столбцам ■ Записывается гамма-коррекция Введение в компьютерную графику
  • 87. JPEG ■ ■ ■ ■ ■ ■ ■ ■ ■ Основное предназначение: WEB Глубина цвета - 24 бит Прозрачность не поддерживается Сжатие алгоритмом JPEG (качество деталей) Progressive JPEG – аналог Interlace Интеграция цветового профиля Сохранение фотографий и т.п. Не стоит сохранять чертежи и схемы Сохранять только конечный результат Введение в компьютерную графику
  • 88. Пример качества сжатия Введение в компьютерную графику
  • 89. TIFF ■ Основное предназначение: Полиграфия ■ Любая цветовая модель ■ Прозрачность по альфаканалу ■ Поддержка слоев ■ Поддержка многостраничности ■ Интеграция цветового профиля ■ Лучший вариант для передачи растра в векторные редакторы Введение в компьютерную графику
  • 90. PostScript ■ Платформонезависимый язык управления принтерами ■ Когда текущая страница полностью описана, она посылается на принтер ■ Подготовкой к печати занимается процессор принтера Введение в компьютерную графику
  • 91. PostScript пример выполнения %!PS-Adobe-1.0 % По умолчанию, постскрипт использует единицу измерения 1 пункт=1/72 дюйма, 72 25.4 div % 1 мм = 72/25.4 пунктов dup % дублировать значение на вершине стека scale % растянуть в это количество раз по обеим координатам 100 100 translate % установить начало координат в (100мм, 100мм) /Times-Roman findfont % взять шрифт Times-Roman 10 scalefont % растянуть до размера 10 (у нас единица измерения мм!) setfont % установить выбранный шрифт 0 30 330 { % цикл для углов от 0 до 330 с шагом 30 gsave % запомнить текущее преобразование координат rotate % повернуть систему координат (угол в градусах берѐм с вершины стека) 15 0 moveto % перейти в точку (15мм, 0мм) (Gazprom) show % написать слово текущим шрифтом grestore % вернуть преобразование координат } for % конец цикла for showpage % вывести страницу Введение в компьютерную графику
  • 92. EPS ■ Основное предназначение: Полиграфия ■ Упрощенная версия PostScript ■ Может содержать векторную и растровую информацию ■ Может содержать эскиз ■ Зависит от программы, в которой создан ■ Сохранять конечный вариант работы Введение в компьютерную графику
  • 93. PDF ■ Предназначен для отображения и передачи полиграфической продукции ■ Использует ряд возможностей PostScript’a ■ Кроссплатформенный ■ Может содержать векторную и растровую информацию ■ Возможность вставки мультимедийных компонентов (меню, кнопки, текстовые поля) ■ Защита файла паролем Введение в компьютерную графику
  • 94. PSD ■ Формат редактора Adobe Photoshop ■ PSB – раширение PSD для сохранения файлов размером более 2 гигабайт Введение в компьютерную графику
  • 95. AI ■ Формат редактора Adobe Illustrator ■ Может содержать векторную и растровую информацию ■ Одностраничный Введение в компьютерную графику
  • 96. CDR ■ Формат редактора Corel Draw ■ Может содержать векторную и растровую информацию ■ Многостраничный Введение в компьютерную графику
  • 97. Форматы графических файлов расширение Количество цветов Сжатие графических файлов Сжатие файлов Поддержка прозрачности Много страничность примечание Цветовая модель 2-256 нет LZW Да/нет (по цвету) нет Анимация; запись через строчку RGB нет Deflate (аналог LZW размер меньше gif) Да/нет (по цвету) Векторный контур не сохраняет; запись через строчку RGB да Да Плавное изменение прозрачности 0-255; создается альфа-канал нет Векторный контур не сохраняет; запись через строчку RGB нет Передача информации по инету Progressive JPEG; векторный контур не сохраняет; Gif Передача информации в Интернете PNG 8 Передача информации в Интернете 2-256 нет PNG 24 Передача информации в 2-16 500 000 Интернете 24 JPEG Передача информации в Интернете 24 bit 16 000000 Алгоритм JPEG Нет Не поддерживается RGB; СMYK интеграция цветового профиля Введение в компьютерную графику
  • 98. Форматы графических файлов Сжатие графических файлов Сжатие файлов Нет Без потери качества Устанавливаетс я либо - LZW - ZIP расширение Количество цветов TIF полиграфия 24 bit 16 000000 36-48 bit 24 000000 – 32 000000 PostScript Платформонезависимый язык управления принтерами 24 bit и возможно больше Содержит векторные и растровые контуры 24-48 bit Содержит векторные контуры EPS полиграфия нет нет Поддержка прозрачности Да Плавное изменение прозрачности 0-255 создается альфа-канал Много страничность примечание Цветовая модель да Поддерживаются слои; хранится цветовой профиль векторные контуры RGB; СMYK: LAB да Стандарт языка принтеров Может содержать эскиз Содержит векторную и растровую информацию; можно сохранять конечный вариант Введение в компьютерную графику
  • 99. Форматы графических файлов расширение PDF Кроссплатформен ный (на любом устройстве открывается) PSD Кроссплатформен ный (на любом устройстве открывается) Количество цветов 24-48 bit 24-48 bit Сжатие графических файлов По выбору Да/нет По выбору Да/нет Сжатие файлов Поддержка прозрачности Много страничность примечание Цветовая модель Нет Защита файла паролем Да Содержит векторные и растровую графику Да; вставка мультимедийн ых элементов (кнопки, ссылки, ролики) Отображение и передача графической информации; полиграфия; печать в PDF Adobe Acrobat pro Использует для описания возможности язык PostScript Да; вставка мультимедийн ых элементов (кнопки, ссылки, ролики) Отображение и передача графической информации; полиграфия; печать в PDF Adobe Acrobat pro любая Нет Защита файла паролем Да Содержит векторные и растровую графику Введение в компьютерную графику