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

Содержание

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

Слайд 1Основные понятия компьютерной графики
© Колодин С.А., 2010 sergei-alex@rambler.ru

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

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

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


Слайд 4Человек видит:
Излучение с длиной волны от 380 нм. до 780 нм.



«Белый

свет» (свет полуденного солнца):
«смесь» в диапазоне - от 400 нм. (синий цвет) до 700 нм. (красный цвет)

Что такое свет?

Нанометр – 1 миллиардная часть метра

Слайд 5Глаз человека воспринимает длины волн в диапазоне:
400 – 500 нм. (синий

цвет)
500 – 600 нм. (зелёный цвет)
600 – 700 нм. (красный цвет)

Компьютерная графика: цветовые модели. RGB

Слайд 6красный + зелёный = жёлтый
красный + синий = пурпурный
зелёный + синий

= голубой
красный + зелёный + синий = белый

Смешивание цветов

Слайд 7Всего цветов: 256 * 256 * 256 = 16777216
Для передачи о

256 состояниях нужен 1 байт
Для передачи информации о 16777216 состояниях нужно всего 3 байта

Модель RGB

R = 0… 255

G = 0… 255

B = 0… 255

Слайд 8Cyan – голубой
Magenta – фиолетовый
Yellow – жёлтый
Black - чёрный

Цветная печать построена

на модели CMY

Модель CMYK

Слайд 9А – модель Lab
B – модель RGB
С – модель CMYK
Цветовой

охват различных устройств

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


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

– контур + выделенная область
Изображение – совокупность объектов

Растровая и векторная графика


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





Слайд 14Растр

Слайд 15Растр

Слайд 16Растр

Слайд 17Растр

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


Слайд 19Что такое пиксель?
Мельчайший элемент картинки –
PICTURE ELEMENT –
PIXEL –


ПИКСЕЛЬ

Изображение – это кирпичная стена;
Каждый кирпичик окрашен в свой цвет.
Пиксель – это «кирпич» изображения

Слайд 20Что такое пиксель?

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


Слайд 22Сколько нужно места в памяти, чтобы воспроизвести на экране изображение размером

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

Форматы графических файлов

Слайд 23Время. Человек не любит и не хочет ждать
Скорость. Скорость загрузки информации

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

Выбор формата графического файла

Слайд 24Если изображение «сбросить» на диск в том виде, в котором оно

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

Файл формата BMP быстро загружается с диска в оперативную память. Но по каналам Интернета изображение передается долго.

BMP (Bit Map Picture)

Слайд 25Файл имеет расширение имени *.gif
Максимальное число цветов изображения: 256.
осуществляется подбор цветов:

для каждого изображения – собственная палитра
Сжатие информации без потери качества
в итоге экономия приблизительно в 5 – 20 раз.
Изображения пригодны для размещения на сайтах
Изображения импортируются в Word и PowerPoint

GIF (Graphic Interchange Format)

Слайд 26Изображение может содержать прозрачные области и зрительно выглядеть не прямоугольным
Разрешает иметь

слои, которые можно «листать», создавая эффект мультипликации (анимированный GIF)

GIF (Graphic Interchange Format)

Слайд 27Файлы имеют расширение имени *.jpg *.jpeg
Алгоритм отбрасывает «избыточную» информацию, невидимую глазом,

а потому обеспечивает сжатие информации с потерей качества
Обеспечивает экономию приблизительно в 5 – 60 раз.
Изображения можно размещать на сайтах
Изображения импортируются в Word и PowerPoint

JPEG (Joint Photographic Expert Group)

Слайд 28Файлы имеют расширение имени *.png
Резервирует 1 байт на цвета пикселя, как

и GIF
Включает сжатие информации
Изображения импортируются в Word и PowerPoint
Применяется в Web, часто дает более «легкие» файлы, чем GIF
Не поддерживает анимацию

PNG – 8 (Portable Network Graphic)

Слайд 29Файлы имеют расширение имени *.png
Резервирует 3 байта на цвета пикселя, как

и BMP
Сжатие информации без потери качества
При использовании сжатия экономичнее, чем BMP
Применяется в Web, но файлы немного «тяжеловаты»
Изображения импортируются в Word и PowerPoint

PNG (Portable Network Graphic)

Слайд 30Файлы имеют расширение имени *.tiff *.tif
Резервирует 3 байта на цвета пикселя,

как и BMP
Сжатие информации без потери качества. При использовании сжатия экономичнее, чем BMP
Используется для работы с большими изображениями
Широко применяется в полиграфии, но НЕ в Web
Изображения импортируются в Word и PowerPoint

TIFF (Tagged Image File Format)

Слайд 31Файлы имеют расширение имени *.psd
Резервирует 3 байта на цвета пикселя, как

BMP и TIFF
Сжатие информации без потери качества
Экономичнее, чем формат BMP и сходен с TIFF
Используется для сохранения результатов обработки изображения
НЕ используется в Web
НЕ импортируется в Word и PowerPoint

PSD (PhotoShop Document)

Слайд 32
Вопросы?

Слайд 33Ястребов Л.И. Кодирование графической информации. - © ФИО, 2002 – 2006
Использованные

материалы

Слайд 34www.serge-flamel.narod.ru
sergei-alex@rambler.ru
www.kolodin.blogspot.ru
Контакты

Похожие презентации

Аттестационная работа. Симметрия в искусстве. Русский музей 269
Правила оформления материала в презентации 311
Аттестационная работа. Методические рекомендации по выполнению учебных проектов 241
УПРАВЛЕНИЕ КАЧЕСТВОМ ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯПРОГРАММА ПОВЫШЕНИЯ КВАЛИФИКАЦИИ 267
1 211
Военная академия войсковой противовоздушной обороны вооруженных сил РФ имени маршала Советского Союза А.М. Василевского 325

Обратная связь

Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.

Для правообладателей

Яндекс.Метрика