Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Инфоурок / Информатика / Конспекты / Растровая и векторная графика
ВНИМАНИЮ ВСЕХ УЧИТЕЛЕЙ: согласно Федеральному закону № 313-ФЗ все педагоги должны пройти обучение навыкам оказания первой помощи.

Дистанционный курс "Оказание первой помощи детям и взрослым" от проекта "Инфоурок" даёт Вам возможность привести свои знания в соответствие с требованиями закона и получить удостоверение о повышении квалификации установленного образца (180 часов). Начало обучения новой группы: 26 апреля.

Подать заявку на курс
  • Информатика

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

Выбранный для просмотра документ Открытый урок_Растровая и векторная графика.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

"Инфоурок" приглашает всех педагогов и детей к участию в самой массовой интернет-олимпиаде «Весна 2017» с рекордно низкой оплатой за одного ученика - всего 45 рублей

В олимпиадах "Инфоурок" лучшие условия для учителей и учеников:

1. невероятно низкий размер орг.взноса — всего 58 рублей, из которых 13 рублей остаётся учителю на компенсацию расходов;
2. подходящие по сложности для большинства учеников задания;
3. призовой фонд 1.000.000 рублей для самых активных учителей;
4. официальные наградные документы для учителей бесплатно(от организатора - ООО "Инфоурок" - имеющего образовательную лицензию и свидетельство СМИ) - при участии от 10 учеников
5. бесплатный доступ ко всем видеоурокам проекта "Инфоурок";
6. легко подать заявку, не нужно отправлять ответы в бумажном виде;
7. родителям всех учеников - благодарственные письма от «Инфоурок».
и многое другое...

Подайте заявку сейчас - https://infourok.ru/konkurs

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

№ слайда 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
арисуйте акулу, показанную на рисунке.

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

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

"Инфоурок" приглашает всех педагогов и детей к участию в самой массовой интернет-олимпиаде «Весна 2017» с рекордно низкой оплатой за одного ученика - всего 45 рублей

В олимпиадах "Инфоурок" лучшие условия для учителей и учеников:

1. невероятно низкий размер орг.взноса — всего 58 рублей, из которых 13 рублей остаётся учителю на компенсацию расходов;
2. подходящие по сложности для большинства учеников задания;
3. призовой фонд 1.000.000 рублей для самых активных учителей;
4. официальные наградные документы для учителей бесплатно(от организатора - ООО "Инфоурок" - имеющего образовательную лицензию и свидетельство СМИ) - при участии от 10 учеников
5. бесплатный доступ ко всем видеоурокам проекта "Инфоурок";
6. легко подать заявку, не нужно отправлять ответы в бумажном виде;
7. родителям всех учеников - благодарственные письма от «Инфоурок».
и многое другое...

Подайте заявку сейчас - https://infourok.ru/konkurs


Выберите специальность, которую Вы хотите получить:

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

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ


Идёт приём заявок на международный конкурс по математике "Весенний марафон" для учеников 1-11 классов и дошкольников

Уникальность конкурса в преимуществах для учителей и учеников:

1. Задания подходят для учеников с любым уровнем знаний;
2. Бесплатные наградные документы для учителей;
3. Невероятно низкий орг.взнос - всего 38 рублей;
4. Публикация рейтинга классов по итогам конкурса;
и многое другое...

Подайте заявку сейчас - https://urokimatematiki.ru

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

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