Открытый урок векторная графика презентация. Презентация по информатике на тему "Растровая и векторная графика. Графические редакторы". Недостатки векторной графики

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

Качество растрового изображения зависит от: n n размера изображения (количества пикселей по горизонтали и вертикали); количества цветов, которые могут принимать пиксели.

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

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

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

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

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

Растровые графические редакторы n n являются наилучшим средством обработки фотографий и рисунков, т. к. обеспечивают высокую точность передачи градаций цветов и полутонов. Paint, Imaging, Adobe Photoshop, Corel Photo-Paint

Окно графического редактора Paint Окно имеет стандартный вид системы Windows, с добавлением цветовой палитры, которая позволяет выбрать не только цвет изображения, но и цвет фона. Большую часть окна занимает пустое пространство – область рисования. Слева от нее расположена группа значков – панель инструментов. В нижней части окна находится цветовая палитра.

Imaging- Просмотр рисунков разработана для работы с графикой, экспортируемой цифровыми камерами и сканерами, для просмотра факсдокументов.

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

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

Corel Photo-Paint в отличие от Corel Draw работает исключительно с растровыми изображениями и включает огромное количество инструментов и эффектов манипулирования растровыми образами для профессиональной работы и творчества

Запуск программы Paint n n Щелкнут по кнопке Пуск В Главном меню выбрать команду Программы В появившемся подменю выбрать команду Стандартные В следующем подменю выбрать команду Графический Редактор Paint

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

Этап создания рисунка 1. 2. 3. 4. 5. Выбрать инструмент. Установить ширину линии, форму кисти или тип прямоугольника. Выбрать цвет изображения. Выбрать цвет фона. Начать рисование.

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

Ластик / Цветной ластик предназначен для стирания отдельных частей рисунка. Выбор цвета ластика правой кнопкой мыши в палитре цветов

Выбор цвета Инструмент Выбор цвета изменяет цвет изображения или цвет фона на цвет любой точки рисунка.

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

Надпись помещает в рисунок текст. Выбрав инструмент, нужно нарисовать рамку, где будет расположен текст, ввести текст, щелкнуть мышью за пределами рамки. При работе с текстом его можно редактировать и форматировать с помощью панели атрибутов текста (Вид. Панель атрибутов текста)

Линия служит для рисования прямых линий. Можно выбрать толщину линии. Если при рисовании линии удерживать клавишу Shift, то получится либо строго горизонтальная, либо строго вертикальная, либо под углом 450 линия.

Прямоугольник служит для рисования прямоугольников и квадратов. Для получения квадрата нужно удерживать клавишу Shift. Виды прямоугольников: 1. только граница 2. закрашенный прямоугольник с границей 3. закрашенный прямоугольник без границы

Эллипс служит для изображения эллипсов и окружностей. Окружность получится, если рисовать, удерживая клавишу Shift. Виды эллипсов и окружностей такие же как и у прямоугольника

Скругленный прямоугольник позволяет рисовать прямоугольники и квадраты с закругленными краями. Виды такие же как у других фигур.

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

Чтобы выбрать цвет, которым вы хотите рисовать – установите указатель мыши на квадратик с нужным цветом в палитре и щелкните левой кнопкой мыши.

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

Чтобы использовать для рисования какой – либо инструмент необходимо выполнить следующие действия: 1. Установить указатель мыши на инструмент, которым вы хотите рисовать в данный момент, и щелкнуть по нему. 2. Установить указатель мыши на квадратик с цветом в палитре и. щелкните левой кнопкой мыши. 3. Переместить указатель в области рисования, в то место, где вы хотите начать рисовать. 4. Нажмите кнопку мыши и не отпуская ее, тащите указатель в нужном направлении. 5. Отпустите кнопку мыши в точке завершения рисования.

Построения с помощью клавиши SHIFT. Нарисуйте кубик. 1. 1. Выберите инструмент Прямоугольник. На панели настройки выберите границы фигуры. 2. Нарисуйте квадрат, удерживая при рисовании клавишу SHIFT. 3. 3. Выберите инструмент Линия. На панели настройки выберите самый тонкий тип линии. 4. Из трех вершин квадрата нарисуйте наклонные линии, удерживая клавишу SHIFT. 5. 4. Нарисуйте горизонтальную и вертикальные линии задней стенки кубика. 6. 5. Ластиком аккуратно удалите выступающие части линий. 7. Инструментом Заливка залейте стороны кубика разными цветами.

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

Чтобы выделить фрагмент рисунка нужно 1. Выбрать один из инструментов выделения 2. Сделать рамку возле нужного фрагмента рисунка перетаскивая мышь и удерживая левую кнопку.

Чтобы повернуть фрагмент на угол 900, 1800, 2700 нужно: 1. Выделить фрагмент рисунка. 2. Из меню Рисунок выбрать команду Отразить/ Повернуть. При выборе этой команды появляется окно диалога. 3. Щелкните в окошках Повернуть на угол, и укажите угол 900.

Чтобы получить копию фрагмента рисунка нужно: 1. Выделить фрагмент рисунка. 2. Скопировать его. Вставить его. Правка – Копировать Правка - Вставить Возврат

Чтобы отразить копию рисунка нужно: 1. В меню Рисунок выбрать команду Отразить / Повернуть. 2. Выберите действие Отразить слева направо или Отразить сверху вниз.

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

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

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

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

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

Векторные

Растровые

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

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

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

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

Пиксель

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

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

Литература 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 МБ