Презентация к уроку на тему "растровая и векторная графика". Растровая и векторная графика графические редакторы. Презентация на тему векторные изображения

Литература 1.С.В.Глушаков, Г.А.Кнабе Компьютерная графика // Учебный курс. – М.: АСТ, – 503 с. 2.В.Н.Порев Компьютерная графика. – СПб: БХВ-Петербург, – 432 с. 3.Л.А.Залогова Практикум по компьютерной графике. – М.: Лаборатория Базовых Знаний, – 320 с.

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

Основы теории передачи изображения с помощью цвета особенности восприятия цвета глазом человека; сущность воспроизведения цвета в основных моделях: RGB, CMYK, HSB, L*a*b; основные параметры моделей; аддитивные и субтрактивные цвета; сферы применения цветовых моделей; особенности формирования изображений (передача цвета) техническими средствами: монитором компьютера и устройствами печати

Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст

Формат, в см Разреш ение, в dpi или ppi Размер, в точках или пикселях Режим изображения Объем графических данных Примечание 5 х х 170 Монохромное (Bitmap), (1 bit на цвет) 3 КБ Для просмотра на мониторе Полутоновое (черно-белое), (8 bit на оттенок серого) 24 КБ RGB, (8 bit на цвет) 71 КБ CMYK, (8 bit на цвет) 95 КБ Х 628 Монохромное (Bitmap), (1 bit на цвет) 41 КБ Для грубой печати Полутоновое (черно-белое), (8 bit на оттенок серого) 322 КБ RGB, (8 bit на цвет) 966 КБ CMYK, (8 bit на цвет) 1,26 МБ Х 1417 Монохромное (Bitmap), (1 bit на цвет) 205 КБ Для качественной печати Полутоновое (черно-белое), (8 bit на оттенок серого) 1,6 МБ RGB, (8 bit на цвет) 4,8 МБ CMYK, (8 bit на цвет) 6,4 МБ Х 2835 Монохромное (Bitmap), (1 bit на цвет) 820 КБ Для высококачественной (фотографической) печати Полутоновое (черно-белое), (8 bit на оттенок серого) 6,41 МБ RGB, (8 bit на цвет) 19,2 МБ CMYK, (8 bit на цвет) 25,6 МБ

9 х Х 369 Монохромное (Bitmap), (1 bit на цвет) 12 КБ Для просмотра на мониторе Полутоновое (черно-белое), (8 bit на оттенок серого) 92 КБ RGB, (8 bit на цвет) 276 КБ CMYK, (8 bit на цвет) 368 КБ Х 1364 Монохромное (Bitmap), (1 bit на цвет) 158 КБ Для грубой печати Полутоновое (черно-белое), (8 bit на оттенок серого) 1,23 МБ RGB, (8 bit на цвет) 3,69 МБ CMYK, (8 bit на цвет) 4,91 МБ Х 3076 Монохромное (Bitmap), (1 bit на цвет) 800 КБ Для качественной печати Полутоновое (черно-белое), (8 bit на оттенок серого) 6,24 МБ RGB, (8 bit на цвет) 18,8 МБ CMYK, (8 bit на цвет) 25 МБ Х 6151 Монохромное (Bitmap), (1 bit на цвет) 3,13 МБ Для высококачественной (фотографической) печати Полутоновое (черно-белое), (8 bit на оттенок серого) 25 МБ RGB, (8 bit на цвет) 74,9 МБ

Чтобы пользоваться предварительным просмотром презентаций создайте себе аккаунт (учетную запись) Google и войдите в него: https://accounts.google.com

Подписи к слайдам:

Растровая и векторная графика Тема урока:

ПРИМЕРЫ: РАСТРОВАЯ ВЕКТОРНАЯ Сканированные фото Изображения Картинки Рисунки Автофигуры Блок-схемы Чертежи Объекты Word Art WordArt

СОСТАВ: РАСТРОВАЯ ВЕКТОРНАЯ Состоит из пикселей, для каждого из которых можно задать цвет. Состоит из графических примитивов, для каждого из которых задаются координаты опорных точек, а также цвет, толщина и стиль линии. X 1 ,Y 1 X 2 ,Y 2 X 1 ,Y 1 X 2 ,Y 2 X,Y R X,Y

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

Галерея рисунков Paint

КАЧЕСТВО ИЗОБРАЖЕНИЯ: РАСТРОВАЯ ВЕКТОРНАЯ Можно создать изображение близкое к художественному (реальному). Всегда существует четкая граница объекта, что придает изображению искусственный вид.

РЕДАКТИРОВАНИЕ: РАСТРОВАЯ ВЕКТОРНАЯ Отдельные пиксели или выделенные фрагменты. Каждый объект в отдельности.

МАСШТАБИРОВАНИЕ: РАСТРОВАЯ ВЕКТОРНАЯ При масштабировании портится качество изображения (ступенчатый эффект) При масштабировании качество не теряется.

