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

Тема урока.

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

Ф. И. О.

Загородникова Светлана Николаевна

Предмет.

информатика

Класс, уровень, профиль.

9 класс, общеобразовательный уровень

Методические рекомендации.

Данная разработка урока применяется в 9 классе при изучении темы «Растровая и векторная графика» по программе Н.Д. Угриновича. На уроке используется презентация «Растровая и векторная графика», а также применяется ЦОР, скачанный с Интернета: Видеоролик «Мона Лиза, нарисованная в Paint».

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

План-конспект урока.

Тип урока: урок усвоения новых знаний.

Цели урока:

1. Образовательная - познакомить учащихся с особенностями растровой и векторной графики, выявить достоинства и недостатки растровой и векторной графики, познакомить с форматами графических файлов.

2. Развивающая - продолжить развитие познавательных психических и эмоционально-волевых процессов: внимание, память, воображение.

3. Воспитательная - воспитывать внимательность, аккуратность, интерес к предмету.

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

1. Персональный компьютер,

2. пакет Microsoft Office 2007,

3. мультимедийный проектор,

4. экран.

План урока:

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

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

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

• Растровые графические редакторы

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

• Векторные графические редакторы

• Форматы графических файлов

3. Подведение итогов урока.

4. Домашнее задание.

Ход урока

Этап урока

(название, время)

Сценарий этапа урока

(задания, деятельность учителя, учеников)

Слайды (изображение или текстовое описание)

1. Сообщение темы и целей урока

(Слайд 1).

Учитель сообщает тему урока. Совместно с учащимися определяют цели урока.

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

Учащиеся записывают тему урока

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

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

(Слайд 2)

Учитель: Начнем мы с того, что же такое компьютерная графика? Запишем в тетрадь определение.

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

Учащиеся записывают определение в тетрадь.

(Слайд 3).

Учитель: Как вы уже поняли из названия нашей темы, все компьютерные изображения можно разделить на два больших класса: растровые и векторные изображения. Так в чем же их отличие? Зарисуйте эту схему

Итак, начнём мы с растровой графики.

Учащиеся зарисовывают схему в тетрадь

(Слайд 4).

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

Учитель: Растровые изображения формируются из точек различного цвета (пикселей), которые образуют строки и столбцы. Что такое пиксель мы уже изучили. Давайте вспомним определение: Пиксель - это минимальный участок изображения, которому независимым образом можно задать цвет.

Учитель: Обратите внимание: на рисунке изображена таблица с квадратными ячейками, закрашенными в определенный цвет. Каждая такая ячейка рисунка называется пикселем.

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

Учащиеся записывают в тетрадь, из чего формируются растровые изображения

(Слайд 5).

Учитель: Примерами растровой графики являются сканированные фотографии, цифровые фотографии и изображения, созданные в различных растровых графических редакторах.

(Слайд 6) Учитель: Качество растрового изображения зависит от двух факторов:

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

2) от количества цветов в изображении. Как известно, глаз человека способен различать 350 тысяч цветов. Чем больше цветовых оттенков используется в изображении, тем ближе оно будет к реальности и тем выше будет его качество.

(Слайд 7).

Достоинства:

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

• Распространённость - растровая графика используется сейчас практически везде: от маленьких значков до плакатов;

• Высокая скорость обработки сложных изображений, если не нужно масштабирование;

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

Беседа с учащимися

(Слайд 8)

Недостатки

• Большой размер файлов с простыми изображениями.

• Невозможность идеального масштабирования. Увеличение изображение приводит к тому, что точки растра становятся крупнее, что визуально искажает иллюстрацию и делает ее грубой. Уменьшение картинки, наоборот, не позволит различить мелкие детали изображения

• Невозможность вывода на печать на плоттер.

Беседа с учащимися

(Слайд 9)

Графический редактор

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

Как вы думаете, что такое графический редактор?

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

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

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

Учащиеся записывают определение в тетрадь

Растровые графические редакторы

(Слайд 10)

Растровые графические редакторы

Вы можете без труда привести пример растрового графического редактора - это всем известный Paint. К этой же группе относится и мощный графический пакет компании Adobe - Photoshop. Этой программой пользуются как начинающие пользователи, так и профессиональные художники и дизайнеры. И его конкурент из приложений, разрабатываемых по лицензии GNU General Public License - GIMP, с которым мы и будем работать.

Беседа с учащимися. Использование ЦОР: Видеоролик «Мона Лиза, нарисованная в Paint»

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

(Слайд11)

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

(Слайд12)

Учитель: Векторное изображение создается из графических примитивов, (линий, окружностей, прямоугольников и т.д.) и описывается математическими формулами. Так, векторное изображение стрелки будет выглядеть так же, как на слайде. Изображение создается в некоторой системе координат и состоит из трех линий. Положение каждой линии задается положением начальной и конечной точек в системе координат и описывается математическими формулами.

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

