Grafika 9klass

32
Компьютерная графика Основные понятия Виды графических изображений Цветовая схема Форматы графических файлов Средства просмотра изображений Графические редакторы (9 класс)

description

Основы компьютерной графики. Учебная презентация для 9 класса.

Transcript of Grafika 9klass

Page 1: Grafika 9klass

Компьютерная графика

Основные понятияВиды графических изображений

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

Средства просмотра изображенийГрафические редакторы

(9 класс)

Page 2: Grafika 9klass

Как только инженеры научили компьютеры писать и читать,

начали учить их рисовать

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

Вспомним фрагмент из фильма «Служебный роман»

Page 3: Grafika 9klass

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

Page 4: Grafika 9klass

Применение и виды компьютерной графики

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

Page 5: Grafika 9klass

Применение и виды компьютерной графики

Для - редактирования фотографий,- создания разнообразных рисунков служат графические редакторы

Page 6: Grafika 9klass

Виды компьютерной графики

Компьютерная графика

растровая

векторная

трёхмерная

фрактальная

По способу формирования

изображения на компьютере

Page 7: Grafika 9klass

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

формируется из маленьких цветных графических квадратиков (точек

экрана), которые называют пикселями

Пиксель – наименьший объект растрового изображения, характеризуется расположением и цветом

Растр – это прямоугольная сетка пикселей на экране

пиксель

Page 8: Grafika 9klass

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

МИНУС большой размер файла при масштабировании теряется качество

Page 9: Grafika 9klass

Векторная графикаВекторное изображение формируется на основе

математических формул, описывающих разные геометрические фигуры (линии, эллипсы,

прямоугольники…) и их параметры

Линия – основной элемент векторной графики. Изображение состоит из графических примитивов

Page 10: Grafika 9klass

Векторная графика

ПЛЮС при масштабировании не изменяется качество небольшой объём файла легко трансформируется группировка элементов работа со слоями

МИНУС не реалистичность ограничена в живописности программная зависимость иногда не печатается

Page 11: Grafika 9klass

Трёхмерная графикаТрёхмерное изображение – совокупность приёмов и элементов, обеспечивающих

пространственно-временную непрерывность

3D моделирование — это процесс создания трехмерной модели объекта

3D-принтер

Модель может соответствовать:- объектам из реального мира- абстрактным объектам

Основной элемент — геометрическая проекция объекта на плоскость. Изображение состоит из объёмных геометрических примитивов (куб, параллелепипед, шар…)

Page 12: Grafika 9klass

Трёхмерная графика

ПЛЮС объёмность изображения возможность моделирования реальных объектов

МИНУС сложность создания сложность редактирования высокие требования к аппаратной части компьютера

Page 13: Grafika 9klass

Фрактальная графикаФрактальное изображение – формируется на основе математических вычислений, строится

по уравнению (или системе уравнений)

Фрактал — объект, отдельные элементы которого наследуют свойства родительских структур

Базовым элементом фрактальной графики является фрактальный (равносторонний) треугольник

Треугольник Серпинского

Основным принципом фракталов является самоподобие

Page 14: Grafika 9klass

Фрактальная графика

ПЛЮС маленький объём данных простота модификации изображений возможность детализации

МИНУС абстрактность изображения использование сложных математических формул и вычислений

Page 15: Grafika 9klass

Цветовые схемы

RGB (Red, Green, Blue —

красный, зелёный, синий)Используется для отображения

изображения на экране монитора

пурпурный жёл

тый

голубой

красный

зелёный синий

CMYK (Cyan, Magenta, Yellow, blaK —

голубой, пурпурный, жёлтый, чёрный)Используется во время создания

изображения для дальнейшей его печати на цветном принтере

Цветовая схема – это способ создания цвета путём смешивания цветов

Page 16: Grafika 9klass

Цветовые схемы

HSB (Hue, Saturation, Brightness —

фон, контрастность, яркость)Используется для описания цветов с

