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

1.

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

2.

Применение компьютерной
графики
1. Компьютерное моделирование.
2. САПР (системы автоматизированного
проектирования).
3. Компьютерные игры.
4. Обучающие программы.
5. Реклама и дизайн.
6. Мультимедиа презентации.
7. Internet.

3.

Что такое информация?
Назовите
формы
информации.
представления
Что в себя включает знаковая форма?
Что такое образная информация?
Назовите примеры образной
представления информации
формы

4.

План:
1. Понятие
компьютерной
графические объекты.
графики,
2. Виды графики.
3. Практическая
часть.
размера растрового
файла.
Вычисление
графического

5.

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

6.

Сферы применения
компьютерной графики
Компьютерная графика прочно вошла в нашу повседневную
жизнь. Она применяется:
при
для
вдля
при
тренажёрах
творческого
создании
наглядного
разработке
спецэффектов
и компьютерных
представления
самовыражения
дизайнов интерьеров
в киноиндустрии
играх
результатов
человека
и ландшафтов
измерений и
наблюдений

7.

Графические объекты — это рисунки,
картины, чертежи, фотографии и другие
графические изображения.

8.

Способы создания цифровых
графических объектов
Графические
Принцип работы
объекты,
сканера
созданные
состоит вилитом,обработанные
чтобы разбитьс
помощью компьютера,
имеющееся
на бумажном
сохраняются
носителе на
изображение
компьютерных
на крошечные
носителях;
при необходимости
квадратики
- пиксели,
они определить
могут быть цвет
выведены
каждого
на бумагу
пикселяили
и
другой подходящий
сохранить
его в двоичном
носитель
коде
(плёнку,
в памяти
картон).
компьютера.
Способы получения цифровых
графических объектов
Копирование готовых
изображений с
цифровой фотокамеры,
из Интернета
Создание новых
изображений с
помощью программного
обеспечения
Ввод графических
изображений
с помощью сканераЦифровая фотокамера
Сканер

9.

Виды графики
В зависимости от способа создания графического
изображения различают растровую, векторную и
фрактальную графику.
Растровая графика
Векторная графика
Фрактальная графика

10.

Векторная графика
Растровая графика
Фрактальная графика

11.

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

12.

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

13.

Фрактальная графика
Фрактальная графика, как и векторная,
основана на математических вычислениях.

14.

Сравнение растровой и векторной
графики
Растровая графика
Векторная графика
Формирование
изображения
Совокупность точек
Геометрические
фигуры
Увеличение размера
изображения
Ступенчатый эффект
Не изменяется
Уменьшение
размера изображения
Потеря чёткости
Не изменяется
Сохранение
изображения
Информация о цвете
каждого пикселя
Информация о
простейших
геометрических
объектах,
составляющих
изображение
Сферы применения
Иллюстрации,
фотографии
Чертежи, схемы,
деловая графика

15.

Форматы графических файлов
Формат графического файла – это способ представления
графических данных на внешнем носителе.
Форматы графических изображений
Растровые
BMP
GIF
Векторные
JPEG
WMF
Форматы графических файлов
EPS

16.

Примеры графических редакторов
Paint, Photoshop, Gimp - растровые.
Inkscape, CorelDraw, Adobe Illustrator
— векторные.
Painter, Art Dabbler – фрактальные.

17.

Формула 1
I=K*i
I – размер несжатого файла;
K – размер изображения в пикселях;
i
–
количество
информации,
используемое для кодирования цвета
пикселя.

18.

Формула 2
i
N=2
N – количество цветов в
палитре;
i – количество информации,
используемое для кодирования
цвета пикселя.

19.

Задача
После преобразования растрового 256цветного графического файла в черно-белый
формат (2 цвета) его размер уменьшился на 70
байт. Каков был размер исходного файла?
1) 70 байт;
2) 640 бит;
3) 560 бит;
4) 80 байт.

20.

