Компьютерная графика. Основные понятия. Урок №1 для 9 класса

1. Компьютерная графика
Урок 1
9 класс

2. Как только инженеры научили
компьютеры писать и читать,
начали учить их рисовать
- Какая занятная репродукция
''Джоконды''.
- Да что вы, Людмила
Прокофьевна. Это же не
репродукция, это наша
вычислительная машина
Баровских запрограммировала.
Вспомним фрагмент из фильма «Служебный роман»

3. 1970 год. Первые графические изображения:
точки, запятые, тире и др.символы

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

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

6. Виды компьютерной графики
Компьютерная
графика
растровая векторная трёхмерная фрактальная
По способу
формирования
изображения на
компьютере

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

8. Характеристики растровых
изображений
1. Глубина цвета – это количество цветов, в которые может
окрашиваться пиксель и зависит от объёма памяти
2. Разрешение растра (экрана) – это расстояние между
соседними пикселями, т.е. количество пикселей на 1 длины
Монохромное (2-цветное) = 1 бит
8-цветное = 3 бит
16-цветное = 4 бит
256-цветное = 8 бит=1 байт
High Color (32768/65536 цветов) = 15/16 бит
True Color (16777216 цветов) = 24 бит
1 dpi = точек/дюйм
1 дюйм = 2,54 см
3. Форма пикселя определяется типом устройства
графического вывода (прямоугольник, квадрат, круг)

9. Растровая графика
Растровые редакторы
MS Paint
Adobe
Photoshop
Tux Paint Paint.Net
Источники растровых изображений

10. Растровая графика
ПЛЮС
 любая степень сложности
 точная(естественная)
передача цвета
 художественные эффекты
 существует много программ
 программная независимость
 большинство устройств
ввода/вывода
МИНУС
 большой размер файла
 при масштабировании
теряется качество

11. Векторная графика
Векторное изображение формируется на основе
математических формул, описывающих разные
геометрические фигуры (линии, эллипсы,
прямоугольники…) и их параметры
Линия – основной элемент
векторной графики.
Изображение состоит из
графических примитивов

12. Векторная графика
Векторные редакторы
MS Word,
MS Visio
Adobe
CorelDraw
Inkscape
Источники векторных изображений
Программы для создания векторных изображений

13. Векторная графика
ПЛЮС
 при масштабировании не
изменяется качество
 небольшой объём файла
 легко трансформируется
 группировка элементов
 работа со слоями
МИНУС
 не реалистичность
 ограничена в живописности
 программная зависимость
 иногда не печатается

14. Трёхмерная графика
Трёхмерное изображение – совокупность
приёмов и элементов, обеспечивающих
пространственно-временную непрерывность
3D моделирование — это процесс
создания трехмерной модели объекта
3D-принтер
Модель может соответствовать:
- объектам из реального мира
- абстрактным объектам
Основной элемент — геометрическая проекция объекта на
плоскость. Изображение состоит из объёмных
геометрических примитивов (куб, параллелепипед, шар…)

15. Трёхмерная графика
Программы для 3D
графики
3D Studio
MAX
AutoCAD Компас
Источники трёхмерных изображений
Программы для создания объёмных изображений

16. Трёхмерная графика
ПЛЮС
 объёмность изображения
 возможность
моделирования реальных
объектов
МИНУС
 сложность создания
 сложность редактирования
 высокие требования к
аппаратной части компьютера

17. Фрактальная графика
Фрактальное изображение – формируется на
основе математических вычислений, строится
по уравнению (или системе уравнений)
Фрактал — объект, отдельные элементы которого
наследуют свойства родительских структур
Базовым элементом фрактальной графики
является фрактальный (равносторонний)
треугольник
Треугольник Серпинского
Основным принципом фракталов
является самоподобие