моделей RGB и CMYK и является приближённой моделью для восприятия

цвета человеческим глазом

Фон – номер цвета на спектральной панелиКонтрастность – интенсивность цвета, чем выше, тем «чище» цветЯркость – зависит от примеси чёрной краски к данному цвету

Page 17: Grafika 9klass

Характеристики растровых изображений

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. Форма пикселя определяется типом устройства графического вывода (прямоугольник, квадрат, круг)

Page 18: Grafika 9klass

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

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

После записи в файл изображение перестает быть собственно изображением — оно превращается в цифровые данные. Формат этих данных может измениться в результате операций преобразования файла.

Page 19: Grafika 9klass

Формат Описание Применение

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)

для передачи векторов и растра

для издательских систем, создаётся всеми программами

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

Page 20: Grafika 9klass

Средства обработки графических данных

Аппаратные средства• мониторы• видеоадаптеры• сканеры, цифровые фотокамеры• принтеры, плоттеры• графические планшеты• полиграфические машины

Программные средства для просмотра и первоначального редактирования

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

графических изображений• растровые• векторные

Page 21: Grafika 9klass

Средства просмотра графических изображений

1. Окно программы Проводник вид представления объектов Диафильм

2. Программа просмотра изображений и факсов

Page 22: Grafika 9klass

Режим слайд-шоу

Закрыть просмотр и открыть в графическом редакторе

Перейти к предыдущемуПерейти к следующему

Оптимальный размер изображенияРеальный размер изображения

Увеличить масштабУменьшить масштаб

Повернуть по часовой на 90Повернуть против часовой на 90

Удалить изображениеПечать изображения

Сохранить как…

Справка о программе

Page 23: Grafika 9klass

Программа MS Office Picture Manager

Программа может выполнять: просмотр изображений несложное редактирование изменение размера рисунка экспорт рисунка в другие форматы

Во время редактирования можно: менять яркость и контрастность изображения выбрать цветовую схему обрезать рисунок или поворачивать его ликвидировать эффект красных глаз…

Page 24: Grafika 9klass

Программа MS Office Picture Manager

Page 25: Grafika 9klass

Программа MS Office Picture Manager

Page 26: Grafika 9klass

Программа MS Office Picture Manager

Page 27: Grafika 9klass

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

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

MS Paint

Adobe Photosh

opTux

PaintPaint.Ne

t

Источники растровых изображений

Page 28: Grafika 9klass

Векторная графика

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

MS Word, MS Visio

Adobe CorelDraw Inkscape

Источники векторных изображений

Программы для создания векторных изображений

Page 29: Grafika 9klass

Трёхмерная графика

Программы для 3D графики

3D Studio MAX AutoCAD Компас

Источники трёхмерных изображений

Программы для создания объёмных изображений

Page 30: Grafika 9klass

Фрактальная графика

Программы для генерации фракталов

Fracplanet 4.0

Ultra Fractal

Fractal Explorer

Art Dabbler

Источники фрактальных изображений

Программы для создания фрактальных изображений

Page 31: Grafika 9klass

Домашнее заданиеЗаполнить таблицу

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

Элементарный объект пиксель (точка) контур (линия)

Как формируется изображение?

из точек различного цвета (растр)

из графических примитивов

Масштабирование нет да

Фотографическое качество (реалистичность)

да нет

Группировка элементов нет да

Распечатка на принтере легко иногда не печатается или выглядит не так

Принцип окрашивания каждый пиксель вся фигура

Объём памяти очень большой не большойГде применяется? для художественного

творчествадля хранения высокоточных изображений

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

Page 32: Grafika 9klass

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

Записать ответы в тетрадь:1. Выясните, какие форматы имеют графические данные,

хранящиеся у вас на компьютере?2. В каких графических редакторах были созданы данные файлы

(собственные, не закаченные с Интернета)3. Определите, какие программы, которые установлены на

компьютере, позволяют просматривать графические изображения