Инфоурок / Информатика / Конспекты / Растровая и векторная графика
Обращаем Ваше внимание: Министерство образования и науки рекомендует в 2017/2018 учебном году включать в программы воспитания и социализации образовательные события, приуроченные к году экологии (2017 год объявлен годом экологии и особо охраняемых природных территорий в Российской Федерации).

Учителям 1-11 классов и воспитателям дошкольных ОУ вместе с ребятами рекомендуем принять участие в международном конкурсе «Законы экологии», приуроченном к году экологии. Участники конкурса проверят свои знания правил поведения на природе, узнают интересные факты о животных и растениях, занесённых в Красную книгу России. Все ученики будут награждены красочными наградными материалами, а учителя получат бесплатные свидетельства о подготовке участников и призёров международного конкурса.

ПРИЁМ ЗАЯВОК ТОЛЬКО ДО 21 ОКТЯБРЯ!

Конкурс "Законы экологии"

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

Такого ещё не было!
Скидка 70% на курсы повышения квалификации

Количество мест со скидкой ограничено!
Обучение проходит заочно прямо на сайте проекта "Инфоурок"

(Лицензия на осуществление образовательной деятельности № 5201 выдана ООО "Инфоурок" 20 мая 2016 г. бессрочно).


Список курсов, на которые распространяется скидка 70%:

Курсы повышения квалификации (144 часа, 1800 рублей):

Курсы повышения квалификации (108 часов, 1500 рублей):

Курсы повышения квалификации (72 часа, 1200 рублей):

Выбранный для просмотра документ Открытый урок_Растровая и векторная графика.doc

библиотека
материалов



Открытый урок по информатике

в 9 классе

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



Подготовила и провела учитель информатики МОУ гимназии №11: Боева Татьяна Александровна






Елец-2014


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

Тип урока: Урок изучение нового материала.

Цели урока:

  1. Обучающая:

  • познакомить учащихся с понятиями векторной и растровой графики;

  • научить отличать векторную графику от растровой, ознакомить с преимуществами и недостатками каждой графики;

  • сформировать у учащихся понимание процесса построения изображения на компьютере.

Развивающая:

  • развитие навыков и умений работы с графикой;

  • уметь создавать растровые и векторные графические изображения;

  • развитие внимания и мышления.

  1. Воспитывающая:

  • Восприятие компьютера как инструмента обработки графической информации;

  • Воспитание информационной культуры учащихся, аккуратности, дисциплинированности, усидчивости.

Оборудование:

  • компьютеры;

  • проектор;

  • интерактивная доска;

  • презентация к уроку;

  • раздаточный материал для практического задания.

План урока:

  1. Организационный момент.

  2. Изучение нового материала.

  3. Закрепление изученного материала.

  4. Постановка домашнего задания.

  5. Подведение итогов.

Содержание урока:

  1. Организационный момент.


  1. Изучение нового материала.

Компьютерная графика – это раздел информатики, занимающийся проблемами «рисования» на ЭВМ.

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

Чтобы изображение можно было хранить, просматривать и обрабатывать на компьютере, оно должно быть представлено в так называемом цифровом виде.

Все компьютерные изображения делятся на два вида:

  • Растровые

  • Векторные

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


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

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

Чем больше количество квадратиков, чем меньше их размеры – тем лучше выглядит результат. В качестве примеров растровых графредакторов можно назвать программы Paint и Photoshop.

hello_html_29ace26a.jpghello_html_58ea8dfb.jpg



Получить растровое изображение можно одним из способов:

  • В процессе сканирования;

  • При использовании цифрового фотоаппарата;

  • Созданием в среде графического редактора.

Компьютер хранит параметры каждой точки изображения (её цвет, координаты). Причём каждая точка представляется определенным количеством бит (в зависимости от глубины цвета). При открытии файла программа прорисовывает такую картину как мозаику – как последовательность точек массива. Глубина цвета - сколько битов отведено на хранение цвета каждой точки:
- в черно-белом - 1 бит
- в полутоновом - 8 бит
- в цветном - 24 (32) бита на каждую точку.


Растровые файлы имеют сравнительно большой размер, т.к. компьютер хранит параметры всех точек изображения.

Поэтому размер файла зависит от параметров точек и их количества:

  • от глубины цвета точек,

  • от размера изображения (в большем размере вмещается больше точек),

  • от разрешения изображения (при большем разрешении на единицу площади изображения приходится больше точек).

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

Дhello_html_2f0379ed.jpg

Исходное изображение

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

Фрагмент увеличенного изображения


hello_html_21d01cc1.jpg

Как Вы думаете, растровое изображение масштабируется с потерей качества или нет? ( Растровое изображение масштабируется с потерей качества)

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

