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

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

Скачать:


Предварительный просмотр:

Тема: Компьютерная графика. Растровые и векторные изображения

Тип урока: урок объяснения новой темы

Цели:

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

Методы: словесные (эвристическая беседа), наглядные, практические

Оборудование: учебник (Н. Угринович «Информатика_7»), мультимедийная доска, проектор

Структура урока:

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

а. Приветствие

б. Отметить присутствующих

  1. Объяснение нового материала (показ презентации) 15 мин

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

растровые        векторные

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

+ Изображение насыщено различной цветовой гаммой.

– Растровые изображения очень чувствительны к уменьшению и увеличению.

   Для хранения растровой графики требуется большой объем памяти.

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

+ Векторные рисунки могут быть увеличены или уменьшены без потери качества.

   Относительно небольшой объем памяти.

– Не позволяет получать изображения фотографического качества.

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

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

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

Пример ПО: Paint, Adobe Photoshop, GIMP

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

Пример ПО: Система компьютерного черчения КОМПАС, системы автоматизированного проектирования, Corel Draw,   OpenOffice Draw

Дополнительная информация. Богатая цветовая палитра современных компьютеров получается смешением взятых в определённой пропорции трёх основных цветов: красный, зеленый и синий. На каждый из них отводится по 8 бит или 256 различных оттенков основного цвета. Таким образом, цветовая палитра современных ПК включает 256*256*256 = 16777216 цветов.

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

1) Компьютерный эксперимент

  1. Запустите графический редактор GIMP и выполните команду Палитра – Изменить палитру.
  2. В открывшемся диалоговом окне Изменение палитры щёлкните на кнопке Определить цвет. Обратите внимание на информацию в правой нижней части экрана.

  1. Задайте несколько раз по своему усмотрению значения в полях ввода для основных цветов и проследите за изменениями в окне Цвет|Заливка.

Красный

Зелёный

Синий

Цвет

0

0

0

0

0

255

0

255

0

190

190

190

255

0

0

0

255

255

255

0

255

255

255

0

255

255

255

  1. Заполните таблицу установив, какие цвета получатся при следующих значениях основных цветов:

2) Практическая работа

  1. Откройте рисунок Образец (Мои документы\7 класс\Заготовки).
  2. Выполните команду Вид – Масштаб – Другой, в группе Варианты установите переключатель 400% , дающий увеличение исходной картинки в 4 раза.
  3. Самостоятельно увеличьте картинку в 8 раз (переключатель 800%).
  4. Выберите инструмент заливка и с его помощью попытайтесь внести изменения в рисунок, перекрашивая отдельные области.
  5. Выполните команду Вид – Масштаб – 100% и проследите за сделанными изменениями.
  6. Выйдите из программы (команда Файл – Выход), не внося изменений в исходный файл.

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

Что такое пиксель?

  • Крошечный фрагмент изображения, определённого цвета.

В чём заключается растровое кодирование?

  • Цвет каждого пикселя кодируется двоичным числом.

В чём отличие векторного кодирования графической информации от растрового?

Как математически могут быть описаны многоугольники?

Как математически могут быть описаны круги?

Из каких основных цветов складываются оттенки?          

  • Красный, синий, зелёный.

Сколько бит отводится на каждый из основных цветов?

Сколько различных оттенков основного цвета при этом можно закодировать?

  • 256.

Сколько цветов включает в себя цветовая палитра современных компьютеров?

  • Более 16 млн. (16777216)

Можно ли в приложении Paint работать с отдельными пикселями?

  • Да.

Что для этого нужно сделать?

  • Вид – Масштаб – Показать сетку, при этом желательно выбрать масштаб 400-800%.

Можно ли в приложении Paint изменять цвета палитры?  

  • Да.

Как это сделать?

  • Палитра – Изменить палитру – Определить цвет, установить необходимые значения основных цветов.

5. Домашнее задание 1 мин

  1. Выучить записи в тетради.
  2. Практическое задание:

Сделайте в тетради чёрно-белое изображение первой буквы своего имени (1010 пикселей,1 пиксель – 1 закрашенная клетка).


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

Урок информатики и ИКТ в 9 классе по теме: Растровые и векторные изображения.

Тема урока: Растровые и векторные изображения.Класс: 9 класс.УМК: Угринович Н.Д . Информатика и ИКТ. 9 класс. М.: Бином, 2012.Тип урока: урок построения системы знаний....

Компьютерная графика и области её применения. Понятие растровой и векторной графики.

Презентация к уроку "Компьютерная графика и области её применения. Понятие растровой и векторной графики."...

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

Графика растровая и векторная...

Урок по теме " Компьютерная графика и область её применения. Растровая и векторная графика."

Урок по теме " Компьютерная графика и область её применения. Растровая и векторная графика."...

Компьютерная графика. Растровая и векторная графика.

Разработка урока по информатике в 8 классе...