ОБЪЕМ ЗАНИМАЕМОЙ ПАМЯТИ: РАСТРОВАЯ ВЕКТОРНАЯ Рисунок занимает много памяти, так как цвет каждого пикселя кодируется 2-3 байтами. Изображение занимает существенно меньше памяти, так как кодируется только вид объекта и его параметры.

ФОРМАТЫ ФАЙЛОВ: РАСТРОВАЯ ВЕКТОРНАЯ ВМР TIFF GIF JPEG PSD PNG WMF SXD FRM CDR EPS CMX BMP WMF JPEG PNG PSD GIF TIFF CDR SXD FRM EPS

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

ГРАФИЧЕСКИЕ РЕДАКТОРЫ: РАСТРОВАЯ ВЕКТОРНАЯ Paint Adobe Photoshop Corel Photo- Paint Photo Finish Micrografx Picture Open Office Image Gimp Portable Corel Draw Adobe Illustrator Micrografx Designer Microsoft Draw Open Office Draw Компас 3- D

Выполнить задание: Задание 1.9 (стр.24) Соотнесите каждый рисунок к виду компьютерной графики

Домашнее задание: §1.2 Подготовиться к тесту «Компьютерная графика»

По теме: методические разработки, презентации и конспекты

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

Предмет: Информатика и ИКТКласс: 7Программа: Н.Д.Угринович, 2008 г. Учебник:«Информатика и ИКТ. 7 класс» Н.Д. Угринович– БИНОМ. Лаборатория знаний, 2007 г....

Cлайд 1

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

Cлайд 2

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

Cлайд 3

Преимущества векторной графики: Фундаментальные недостатки: Размер не зависит от реальной величины объекта, что позволяет, используя минимальное количество информации, описать сколько угодно большой объект файлом минимального размера. Параметры объектов хранятся и могут быть легко изменены. Также это означает, что перемещение, масштабирование, вращение, заполнение и т. д. не ухудшает качества рисунка. При увеличении объектов качество данного объекта не ухудшается. Не каждый объект может быть легко изображен в векторном виде - для подобного оригинальному изображению может потребоваться очень большое количество объектов и их сложности, что негативно влияет на количество памяти, занимаемой изображением. Перевод векторной графики в растр достаточно прост. Но обратного пути, как правило, нет.

Cлайд 4

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

Cлайд 5

Популярные векторные программы: М5 Office Art - графическая подпрограмма, предназначенная для создания геометрических фигур, блок-схем и т.п. Самый распространенный в мире векторный редактор. Corel Draw - самый мощный и сложный «плоский» векторный редактор. Спектр решаемых задач необычайно широк. Corel Kara - упрощенная версия программы Corel Draw. Adobe Illustrator - основной конкурент Corel Draw на рынке мощных двумерных векторных редакторов. Macromedia Flash - самый известный и распространенный в мире двумерный векторный редактор для анимированной графики. Основная сфера применения - картинки для Интернета и компактные игры. ABBYY Fine Reader - самая известная и широко применяемая система распознавания текста.

Cлайд 6

Достоинства: Недостатки: Растровая графика позволяет создать практически любой рисунок, вне зависимости от сложности. Распространённость - растровая графика используется сейчас практически везде: от маленьких значков до плакатов. Высокая скорость обработки сложных изображений, если не нужно масштабирование. Растровое представление изображения естественно для большинства устройств ввода-вывода, таких как, мониторы, матричные и струйные принтеры, цифровые фотоаппараты, сканеры. Большой размер файлов с простыми изображениями. Невозможность идеального масштабирования (меняется качество). Невозможность вывода на печать на плоттер.

Cлайд 7

Перечень самых известных растровых редакторов. Adobe Photoshoр - самый совершенный профессиональный редактор растровой графики и самый популярный. Его область - это обработка готовых изображений, таких как отсканированные фотографии. Microsoft Photo Editor - этот редактор предназначен в основном для работы с фотографиями. Microsoft Image Composer - редактор занимает немного места на диске и очень быстро загружается. Однако для изображений, которые будут использованы в полиграфии, он практически непригоден. Microsoft Paint - простейший графический редактор. Corel Painter - очень интересный и мощный растровый инструмент для художественной обработки изображений.

Cлайд 8

Заключение Есть две основные категории изображений: растровые и векторные. Растровые изображения состоят из множества точек - пикселов. Каждый пиксель имеет свой цвет и заданное положение в структуре изображения. При увеличении растрового изображения пикселы деформируются, и изображение может превращаться в увеличенную карикатуру исходного. Векторные изображения формируют объекты. По сути, они состоят из линий и кривых, которые можно рассчитать математически. По этой причине векторные изображения можно увеличивать или уменьшать до произвольных величин, при этом они всегда остаются пропорциональными копиями исходного изображения, с сохраненной исходной четкостью.

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

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

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

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

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

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

Объекты векторной графики описываются математическими формулами. точка задается своими координатами (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.Какой графический (векторный или растровый) вы будете использовать: А) Для разработки эмблемы организации, учитывая, что она должна будет печататься на маленьких визитных карточках и на больших плакатах; Б) для редактирования цифровой фотографии