КОМПЬЮТЕРНЫЕ ЦИФРОВЫЕ ИЗОБРАЖЕНИЯ ОПРЕДЕЛЕНИЕ Цифровым может быть

КОМПЬЮТЕРНЫЕ ЦИФРОВЫЕ ИЗОБРАЖЕНИЯ

ОПРЕДЕЛЕНИЕ: Цифровым может быть названо изображение, созданное с использованием компьютерной программы, либо изображение, преобразованное в электронную информацию для того, чтобы просматривать, редактировать и управлять им на экране компьютера. Устройства, преобразующие графические изображения в цифровую форму, называются оцифровывающими (сканеры, цифровые фотоаппараты и др. ).

ОБЛАСТИ ПРИМЕНЕНИЯ ЦИФРОВЫХ ИЗОБРАЖЕНИЙ овые Цифр ения зображ и /CAM CAD Мульти медиаизображ ения Трехмерные компьютерные программы

Устройства цифрового ввода Цифровая фотокамера сканер Web-камера

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

Характеристики растровых изображений • Получаются с помощью сканеров из фотографических изображений, с помощью цифровых камер. • Обеспечивают максимальную реалистичность изображения. • Имеют большой размер. • Качество зависит от размера.

Характеристики векторных изображений • Векторные изображения требуют ручного ввода (построения и рисования). Могут быть получены из растровых с помощью программ трассировки. • Не обеспечивают близкую к оригиналу реалистичность. • Компактны, так как хранят только математическое описание объектов. • Качество изображения не зависит от размера. • Легко редактировать.

Модели цвета Cyan GREEN Yellow BLUE Magenta • • RED • • Для описания цвета используются математические модели: RGB (Red-красный, Green-зеленый, Blue синий). В этой модели отображает экран монитора, кодирует изображение сканер. CMYK (Cyan-голубой, Magenta-пурпурный, Yellow-желтый, Blac. K). Используется для создания изображений, предназначенных для печати. HSB (Hue-тон, Saturation-насыщенность, Brightness- яркость). Удобна для подбора оттенков и цветов. Lab (Lightness-яркость, параметры a, b). Удобна для регулирования контраста, резкости.

Цветовая модель RGB • Сочетание Красного (Red), Зеленого (Green) и Синего (Blue) различных яркостей. • Положена в основу конструкции экрана монитора. • Соответствует восприятию цветов человеческим глазом (рецепторы трех видов, • аддитивные цвета реагируют на • всего 256*256=16, 7 млн. соответствующую длину цветов волны).

Модель RGB • т. о - черный цвет • т. а - белый цвет • диапазон оа - серая шкала (256 градаций серого) • вершины куба - чистые исходные цвета

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

Цветовая модель HSB • Представлена тремя компонентами: Н - Тон (Hue), S - Насыщенность (Saturation), В - Яркость (Brightness). • Описывает, скорее, качество световых волн, воспринимаемых глазом, а не цветовые составляющие. • Hue (Цветовой тон) - частота световой волны, отражающейся …однако мы видим бледноот объекта, который мы видим голубой, или ярко-синий, или (позволяет отличать один цвет бирюзовый – насыщенность от другого)… цвета

Модель HSB • Saturation (Насыщенность) является чистотой цвета. Это - разница между длинами волн доминирующей волны и остальных (т. е. насколько в данном цвете один тон преобладает над другими). • Чем сильнее, чище воспринимается цвет, тем больше он насыщен. • Чем меньше насыщенность цвета, тем он нейтральней, тем труднее однозначно охарактеризовать его. • Когда несколько тонов представлены примерно в одинаковом количестве, мы видим серый той или иной яркости. третья составляющая цветовой модели HSB – яркость…

