Растровая и векторная графика
Выполнила учитель информатики
МБОУ СОШ с.Старобазаново Валитова Валентина Николаевна
Компьютерные изображения
Векторные
Растровые
РАСТРОВАЯ ГРАФИКА
- Растровое изображение хранится с помощью точек различного цвета (пикселей), которые образуют строки и столбцы.
Растровая графика
- Пиксель – минимальный участок изображения, которому независимым образом можно задать цвет
Пиксель
Качество растрового изображения зависит от:
1. Размера изображения
2. Количества цветов в изображении
- Большой объем
- Большой объем
- Чувствительность к масштабированию
Недостатки растрового изображения:
Задача: определить информационный объем изображения
- Определяем количество цветов n в изображении. В данном случае изображение черно-белое, поэтому n = 2
- Определяем количество пикселей k в изображении. k = 7 х 8 = 56 пикселей.
ВЕКТОРНАЯ ГРАФИКА
- Векторные изображения формируются из графических примитивов (точек, прямых линий, окружностей, прямоугольников и т.д.)
- В данном случае положение стрелки описывается координатами начала и конца составляющих ее линий и математическими уравнениями
- Небольшой объем
- Небольшой объем
- Масштабирование без потери качества
Достоинства векторного изображения:
Графические редакторы
- Графический редактор – это программа для создания, редактирования и просмотра графических изображений
- Photoshop Paint
- Photoshop
- Paint
- CorelDraw Macromedia Flash MX
- CorelDraw
- Macromedia Flash MX
Растровые редакторы
Векторные редакторы
Форматы графических файлов
Способ хранения информации
Сфера применения
Растровый
Растровый
Для обмена данными с другими приложениями
В издательских системах
Растровый
Для хранения изображений с небольшим количеством цветов
Растровый
Для хранения фотографий и иллюстраций
Векторный
Для изображений, созданных в программе CorelDraw
ИТОГ УРОКА
- Я знаю, что такое:
- Растровая графика; Пиксель; Векторная графика; Графический редактор Форматы графических файлов.
- Растровая графика;
- Пиксель;
- Векторная графика;
- Графический редактор
- Форматы графических файлов.
- Я умею:
- определять информационный объем растрового изображения.
ДОМАШНЕЕ ЗАДАНИЕ
- Определить информационный объем растрового изображения размером 1024 х 768 пикселей и состоящего из 64 цветов
Слайд 2
Растровая графика
Растровое изображение представляет собой мозаику из очень мелких элементов – пикселей. Оно похоже на лист клетчатой бумаги, на котором каждая клеточка (пиксель) закрашена определенным цветом, и в результате такой раскраски формируется изображение.
Слайд 3
Достоинства растровой графики
Эффективно представляет изображения фотографического качества; Изображения могут быть легко распечатаны на принтере Недостатки растровой графики Для хранения растровых изображений требуется большой объем памяти; Растровые изображения имеют ограниченные возможности при масштабировании, вращении и других преобразованиях.
Слайд 4
Графические редакторы – это инструменты, с помощью которых художник создает и редактирует изображения на компьютере. Улучшение качества изображений, а также монтаж фотографий выполняются в редакторах растровой графики. Графические редакторы, как правило, позволяют комбинировать требуемый цвет из 256 оттенков красного, 256 оттенков зеленого и 256 оттенков синего. Таким образом, на экране компьютера можно получить более 16 миллионов цветовых оттенков.
Слайд 5
Форматы графических файлов
Формат графического файла – способ представления графических данных на внешнем носителе. BMP PCX GIF TIFF JPEG PSD PCD EPS TGA IMG
Слайд 6
BMPWindows Device Independent Bitmap
Формат предназначен для Windows,поэтому поддерживается практически всеми приложениями. Не применяется в издательской деятельности. PCX Z- Soft PaintBrush Практически вышел из употребления, заменен на GIF и TIFF. Открывают практически все графические приложения для PC.
Слайд 7
GIF(Graphic Interchange Format)
Создан специально для передачи изображений в глобальных сетях. Обладает самым эффективным методом сжатия, что необходимо для сокращения времени передачи изображений; Новая версия допускает хранение в одном файле нескольких изображений; Чаще всего такая возможность используется на страницах Web. Web-браузер демонстрирует изображения, находящиеся в файле GIF, последовательно. Если каждое изображение представляет собой фазу мультипликации, то вы увидите маленький мультфильм; Открывают почти все редакторы растровой графики и настольных издательских систем; редакторы векторной графики, поддерживающие растровые объекты.
Слайд 8
PCD (PhotoCD)
Используется в настольных редакционно-издательских системах Формат является обычным способом хранения большого числа изображений - особенно, при издании всевозможных каталогов. Обладает возможностью определения требуемого разрешения изображения при импорте. Это избавляет от длительного импорта 20-мегабайтных изображений с столь же длительным их пересчетом на более низкое разрешение.
Слайд 9
TIFF(Tagged Image File Format)
Универсальный формат для хранения сканированных изображений с цветовыми каналами (файл с расширением TIF); Включает и схемы сжатия для уменьшения размера файла; Открывает большинство редакторов растровой графики и настольных издательских систем; редакторы векторной графики, поддерживающие растровые объекты
Слайд 10
PSD(Adobe PhotoShop Document)
Внутренний для программы Adobe Photoshop; Единственный формат, в котором сохраняются все сведения о документе, включая слои и каналы; Готовое изображение лучше сохранять в других графических форматах, по двум причинам. Во-первых, файл PSD по размеру гораздо больше. Во-вторых, этот формат не импортируется программами верстки и объектной график.
Слайд 11
JPEG (Joint Photographic Experts Group)
Предназначен для сохранения точечных файлов со сжатием; Сжатие по этому методу уменьшает размер файла от десятых долей процента до ста раз (практический диапазон - от 5 до 15 раз), но сжатие в этом формате происходит с потерями качества (в пределах допустимого); Использование этого формата в полиграфии не рекомендуется; Открывают редакторы растровой графики; редакторы векторной графики, поддерживающие растровые объекты.
Слайд 12
EPS (Encapsulated PostScript)
Применяется в полиграфии Возможно хранение векторной и точечной графики, шрифтов, растрированных изображений и информации о растрировании, контуров обтравки и кривых калибровок. TGA (TrueVision Targa) Открывают редакторы растровой графики; редакторы векторной графики, поддерживающие растровые объекты. IMG (Digital Research GEM Bitmap) Открывают некоторые настольные издательские системы и графические редакторы Windows.
Слайд 13
Ввод иллюстративного материала
Через сканирование Через цифровую камеру
Слайд 14
Сканирование
Сканирование – преобразование фотоизображения на бумаге или фотопленке в электронный (компьютерный) вид. Для этого надо иметь сам сканер и программы для работы с ним (драйвер и программу сканирования, с помощью которой можно изменять настройки сканирования). Сканер позволяет вам увеличить геометрические размеры «бумажных» картинок. Обратное преобразование (уменьшение электронного изображения после сканирования) вы всегда сможете выполнить в графическом редакторе. Но увеличить его без потери качества в редакторе будет невозможно. Это надо сделать на этапе сканирования.
Слайд 15
Разрешение Разрешение при сканировании, в отличие от разрешения самого изображения или отпечатка, определяется числом шагов (samples) на дюйм, с которым сканер при сканировании "прошел" ваше изображение. Закономерность здесь простая: чем выше разрешение, тем больше цифровой файл и тем большего размера отпечаток можно получить без утраты качества, то есть без пикселизации. Поэтому крайне важно, устанавливая разрешение сканирования, учитывать, отпечатки какого размера вам потребуются (если вы захотите распечатать эту картинку в дальнейшем).
Слайд 16
Сканирование. Проблемы и решения. Проблема. Изображение слишком яркое. Изображение сканировалось с настройками, которые привели к передержке. Детали на светлых участках утрачены, участки средней освещенности получились слишком светлыми. Решение. Повторите сканирование с меньшей экспозицией (уменьшите яркость – Brightness). Проблема. В цифровом файле отсутствуют детали на участках изображения, находящихся в тени. Что бы вы ни делали, при помощи программы-редактора (например, Adobe PhotoShop) эти детали уже не восстановить. Решение. Повторите сканирование, изменив настройки для теней либо общую экспозицию таким образом, чтобы эти участки стали светлее (увеличьте яркость – Brightness). Проблема. Цифровое изображение вялое, динамический диапазон явно недостаточен. Решение. Надо или отсканировать изображение снова при более высокой установке контраста, или воспользоваться командами Contrast(Контраст) или Levels (Уровни) вашей программы Adobe PhotoShop.
Слайд 17
Сканировать можно все что угодно, главное чтобы этот предмет не поцарапал стекло сканера
Чтобы пользоваться предварительным просмотром презентаций создайте себе аккаунт (учетную запись) Google и войдите в него: https://accounts.google.com
Подписи к слайдам:
Цель занятия: Рассмотреть растровую и векторную графику, их достоинства и недостатки, редакторы графики, форматы изображений. Задачи учебного занятия: познакомить с понятием растровой и векторной графики способствовать развитию аналитического мышления умения анализировать и определять, к какой графике относится изображение. воспитывать культуру оформления изучаемого материала в виде опорного конспекта; воспитывать информационную культуру.
План занятия Виды компьютерной графики; Достоинства и недостатки растрового и векторного изображения; Редакторы растровой и векторной графики; Форматы растровых и векторных изображений; Палитра цветов; Выполнить практическое задание.
Задание 1: Сравнительная таблица Растровая графика Векторная графика 1. Определение графики 2. Достоинства 3. Недостатки 4. Редакторы 5. Форматы 6. Для чего применяют
С древних времен люди передавали свое восприятие мира в виде рисунка Рисунок первобытного художника, Испания Сцены жизни фараона, древнеегипетская настенная роспись
Растровая графика Растровое изображение создается с использованием точек различного цвета (пикселей) , которые образуют строки и столбцы
Достоинства растровой графики Они обеспечивают высокую точность передачи цветов и полутонов. Растровая графика позволяет создать практически любой рисунок, вне зависимости от сложности Растровая графика используется сейчас практически везде: от маленьких значков до плакатов. Высокая скорость обработки сложных изображений, если не нужно масштабирование
Недостатки растровой графики Чувствительны к уменьшению и увеличению – изменению размера. Имеют большой информационный объем
Растровые графические редакторы Microsoft Paint Adobe Photoshop
Палитра цветов RGB и ее особенности Как формируется изображение? Какие цвета являются в ней основными? Формируется путем сложения базовых цветов Базовые цвета – красный, зеленый, синий.
Палитра цветов CMYK и ее особенности Как формируется изображение? Какие цвета являются в ней основными? Формируется путем наложения базовых цветов Базовые цвета – голубой, пурпурный, желтый и черный.
Палитра цветов HSB и ее особенности Как формируется изображение? Какие цвета являются в ней основными? Формируется путем установления значения базовых параметров Базовые параметры – оттенок цвета, насыщенность, яркость.
Векторная графика Векторное изображение, состоящее из геометрических примитивов – объектов (линия, точка, окружность, прямоугольник и т.д.), которые хранятся в памяти компьютера в виде математических формул
Достоинства векторной графики Малый информационный объем при сколько угодно большом объекте Возможность редактирования каждого элемента изображения в отдельности. Не чувствителен к изменению размера
Недостатки векторной графики Не каждый объект может быть легко изображен в векторном виде Перевод векторной графики в растр достаточно прост. Но обратного пути, как правило, нет
Векторные графические редакторы CorelDRAW Adobe Illustrator
Растровые форматы Векторные форматы bmp tiff gif png jpeg pxc svg cmx gxl wmf swf Форматы графических файлов
Задание 2: Соедините понятие с его определением Растр Пиксель Система RGB Система CMYK Система HSB Разрешение экрана Минимальный участок изображения, для которого можно задать цвет В качестве базовых параметров используют оттенок, насыщенность и яркость Прямоугольная сетка пикселей на экране Данная система используется только для печати Палитра цветов формируется путем сложения базовых цветов Произведение количества строк на количество точек в строке
Практическая работа 1 подгруппа вектор 2 подгруппа растр
Домашнее задание Каждый рисунок подписать под своим именем. Где применяется растровая и векторная графика? Как формируются растровое и векторное изображение? Какие изменения происходит с изображениями при масштабировании? 1 группа - векторы 2 группа - растры 1) Нарисовать рисунок в векторном редакторе 1) Нарисовать рисунок в растровом редакторе 2) Сохранить рисунок в 3 форматах для вида рисунка. 2) Сохранить рисунок в 3 форматах для вида рисунка.
СПАСИБО ЗА ВНИМАНИЕ