18. Фрактальная графика
Программы для
генерации фракталов
Fracplanet
4.0
Ultra
Fractal
Fractal
Explorer
Art
Dabbler
Источники фрактальных изображений
Программы для создания фрактальных изображений

19. Фрактальная графика
ПЛЮС
 маленький объём данных
 простота модификации
изображений
 возможность детализации
МИНУС
 абстрактность изображения
 использование сложных
математических формул и
вычислений

20. Цветовые схемы
RGB
(Red, Green, Blue —
красный, зелёный, синий)
Используется для отображения
изображения на экране монитора
голубой
красный
CMYK
(Cyan, Magenta, Yellow, blaK —
голубой, пурпурный, жёлтый, чёрный)
Используется во время создания
изображения для дальнейшей его
печати на цветном принтере
Цветовая схема – это способ создания цвета путём
смешивания цветов

21. Цветовые схемы
HSB
(Hue, Saturation, Brightness —
фон, контрастность, яркость)
Используется для описания цветов с
моделей RGB и CMYK и является
приближённой моделью для восприятия
цвета человеческим глазом
Фон – номер цвета на спектральной
панели
Контрастность – интенсивность цвета,
чем выше, тем «чище» цвет
Яркость – зависит от примеси чёрной
краски к данному цвету

22. Графические форматы
Формат графического файла — определяет способ хранения
информации в файле (растровый или векторный), а также
форму хранения информации (используемый алгоритм сжатия)
После записи в файл изображение перестает быть собственно
изображением — оно превращается в цифровые данные.
Формат этих данных может измениться в результате операций
преобразования файла.

23. Формат Описание Применение
BMP (Bitmap) универсальный,
растровый
в OS Windows, рекомендуется для
обмена между приложениями
JPEG (Join Photogra-
phic Experts Group)
растровый, эффективный
алгоритмом сжатия
для размещения на Web-
страницах в Интернете
GIF (CompuServe
Graphics
Interchange Format)
растровый, используется
прозрачный фон, без
потерь алгоритм сжатия
для размещения на Web-
страницах в Интернете
PNG (Portable
Network Graphics)
растровый, как и GIF рекомендуется для размещения
на Web-страницах в Интернете
PSD (Adobe
Photoshop)
растровый, алгоритм
сжатия без потерь
формат пакета Adobe Photoshop
WMF (Windows
MetaFile)
векторный,
универсальный
для коллекции Microsoft Clip
Gallery, для Windows-приложений
CDR (CorelDRaw) векторный, оригинальный формат программы CorelDraw
EPS (Encapsulated
PostScript)
для передачи векторов и
растра
для издательских систем,
создаётся всеми программами
Графические форматы

24. Средства обработки графических
данных
 Аппаратные средства
• мониторы
• видеоадаптеры
• сканеры, цифровые фотокамеры
• принтеры, плоттеры
• графические планшеты
• полиграфические машины
 Программные средства
 для просмотра и первоначального редактирования
изображений и преобразования графических форматов
 для создания и полноценного редактирования
графических изображений
• растровые
• векторные

25. Заполним таблицу
Характеристика Растровая графика Векторная графика
Элементарный объект пиксель (точка) контур (линия)
Как формируется
изображение?
из точек различного
цвета (растр)
из графических примитивов
Масштабирование нет да
Фотографическое качество
(реалистичность)
да нет
Группировка элементов нет да
Распечатка на принтере легко иногда не печатается или
выглядит не так
Принцип окрашивания каждый пиксель вся фигура
Объём памяти очень большой не большой
Где применяется? для художественного
творчества
для хранения высокоточных
изображений
Растровая графика Векторная графика

26. Домашнее задание
Записать ответы в тетрадь:
1. Выясните, какие форматы имеют графические данные,
хранящиеся у вас на компьютере?
2. В каких графических редакторах были созданы данные файлы
(собственные, не закаченные с Интернета)
3. Определите, какие программы, которые установлены на
компьютере, позволяют просматривать графические
изображения