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

Презентация:



Advertisements
Похожие презентации
Основные понятия компьютерной графики © Колодин С.А., 2010
Advertisements

Основные понятия растровой графики. «Видимый свет» – излучение с длиной волны от 380 нм. до 780 нм. Глаз человека воспринимает длины волн в диапазоне.
Основные понятия растровой графики для Web. Виды графических элементов 1.Иллюстрации. Фотографии, рисунки, чертежи, схемы, дополняющие текст сайта 2.Функциональные.
Основные понятия компьютерной графики МЦИО Ястребов Л.И.
Основные понятия растровой графики для Web МЦИО Ястребов Л.И.
Назначение растровой и векторной графики? Растровая графика Применяется при разработке электронных и полиграфических изданий Большинство.
Графические редакторы Программное обеспечение. РАСТРОВЫЕ ВЕКТОРНЫЕ Компьютерные изображения.
1 Аналоговая и дискретная форма представления информации Пространственная дискретизация Растровые изображения на экране монитора Растровая графика Векторная.
Информатика в школе Графические редакторы Программное обеспечение.
Лекция 1 РАСТРОВЫЕ ВЕКТОРНЫЕ Компьютерные изображения тест.
Графические редакторы. РАСТРОВЫЕ ВЕКТОРНЫЕ Компьютерные изображения.
Растровая и векторная графика.. РАСТРОВЫЕ ВЕКТОРНЫЕ Компьютерные изображения Графический редактор – программа для создания, редактирования и просмотра.
В этой работе использована презентация учителя информатики Усольцевой Э.М. (г. Качканар) Часть 2. Форматы файлов растровой графики.
Двоичное кодирование графической информации Информация и информационные процессы.
Растровая и векторная графика. Работу составляла Иванова А. 9б кл.
Примеры форматов графических файлов. Некоторые форматы графических файлов.
Рассмотрим некоторые форматы графических файлов более подробно. Некоторые форматы графических файлов являются универсальными, так как могут быть обработаны.
Компьютерная графика Петухин Вячеслав Алексеевич 1 семестр, 34 часа лекций, 34 часа лабораторных. Экзамен.
Растровое изображение хранится с помощью точек различного цвета (пикселей), образующие строчки и столбцы. Пример: черно-белое изображение стрелки (N =
Свойства Виды Формы представления Хранение Передача Обработка Кодирование.
Транксрипт:

Основные понятия компьютерной графики

Виды графических элементов Иллюстрации, фотографии, чертежи, схемы Функциональные графические элементы, различные элементы управления навигацией на сайте – кнопки, ролловеры и т.д. Декоративные элементы: фоновые рисунки, заголовки, анимированные изображения и др.

Компьютерная графика: цветовые модели Растровая и векторная графика Что такое пиксель? Форматы графических файлов Содержание

Человек видит: Излучение с длиной волны от 380 нм. до 780 нм. «Белый свет» (свет полуденного солнца): «смесь» в диапазоне - от 400 нм. (синий цвет) до 700 нм. (красный цвет) Что такое свет? Нанометр – 1 миллиардная часть метра

Глаз человека воспринимает длины волн в диапазоне: 400 – 500 нм. (синий цвет) 500 – 600 нм. (зелёный цвет) 600 – 700 нм. (красный цвет) Компьютерная графика: цветовые модели. RGB

красный + зелёный = жёлтый красный + синий = пурпурный зелёный + синий = голубой красный + зелёный + синий = белый Смешивание цветов

Всего цветов: 256 * 256 * 256 = Для передачи о 256 состояниях нужен 1 байт Для передачи информации о состояниях нужно всего 3 байта Модель RGB R = 0… 255 G = 0… 255 B = 0… 255

Cyan – голубой Magenta – фиолетовый Yellow – жёлтый Black - чёрный Цветная печать построена на модели CMY Модель CMYK

А – модель Lab B – модель RGB С – модель CMYK Цветовой охват различных устройств

Компьютерная графика: цветовые модели Растровая и векторная графика Что такое пиксель? Форматы графических файлов Содержание

Состоит из пикселей Пиксель – логическая точка Изображение – совокупность точек Состоит из объектов Объект – контур + выделенная область Изображение – совокупность объектов Растровая и векторная графика

Чтобы создать сложное изображение, нужно сгруппировать объекты Растровая и векторная графика

Растр

Компьютерная графика: цветовые модели Растровая и векторная графика Что такое пиксель? Форматы графических файлов Содержание

Что такое пиксель? Мельчайший элемент картинки – PICTURE ELEMENT – PIXEL – ПИКСЕЛЬ Мельчайший элемент картинки – PICTURE ELEMENT – PIXEL – ПИКСЕЛЬ Изображение – это кирпичная стена; Каждый кирпичик окрашен в свой цвет. Пиксель – это «кирпич» изображения

Что такое пиксель?

Компьютерная графика: цветовые модели Растровая и векторная графика Что такое пиксель? Форматы графических файлов Содержание

Сколько нужно места в памяти, чтобы воспроизвести на экране изображение размером 800 на 600 пикселей? Количество пикселей в изображении: 800 * 600 = пикселей Для хранения информации о цвете одного пикселя требуется 3 байта Поэтому для хранения информации о цвете всего изображения требуется: * 3 = байт= 1, 37 Мб Форматы графических файлов

Время. Человек не любит и не хочет ждать Скорость. Скорость загрузки информации из Интернета по телефонным проводам составляет не более 2-3 килобайт в секунду. Вывод: страница с изображением должна иметь не больше Килобайт. Выбор формата графического файла

Если изображение «сбросить» на диск в том виде, в котором оно находится в оперативной памяти, то это и будет сохранение файла в формате BMP. Помните пример? 800*600*3 байт = 1,37 Мегабайт Файлы имеют расширение имени *.bmp. Число цветов в изображении 16,77 млн.цветов Изображения импортируются в Word и PowerPoint Файл формата BMP быстро загружается с диска в оперативную память. Но по каналам Интернета изображение передается долго. BMP (Bit Map Picture)

Файл имеет расширение имени *.gif Максимальное число цветов изображения: 256. осуществляется подбор цветов: для каждого изображения – собственная палитра Сжатие информации без потери качества в итоге экономия приблизительно в 5 – 20 раз. Изображения пригодны для размещения на сайтах Изображения импортируются в Word и PowerPoint GIF (Graphic Interchange Format)

Изображение может содержать прозрачные области и зрительно выглядеть не прямоугольным Разрешает иметь слои, которые можно «листать», создавая эффект мультипликации (анимированный GIF) GIF (Graphic Interchange Format)

Файлы имеют расширение имени *.jpg *.jpeg Алгоритм отбрасывает «избыточную» информацию, невидимую глазом, а потому обеспечивает сжатие информации с потерей качества Обеспечивает экономию приблизительно в 5 – 60 раз. Изображения можно размещать на сайтах Изображения импортируются в Word и PowerPoint JPEG (Joint Photographic Expert Group)

Файлы имеют расширение имени *.png Резервирует 1 байт на цвета пикселя, как и GIF Включает сжатие информации Изображения импортируются в Word и PowerPoint Применяется в Web, часто дает более «легкие» файлы, чем GIF Не поддерживает анимацию PNG – 8 (Portable Network Graphic)

Файлы имеют расширение имени *.png Резервирует 3 байта на цвета пикселя, как и BMP Сжатие информации без потери качества При использовании сжатия экономичнее, чем BMP Применяется в Web, но файлы немного «тяжеловаты» Изображения импортируются в Word и PowerPoint PNG (Portable Network Graphic)

Файлы имеют расширение имени *.tiff *.tif Резервирует 3 байта на цвета пикселя, как и BMP Сжатие информации без потери качества. При использовании сжатия экономичнее, чем BMP Используется для работы с большими изображениями Широко применяется в полиграфии, но НЕ в Web Изображения импортируются в Word и PowerPoint TIFF (Tagged Image File Format)

Файлы имеют расширение имени *.psd Резервирует 3 байта на цвета пикселя, как BMP и TIFF Сжатие информации без потери качества Экономичнее, чем формат BMP и сходен с TIFF Используется для сохранения результатов обработки изображения НЕ используется в Web НЕ импортируется в Word и PowerPoint PSD (PhotoShop Document)