Растровая и векторная графика (9 класс)

Примеры изображений.

Растровое изображение.

Векторное изображение.

Качество растрового изображения зависит от:

1. Размера изображения (чем больше пространственное разрешение, тем лучше качество).

2. Количества цветов в изображении (Человеческий глаз воспринимает около 350 тысяч цветов). Чем больше цветов, тем реалистичнее картинка.

Задание: определить информационный объем изображения.

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

«+» векторных изображений.

1. Небольшой объем. Так как компьютеру не нужно помнить местоположение и цвет каждого пикселя.

2. Масштабирование без потери качества. Так как уменьшение или увеличение изображения происходит при помощи простого умножения координат точек на коэффициент масштабирования.

Графические редакторы.

Чтобы создать графическое изображение, необходимо воспользоваться специальной программой – графическим редактором.

Графический редактор - программа, для создания, редактирования и просмотра графических изображений. А так же графические редакторы  позволяют обрабатывать и сохранять изображения в различных графических форматах.

9 класс

Тема урока: «Растровая и векторная графика»

ГБОУ СОШ №1359 Бурнаева А.И.

Компьютерные изображения делятся на 2 вида:

Растровые

(растровые изображения формируются из точек различного цвета, которые образуют строки и столбцы)

Векторные

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

ГБОУ СОШ №1359 Бурнаева А.И.

Примеры изображений

Векторное изображение

Растровое изображение

пиксель

ГБОУ СОШ №1359 Бурнаева А.И.

Качество растрового изображения зависит от:

1 . Размера изображения

( чем больше пространственное разрешение, тем лучше качество )

ГБОУ СОШ №1359 Бурнаева А.И.

Качество растрового изображения зависит от:

2. Количества цветов в изображении

(Человеческий глаз воспринимает около 350 тысяч цветов). Чем больше цветов, тем реалистичнее картинка

ГБОУ СОШ №1359 Бурнаева А.И.

Недостатки растрового изображения:

1. Большой объем

2. Чувствительность к масштабированию

Т.к. необходимо хранить код цвета каждого пикселя. А если мы хотим качественное изображение, то разрешение должно быть большим

1) При уменьшении изображения, несколько соседних точек преобразуются в одну – теряется четкость изображения (размытость)

2) При увеличении изображения, точки добавляются – появляется ступенчатый эффект

ГБОУ СОШ №1359 Бурнаева А.И.

Растровые изображения

Исходная картинка

При увеличении картинки

ГБОУ СОШ №1359 Бурнаева А.И.

Задание: определить информационный объем изображения

• I памяти =I глуб.цвета * X * Y
• I глуб.цвета = 1 бит, так как изображение черно-белое (N=2, используя формулу N= получаем: 2следовательно I=1 бит).
• Определяем количество пикселей – по горизонтали: Х=8 и по вертикали: Y=7 в изображении. X*Y = 7 х 8 = 56 пикселей .
• I памяти = I глуб.цвета * X * Y= 1*7*8=56 бит

ГБОУ СОШ №1359 Бурнаева А.И.

Векторные изображения

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

Y

A (2;5) B (8;5)

X

ГБОУ СОШ №1359 Бурнаева А.И.

« + » векторных изображений

1. Небольшой объем

2. Масштабирование без потери качества

Так как уменьшение или увеличение изображения происходит при помощи простого умножения координат точек на коэффициент масштабирования

Так как компьютеру не нужно помнить местоположение и цвет каждого пикселя

ГБОУ СОШ №1359 Бурнаева А.И.

Графические редакторы

• Чтобы создать графическое изображение, необходимо воспользоваться специальной программой – графическим редактором.
• Графический редактор- программа, для создания, редактирования и просмотра графических изображений. А так же графические редакторы позволяют обрабатывать и сохранять изображения в различных графических форматах

Векторные редакторы

Растровые редакторы

Corel Draw

Photoshop

Macromedia Flash MX

Paint

ГБОУ СОШ №1359 Бурнаева А.И.

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

Формат

Способ хранения информации

.bmp

.tiff

Сфера применения

Растровый

.gif

Растровый

Для обмена данными с другими приложениями

В издательских системах

Растровый

.jpeg

Для хранения изображений с небольшим количеством цветов

Растровый

.cdr

Для хранения фотографий и иллюстраций

Векторный

Для изображений, созданных в программе CorelDraw

ГБОУ СОШ №1359 Бурнаева А.И.

ИТОГИ УРОКА:

• Я знаю, что такое:

• Растровая графика; Векторная графика; Графический редактор Форматы графических файлов.
• Растровая графика;
• Векторная графика;
• Графический редактор
• Форматы графических файлов.
• Я умею: определять информационный объем растрового изображения.
• определять информационный объем растрового изображения.

ГБОУ СОШ №1359 Бурнаева А.И.

Домашнее задание:

Какой объем видеопамяти необходим для хранения графического изображения с пространственным разрешением 800 х 600 точек и глубиной цвета 24 бита?

ГБОУ СОШ №1359 Бурнаева А.И.

ПЕРЕМЕНА!!!

ГБОУ СОШ №1359 Бурнаева А.И.