Модель HSB • Brightness (Яркость), ее еще иногда обозначают как Lightness - третья составляющая цветовой модели HSB. Яркость определяет, насколько интенсивно мы воспринимаем энергию излучения. • Когда мы говорим о яркости как о понятии теории цвета, то белый имеет абсолютную яркость, а черный абсолютно лишен яркости, серый где-то посредине. • …в теорию света введена еще одна характеристика Luminance (Освещенность) - обозначающая воспринятую яркость данного цвета. Эта характеристика учитывает яркость цвета (Brightness или Lightness) и интенсивность цвета (Chroma). Именно эта составляющая позволяет адекватно отбросить информацию о цветности, оставив лишь информацию об оттенках. Чтобы выделить эту составляющую нужно воспользоваться цветовой моделью LAB.

Цветовая модель LAB • • Ее еще называют CIELAB), была принята в качестве международного цветового стандарта Международной Комиссией по Освещению (CIE). Цветовая модель LAB использует понятия Яркость (Lightness) и Интенсивность (Chroma), которые вместе составляют информацию об Освещенности (Luminance) в изображении, содержащуюся в канале L. Канал A хранит информацию о Тонах от зеленого до пурпурного, и, наконец, информация о Тонах от голубого до желтого

Цветовая модель CMYK H Цвета модели CMYK (Cyan, Magenta, Yellow, blac. K - голубой, пурпурный, желтый, черный) известны как цвета многослойной печати. Именно с использованием чернил из этого набора базовых цветов сделана большая часть печатной продукции, с которой мы сталкиваемся каждый день, от афиш до журнальных иллюстраций.

Модель CMYK На печатной странице эти цвета появляются в виде элементов растра, причем их максимальный размер и наклон строк можно изменять. Чем меньше размер точек растра при неизменном расстоянии между ними, тем меньше концентрация цвета. За счет угла наклона линий растра можно управлять тем, как будет происходить смешивание чернил разного цвета. Если посмотреть цветную иллюстрацию через увеличительное стекло в любом журнале, то можно заметить муаровые узоры. Они образованы точками растра, формирующегося в процессе четырехслойной печати. С помощью элементов растра, размещаемых на различных интервалах и под разными углами, можно воспроизвести практически любой цвет.

РАЗРЕШЕНИЕ РАСТРОВЫХ ИЗОБРАЖЕНИЙ Количество пикселей в изображении называются разрешением Разрешением также называется Разрешением количество элементов изображения, использованных при выводе изображения на печать.

РАЗРЕШЕНИЕ РАСТРОВЫХ ИЗОБРАЖЕНИЙ Размер файла в растровом изображении Размер основывается на количестве пикселей в изображении. Чтобы получить размер файла, нужно перемножить его размеры в пикселях и умножить полученное число на: 32 – для CMYK-изображения; 24 – для RGB-изображения; 8 – для 8 -битного изображения; 1 – для черно-белого изображения.

РАЗРЕШЕНИЕ РАСТРОВЫХ ИЗОБРАЖЕНИЙ Пример: размер файла изображения Пример 640*480 пикселов 24 -битного RGBцветового формата (640*480*24): 8 = 920 Кб. Файл этого же изображения в градации серого (640*480*8): 8 = 307 Кб.

Различные типы (режимы) изображений, которые выбираются командой Image/Mode в редакторе Photoshop.

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

ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ ДЛЯ РАБОТЫ С ЦИФРОВЫМИ ИЗОБРАЖЕНИЯМИ

ВЕКТОРНЫЕ ПРОГРАММЫ РАСТРОВЫЕ ПРОГРАММЫ РИСОВАНИЯ

ПРОГРАММЫ ЧЕРЧЕНИЯ • Программы Mac. Draw и Micrografx. Draw • Программы Adobe Illustrator, Aldus Freehand, инструмент Pen • Собственные градиенты

ПРОГРАММЫ ВЕРСТКИ СТРАНИЦ • Использование программ верстки страниц • Adobe Page. Maker • Corel Ventura • Quark. XPress.