Например:

Оригинал Увеличенный фрагмент

hello_html_7e3a9034.jpghello_html_74b5c31a.jpg


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

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

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

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

Векторное изображение масштабируется без потери качества: масштабирование изображения происходит при помощи математических операций: параметры примитивов просто умножаются на коэффициент масштабирования.


hello_html_6efb6763.jpg

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

hello_html_25ab1ab2.jpg

Векторное изображение можно расчленить на отдельные элементы (линии или фигуры), и каждый редактировать, трансформировать независимо.

hello_html_m1b106e03.gifhello_html_m285effea.gifhello_html_6ac26874.gifhello_html_78e8cc20.gifhello_html_2380800f.gifhello_html_3d2cfbae.gifhello_html_m2173c5af.gifhello_html_m2cf1b4be.gifhello_html_10dea3f1.gifhello_html_m4979a971.gifhello_html_m60f69837.gif



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

Векторные изображения: более схематичны, менее реалистичны, чем растровые изображения, «не фотографичны».

Близкими аналогами являются слайды мультфильмов, представление математических функций на графике.

hello_html_65c8a87.jpghello_html_3eb78839.jpg

Основные преимущества векторной графики:

  • компактность представления, малый размер файлов

  • возможность менять масштаб изображения без потери качества


В растровом графредакторе изменение масштаба изображения может привести к необратимому ухудшению его качества.


Но не надо делать вывод о безусловном преимуществе векторных графредакторов перед растровыми. Это совсем не так! Просто для разных задач нужно использовать разные инструменты. Скажем, для обработки фотографии необходим растровый редактор, а для создания схем и чертежей - векторный.


  1. Закрепление изученного материала.

Задание №1 (устно).

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

hello_html_m1dcdbbf2.gifhello_html_5270353a.gifhello_html_6c0c8230.jpghello_html_m50592381.gifhello_html_m7bd5006b.pnghello_html_m602c024a.gif



Задание №2 (выполнение работы не компьютере).

Нарисуйте акулу, показанную на рисунке в растровом графическом редакторе Paint.

hello_html_7acfcfb2.png

  1. Постановка домашнего задания.

Выучить: записи в тетрадях.


  1. Подведение итогов.

  • Проверить выполненные задания учащихся.

  • Выставить оценки за урок.




Выбранный для просмотра документ Растровая и векторная графика_открытый урок.ppt