Дано:
Формулы Решение:
N1- 256 I=K*i (1) 256=2i
2=2i
N2– 2
N=2i (2) i1=8
i2=1
I-?
Известно, что размер уменьшился на 70 байт.
70 байт = 70*8=560 бит
I1-I2=560 бит
(K*8)-(K*1)=560 бит
8K-K=560 бит
7K=560 бит
K=80 бит
I=80*8=640 бит = 80 байт
Ответ: 4

21.

Сравнительная таблица растровой и
векторной графики
Растровая
графика
Как формируется
изображение?
Где применяется?
Как изменяется в
процессе
масштабирования?
Принцип
окрашивания?
Примеры
графических
редакторов?
Векторная
графика

22.

23.

Задача 1
После преобразования растрового 256цветного графического файла в чернобелый формат (4 цвета) его размер
уменьшился на 18 Кбайт. Каков был
размер исходного файла в Кбайтах?
1) 70 Кбайт;
2) 240 Кбайт;
3) 24 Кбайт;
4) 80 Кбайт.

24.

Задача 2
После преобразования растрового 256цветного графического файла в чернобелый формат (2 цвета) его размер
уменьшился на 7 Кбайт. Каков был размер
исходного файла в Кбайтах?
1) 70 Кбайт;
2) 240 Кбайт;
3) 24 Кбайт;
4) 8 Кбайт.

25.

Задача 3
После преобразования растрового 256цветного графического файла в 4-цветный
формат его размер уменьшился на 18
Кбайт. Каков был размер исходного файла в
Кбайтах?
1) 24 Кбайт;
2) 260 Кбайт;
3) 26 Кбайт;
4) 80 Кбайт.

26.

Вопросы и задания
Установите соответствие:
Выберите
(отметьте галочкой) устройства ввода
Выберитеинформации:
(отметьте галочкой) графические форматы
графической
Вбыть
памяти
компьютера
хранится
Перечислите
Вфайлов:
В
чём
Почему
Чем
чём
Почему
Какая
Каким
разница
вы
основное
считается,
можете
операция
образом
Что
масштабирование
основные
между
такое
различие
объяснить
могут
что
по
компьютерная
растровым
сферы
преобразованию
растровые
универсальных
разнообразие
применения
не
получены
и
влияет
векторным
изображения
графика?
на
растрового
цифровые
компьютерной
графических
качество
форматов
способами
очень
сканер
Растровая
математическая формула (уравнение),
графические
BMP
изображения
форматовпредставления
ведёт
ивекторных
собственных
точно
графических
к наибольшим
передают
графики.
изображений?
изображения?
форматов
объекты?
файлов?
цвет?
потерям
графических
его качества графика
клавиатурапо которой строится изображение
уменьшение
приложений?
GIF или увеличение?
Векторная
графика
Фрактальная
графика
видеокамера
TXTВ памяти компьютера сохраняется
микрофон
информация о цвете каждого
JPEG
фотоаппарат
входящего в него пикселя
DOC
диктофон
PDF
монитор В памяти компьютера сохраняется
WMF
принтер информация о простейших
EPSгеометрических объектах,
графопостроитель
составляющих изображение
EXE
графический планшет
COM

27.

Что вы ожидали от урока и что получилось?
Какие этапы урока вы считаете наиболее удачными и
почему?
Какие события (действия, мнения и т.п.) вызвали наиболее
яркие ощущения?
Была ли польза от такого рода работы?
Что вам более всего удалось во время пары, какие виды
деятельности были выполнены успешно? Назовите наиболее
эффективные из них.
Перечислите в порядке убывания основные проблемы и
трудности, которые вы испытывали во время урока. Какими
способами вы их преодолевали?
Что мы делали нерационально? Назовите одно действие,
которое можно добавить, чтобы завтра сделать нашу работу на
паре более успешной.
На основании каких критериев можно оценить нашу
деятельность?
Какой этап пары вы бы опустили, вычеркнули? Почему?

28.

Домашнее задание
Составить в тетради сравнительную
характеристику графических редакторов.