ПРОГРАММЫ РЕДАКТИРОВАНИЯ ИЗОБРАЖЕНИЙ • Adobe Photoshop • Corel Photo. Paint • коллажи, виньетки, фотомонтаж • текстовые и фоновые эффекты • многослойная структура изображения

ПРОГРАММЫ ТРЕХМЕРНОГО МОДЕЛИРОВАНИЯ И ВИЗУАЛИЗАЦИИ • векторные программы • каркасная (скелетная) модель • примитивные (базисные) модели • визуализация

ПРОГРАММЫ СОЗДАНИЯ СПЕЦЭФФЕКТОВ • трансформация двумерного изображения в трехмерное • фильтры • фотографические светофильтры • КРТ (Kai’s Power Tools)

ПРОГРАММЫ МУЛЬТИМЕДИА • обучение, деловые презентации, производство CD ROM • интерактивные средства разработки учебных курсов

Графический редактор Adobe Photoshop и сканирование фотографий

Для чего использует Photoshop web-мастер • Сканирование и обработка фотографий и другой графики • Создание графических частей сайта: – заголовков, логотипов – кнопок панелей навигаций (в т. ч. анимационных) – анимационных картинок – фоновых изображений – резка больших картинок на более мелкие части и др. • Сохраниние и оптимизация файла рисунка командой Save For Web

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

Используйте сканер • Вложить фотографию в сканер изображением вниз на стекло и закрыть крышку • Вызвать команду File / Import / "Название модели сканера" • В окне диалога сканера выполнить предварительное сканирование, а затем сканирование изображения Планшетный сканер

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

Окно диалога сканера

Выбор цвета в Photoshop

Геометрические размеры рисунка Image / Image Size

Сохранение для Web в Photoshop Тип файла n JPEG High n GIF File / Save For

ИСПОЛЬЗОВАНИЕ ЦИФРОВЫХ ФАЙЛОВЫХ ФОРМАТОВ Пересылка изображения из одной программы в другую жизненно необходима, т. к. каждая графическая программа имеет свои сильные и слабые стороны. Изображения должны экспортироваться быстро и эффективно. Разработчики программных средств создали ряд компьютерных форматов, которые служат своего рода общим языком.

ИСПОЛЬЗОВАНИЕ ЦИФРОВЫХ ФАЙЛОВЫХ ФОРМАТОВ • Собственный формат файлов– формат, созданный специально для данного программного продукта

ИСПОЛЬЗОВАНИЕ ЦИФРОВЫХ ФАЙЛОВЫХ ФОРМАТОВ • EPS – поддерживается большинством графических векторных редакторов и программ верстки Опции сохранения: – просмотр – создание просмотрового файла – ASCII/Binary – текстовый/двоичный формат – DCS – цветоделение документа

ИСПОЛЬЗОВАНИЕ ЦИФРОВЫХ ФАЙЛОВЫХ ФОРМАТОВ TIFF –формат для изображений с цветовыми каналами • переносимость на платформы IBM PC и Macintosh; • импортируется во все программы настольных издательских систем; • можно работать в любой программе точечной графики; • чертежные программы не работают с ним; • включает схемы LZW-сжатия.

ИСПОЛЬЗОВАНИЕ ЦИФРОВЫХ ФАЙЛОВЫХ ФОРМАТОВ JPEG –сохранение точечных изображений со сжатием с потерями (Lossy): • уменьшение размера файла в 100 (практически в 5 - 15) раз; • выбор разновидности формата; • оптимизация цветовых параметров; • создание чересстрочных изображений.

ИСПОЛЬЗОВАНИЕ ЦИФРОВЫХ ФАЙЛОВЫХ ФОРМАТОВ • PICT – файловый • формат, поддерживаемый большинством программ рисования и обработки под Macintosh и программой Corel. DRAW; PCX – формат программы PC Paint. Brush; все графические приложения импортируют его; хорош для изображений с индексированными цветами