библиотека
материалов
Открытый урок по информатике в 9 классе «Растровая и векторная графика» МОУ г...
Цели урока: познакомить учащихся с видами компьютерной графики; научить отлич...
Определение 1 Компьютерная графика – это раздел информатики, занимающийся про...
Растровое изображение составляется из мельчайших точек (пикселей) – цветных...
Получить растровое изображение можно одним из способов: В процессе сканирован...
Чтобы увеличить изображение, приходится увеличивать размер пикселей-квадратик...
Растровое изображение нельзя расчленить. Оно «литое», состоит из массива точе...
В векторной графике подход другой. Изображение «собирается» из элементарных о...
Векторное изображение масштабируется без потери качества: Изображение может б...
Векторное изображение можно расчленить на отдельные элементы (линии или фигур...
Векторные файлы имеют сравнительно небольшой размер, т.к. компьютер запомина...
Основные преимущества векторной графики: - компактность представления, малый...
Задание №1 (устно). Определите, какой тип графики (растровый или векторный) в...
Задание №2 (выполнение работы не компьютере). Нарисуйте акулу, показанную на...
Задание на дом: учить записи в тетрадях
17 1

Описание презентации по отдельным слайдам:

№ слайда 1 Открытый урок по информатике в 9 классе «Растровая и векторная графика» МОУ г
Описание слайда:

Открытый урок по информатике в 9 классе «Растровая и векторная графика» МОУ гимназия №11 Елец – 2014г

№ слайда 2 Цели урока: познакомить учащихся с видами компьютерной графики; научить отлич
Описание слайда:

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

№ слайда 3 Определение 1 Компьютерная графика – это раздел информатики, занимающийся про
Описание слайда:

Определение 1 Компьютерная графика – это раздел информатики, занимающийся проблемами «рисования» на ЭВМ. Чтобы изображение можно было хранить, просматривать и обрабатывать на компьютере, оно должно быть представлено в цифровом виде. Все компьютерные изображения делятся на два вида: Растровые Векторные

№ слайда 4 Растровое изображение составляется из мельчайших точек (пикселей) – цветных
Описание слайда:

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

№ слайда 5
Описание слайда:

№ слайда 6 Получить растровое изображение можно одним из способов: В процессе сканирован
Описание слайда:

Получить растровое изображение можно одним из способов: В процессе сканирования; При использовании цифрового фотоаппарата; Созданием в среде графического редактора. Компьютер хранит параметры каждой точки изображения (её цвет, координаты). Причём каждая точка представляется определенным количеством бит (в зависимости от глубины цвета). Глубина цвета - сколько битов отведено на хранение цвета каждой точки: - в черно-белом - 1 бит - в полутоновом - 8 бит - в цветном - 24 (32) бита на каждую точку. Растровые файлы имеют сравнительно большой размер, т.к. компьютер хранит параметры всех точек изображения.

№ слайда 7 Чтобы увеличить изображение, приходится увеличивать размер пикселей-квадратик
Описание слайда:

Чтобы увеличить изображение, приходится увеличивать размер пикселей-квадратиков. В итоге изображение получается ступенчатым, зернистым. Исходное изображение Фрагмент увеличенного изображения

№ слайда 8 Растровое изображение нельзя расчленить. Оно «литое», состоит из массива точе
Описание слайда:

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

№ слайда 9 В векторной графике подход другой. Изображение «собирается» из элементарных о
Описание слайда:

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

№ слайда 10 Векторное изображение масштабируется без потери качества: Изображение может б
Описание слайда:

Векторное изображение масштабируется без потери качества: Изображение может быть преобразовано в любой размер (от логотипа на визитной карточке до стенда на улице) и при этом его качество не изменится.

№ слайда 11 Векторное изображение можно расчленить на отдельные элементы (линии или фигур
Описание слайда:

Векторное изображение можно расчленить на отдельные элементы (линии или фигуры), и каждый редактировать, трансформировать независимо.

№ слайда 12 Векторные файлы имеют сравнительно небольшой размер, т.к. компьютер запомина
Описание слайда:

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

№ слайда 13
Описание слайда:

№ слайда 14 Основные преимущества векторной графики: - компактность представления, малый
Описание слайда:

Основные преимущества векторной графики: - компактность представления, малый размер файлов; - возможность менять масштаб изображения без потери качества. В растровом графредакторе изменение масштаба изображения может привести к необратимому ухудшению его качества. Но не надо делать вывод о безусловном преимуществе векторных графредакторов перед растровыми. Это совсем не так! Просто для разных задач нужно использовать разные инструменты. Скажем, для обработки фотографии необходим растровый редактор, а для создания схем и чертежей - векторный.

№ слайда 15 Задание №1 (устно). Определите, какой тип графики (растровый или векторный) в
Описание слайда:

Задание №1 (устно). Определите, какой тип графики (растровый или векторный) вероятнее всего используется в следующих изображениях. Обоснуйте свой ответ.

№ слайда 16 Задание №2 (выполнение работы не компьютере). Нарисуйте акулу, показанную на
Описание слайда:

Задание №2 (выполнение работы не компьютере). Нарисуйте акулу, показанную на рисунке в растровом графическом редакторе Paint. Для запуска программы Paint: нажать Пуск программы стандартные Paint. Для выбора крупного масштаба: Вид, масштаб, другой, 800% Вид, масштаб, показать сетку

№ слайда 17 Задание на дом: учить записи в тетрадях
Описание слайда:

Задание на дом: учить записи в тетрадях

Выбранный для просмотра документ акула.doc

библиотека
материалов

Задание (Paint)

Нhello_html_7acfcfb2.png
арисуйте акулу, показанную на рисунке.


Самые низкие цены на курсы переподготовки

Специально для учителей, воспитателей и других работников системы образования действуют 50% скидки при обучении на курсах профессиональной переподготовки.

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

Обучение проходит заочно прямо на сайте проекта "Инфоурок", но в дипломе форма обучения не указывается.

Начало обучения ближайшей группы: 25 октября. Оплата возможна в беспроцентную рассрочку (10% в начале обучения и 90% в конце обучения)!

Подайте заявку на интересующий Вас курс сейчас: https://infourok.ru

Краткое описание документа:

Представляю конспект урока по теме "Растровая и векторная графика", презентацию для проведения урока и карточки для выполнения практического задания. Цели урока:1. Познакомить учащихся с понятиями векторной и растровой графики;2. Сформировать у учащихся понимание процесса построения изображения на компьютере;3. Научить отличать векторную графику от растровой;4. Развитие навыков и умений работы с графикой;5. Восприятие компьютера как инструмента обработки графической информации.Оборудование для урока:- компьютеры- проектор- интерактивная доска- презентация к уроку- раздаточный материал для выполнения практического задания.

Общая информация

Номер материала: 187816092930

Похожие материалы