Растровое и векторное изображение презентация. Растровая и векторная графика. Кодирование цветов пикселей

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

Выполнила учитель информатики

МБОУ СОШ с.Старобазаново Валитова Валентина Николаевна

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

Векторные

Растровые

РАСТРОВАЯ ГРАФИКА

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

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

Пиксель – минимальный участок изображения, которому независимым образом можно задать цвет

Пиксель

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

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 цветов

Чтобы пользоваться предварительным просмотром презентаций создайте себе аккаунт (учетную запись) 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 форматах для вида рисунка.

СПАСИБО ЗА ВНИМАНИЕ

КОМПЬЮТЕРНЫЕ ИЗОБРАЖЕНИЯ - Формируются из точек различного цвета (пикселей), которые образуют строки и столбцы - Формируются из базовых графических объектов, для каждого из которых задаются координаты опорных точек, а также цвет толщина и стиль линии его контура

РАСТРОВАЯ ГРАФИКА Растровые графические изображения формируются в процессе преобразования графической информации из аналоговой формы в цифровую, например, с процессе сканирования, при использовании цифровых фото- и видеокамер, с помощью графического редактора. Растровые графические изображения формируются в процессе преобразования графической информации из аналоговой формы в цифровую, например, с процессе сканирования, при использовании цифровых фото- и видеокамер, с помощью графического редактора.

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

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

ВЕКТОРНАЯ ГРАФИКА Векторные графические изображения являются оптимальным средством хранения высокоточных графических объектов (чертежи, схемы), для которых имеет значение сохранение четких и ясных контуров. Векторные графические изображения являются оптимальным средством хранения высокоточных графических объектов (чертежи, схемы), для которых имеет значение сохранение четких и ясных контуров.

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

Объекты векторной графики описываются математическими формулами. точка задается своими координатами (x,y); точка задается своими координатами (x,y); линия – координатами начала (x1, y1) и конца (x2, y2); линия – координатами начала (x1, y1) и конца (x2, y2); окружность – координатами центра окружность – координатами центра (x, y) и радиусом R; (x, y) и радиусом R; прямоугольник – величиной сторон и координатами левого верхнего угла (x1, y1) и правого нижнего угла (x2, y2) и т.д. прямоугольник – величиной сторон и координатами левого верхнего угла (x1, y1) и правого нижнего угла (x2, y2) и т.д. ДЛЯ КАЖДОГО ПРИМИТИВА ЗАДАЕТСЯ ЦВЕТ. ДЛЯ КАЖДОГО ПРИМИТИВА ЗАДАЕТСЯ ЦВЕТ.

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

ГРАФИЧЕСКИЕ РЕДАКТОРЫ Для обработки изображений на компьютере используются специальные программы – графические редакторы. Графический редактор – это программа создания, для редактирования и просмотра графических изображений. Графический редактор – это программа создания, для редактирования и просмотра графических изображений.

Растровые графические редакторы Являются наилучшим средством обработки фотографий и рисунков, поскольку обеспечивают высокую точность передачи градаций цветов и полутонов. Являются наилучшим средством обработки фотографий и рисунков, поскольку обеспечивают высокую точность передачи градаций цветов и полутонов. Простой растровый ГР Paint. Простой растровый ГР Paint.

Для создания рисунка традиционным способом необходимо выбрать инструмент рисования из панели инструментов. Для создания рисунка традиционным способом необходимо выбрать инструмент рисования из панели инструментов. Paint Word Выделяющие инструменты Рисующие инструменты Инструменты создания объектов Настройки выделяющих инструментов Инструменты создания объектов Рисующие инструменты Инструменты группировки, разгруппировки, поворота Панели инструментов растрового и векторного графических редакторов

Вопросы: 1.Почему при уменьшении и увеличении растрового изображения ухудшается его качество? 2.В чем состоят основные различия между форматами растровых графических файлов? 3.В чем состоит различие между растровыми изображениями и векторными рисунками? 4.Какой графический (векторный или растровый) вы будете использовать: А) Для разработки эмблемы организации, учитывая, что она должна будет печататься на маленьких визитных карточках и на больших плакатах; Б) для редактирования цифровой фотографии