Учащиеся записывают в тетрадь, как создается векторное изображение

(Слайд 13)

Достоинства:

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

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

Итак, запишите: основными достоинствами растровой графики являются: 1) небольшой объем 2) масштабирование без потери качества.

Беседа с учащимися

(Слайд 14)

Недостатки:

Учитель:

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

• Перевод векторной графики в растр достаточно прост. Но обратного пути, как правило, нет - трассировка растра обычно не обеспечивает высокого качества векторного рисунка.

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

Беседа с учащимися

Векторные графические редакторы

(Слайд 15)

Векторные графические редакторы:

Учитель: С векторным графическим редактором вы тоже уже знакомы - это графический редактор, встроенный в приложение MS Word. Кроме того, в группу векторных редакторов входит пакет программ CorelDraw и программа для создания мультипликации Macromedia Flash. Векторный графический редактор, с которым мы будем знакомиться, называется Inkscape.

Беседа с учащимися о векторных графических редакторах. С каким же векторным графическим редактором мы будем знакомиться в операционной системе Linux? Inkscape

Форматы графических файлов

(Слайды 16, 17)

Форматы растровых графических файлов

Учитель: Теперь вы должны ознакомиться с форматами графических файлов. Как вы знаете, форматы графических файлов определяют способ хранения информации в файле.

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

1) Формат BMP - это универсальный растровый формат. Этот формат имеют все изображения, созданные во встроенном графическом редакторе Paint. Универсальным он называется, потому что поддерживается большинством существующих в настоящее время приложений. Картинку, созданную в Paint, вы можете вставить и в Word, и в Excel, и в презентацию, и даже, если хотите, в Photoshop.

2) Формат GIF - растровый, поддерживается не только операционной системой Windows, но и многими другими. Его рекомендуется использовать для хранения изображений с небольшим количеством цветов (до 256) - графиков, диаграмм и т.д. Также он очень удобен для размещения графики и анимации в сети Интернет.

3) Формат PNG - усовершенствованный вариант формата GIF.

4) Формат JPEG - наиболее распространенный растровый формат, практически идентичный формату GIF. Основные отличия его состоят в том, что он использует другой алгоритм сжатия (с потерей качества информации) и не предназначен для хранения анимированных рисунков.

5) Формат TIFF - тоже растровый формат. Применяется он в тех случаях, когда необходимо уменьшить размер графического файла без потери его качества. Поэтому этот формат нашел широкое применение в полиграфической и издательской деятельности.

Учащиеся конспективно записывают форматы растровых графических файлов

(Слайд 18)

Форматы векторных графических файлов

Учитель:

WMF - этот формат используется для хранения коллекции графических изображений Microsoft Clip Gallery.

ODG - собственный формат программы OpenOffice.org Draw

CDR - собственный формат программы CorelDraw

SVG - собственный формат программы Inkscape.

Учащиеся конспективно записывают форматы векторных графических файлов

3. Подведение итогов урока

Теперь давайте подведем итоги урока.

I. (Слайды 19-25) Тест (6 вопросов)

Графика, представляемая в памяти компьютера в виде совокупности точек, называется:

1) Трехмерной

2) Фрактальной

3) Растровой

4) Векторной

Графика, представляемая в памяти компьютера в виде математического описания объектов, называется:

1) Векторной

2) Трехмерной

3) Фрактальной

4) Растровой

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

1) Геометрические объекты

2) Пиксели

3) Примитивы

4) Инструменты

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

1) .jpg

2) .exe

3) .bmp

4) .gif

5) .doc

6) .bak

Формат, который понимают все растровые графические редакторы, - ...

1) .jpg

2) .bmp

3) .gif

4) .png

Графический файл какого формата потребует наибольшего количества памяти?

1) .jpg

2) .gif

3) .png

4) .bmp

II. Устно:

Где применяется компьютерная графика?

На какие типы делятся графические изображения?

Из каких элементов строится растровое изображение?

Из каких элементов строится векторное изображение?

От чего зависит качество растрового изображения?

Какие изменения происходят с растровым изображением при масштабировании?

Какие изменения происходят с векторным изображением при масштабировании?

4. Домашнее задание.

§ 1.2

Запись в тетради

Перечень используемых источников.

• Н.Д. Угринович. Информатика и ИКТ. 9 класс, М., БИНОМ, 2010

• М.Г. Гилярова. Информатика. 9 класс. Поурочные планы по учебнику Угриновича Н.Д. Волгоград, ИТД Корифей, 2009

• Рисунки учащихся

• images.yandex.ru/

• youtube.com/