ИСПОЛЬЗОВАНИЕ ЦИФРОВЫХ ФАЙЛОВЫХ ФОРМАТОВ PSD – формат программы Photoshop; – поддерживает все типы изображений; – может содержать неограниченное количество пользовательских слоев, каждый слой – до 24 каналов; – при сохранении в другом формате слои должны быть сведены

ИСПОЛЬЗОВАНИЕ ЦИФРОВЫХ ФАЙЛОВЫХ ФОРМАТОВ • GIF – для сжатия • BMP – широко растровых файлов, используемый загружаемых по файловый формат телефонным линиям; для DOS и для хранения Windows, графических файлов в используется в Internet; работает с Paint. Brush индексированными цветами

ИСПОЛЬЗОВАНИЕ ЦИФРОВЫХ ФАЙЛОВЫХ ФОРМАТОВ PDF – средство электронного распространения документов для Macintosh, Windows, Unix, DOS; – для представления векторных и точечных изображений; – содержит элементы для поиска и просмотра электронных документов, гипертекстовые ссылки, электронное оглавление

ИСПОЛЬЗОВАНИЕ ЦИФРОВЫХ ФАЙЛОВЫХ ФОРМАТОВ CDR является “родным” форматом Corel. DRAW: • Файлы типа СМХ использовались для хранения коллекций векторных рисунков из поставки Corel. DRAW прежних версий; • СРХ — разновидность формата СМХ со сжатием файлов; • СРТ - формат файлов программы Corel PHOTO-PAINT с плавающими объектами.

ИСПОЛЬЗОВАНИЕ ЦИФРОВЫХ ФАЙЛОВЫХ ФОРМАТОВ • Photo. CD (PCD) - формат фирмы Kodak Photo. CD для хранения 35 -мм слайдов на компакт-дисках, которые можно просматривать на экране обычного телевизора.

ИСПОЛЬЗОВАНИЕ ЦИФРОВЫХ ФАЙЛОВЫХ ФОРМАТОВ • PNG — переносимая сетевая графика. В 1994 году понадобился новый графический формат, который должен был быть бесплатным и лучше форматов JPEG и GIF. PNG обеспечивает лучшее сжатие, чем GIF (10 — 30 %), но размер файлов больше, чем у GIF и JPEG. Как и GIF, это формат без потерь, PNG-файлы не ограничены 256 цветами.

ИСПОЛЬЗОВАНИЕ ЦИФРОВЫХ ФАЙЛОВЫХ ФОРМАТОВ • У веб-дизайнеров популярен формат Shockwave Flash фирмы Macromedia, богатый интерактивными и анимационными возможностями. Формат векторный, приспособлен для Интернет, поддерживает гипертекстовые ссылки, пользуется сжатием информации на манер утилит-архиваторов. Для просмотра этого формата в браузере нужен подключаемый модуль (plug-in), бесплатно распространяемый фирмой Macromedia.

ИСПОЛЬЗОВАНИЕ ЦИФРОВЫХ ФАЙЛОВЫХ ФОРМАТОВ • 3 D-форматы. Самый известный и часто встречающийся в Интренет — язык VRML (Virtual Reality Modelling Language, язык моделирования виртуальной реальности). Сцены состоят из математически описанных объектов; все точки имеют по три пространственных координаты (а с поддержкой анимации четвертую — временную координату). Сцены могут содержать источники освещения, программаинтерпретатор может показать сцену с любой точки, зайти внутрь и побродить между объектами.

ИСПОЛЬЗОВАНИЕ ЦИФРОВЫХ ФАЙЛОВЫХ ФОРМАТОВ Панорамные форматы хранят полный круговой обзор из некоторой точки, “склеенный” из нескольких снимков широкоугольным фотоаппаратом. Для просмотра такой панорамы нужно либо распечатать ее и свернуть в кольцо, либо прокручивать специальной программой. Некоторые из этих форматов дают не только панорамный, но и сферический обзор, включающий вид “в зенит” и “под ноги”.

СПАСИБО ЗА ВНИМАНИЕ!