План-конспект урока "Растровая и векторная графика"
план-конспект урока по информатике и икт (9 класс) на тему

Морозова Валерия Анатольевна

Разработка урока по теме  «Растровая и векторная графика» включает в себя конспект урока, расчитанный на 45 минут, и мультимедийную презентацию

Скачать:

ВложениеРазмер
Microsoft Office document icon разработка урока156.5 КБ
Office presentation icon Презентация2.31 МБ

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

Преподаватель: Морозова Валерия Анатольевна

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

Цели урока:

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

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

Форма организации учебного процесса: рассказ с элементами беседы.

Метод обучения: информационно-сообщающий (объяснительно-иллюстративный).

Методические приемы обучения: словесный, наглядный.

Материально-техническое оснащение: компьютер, проектор и экран, компьютерная презентация.

План занятия:

  1. Организационный момент (3 минуты).
  2. Актуализация базовых знаний (2 минуты).
  3. Изложение нового материала (25 минут)
  4. Закрепление изученного материала (10 минут)
  5. Подведение итогов урока. Рефлексия (4 минуты).
  6. Домашнее задание. (1 минута).                        

Ход урока:

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

Урок начинается с приветствия учащихся. Затем преподаватель отмечает присутствующих в группе.

Актуализация базовых знаний.

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

Изложение нового материала.

Преподаватель поясняет тему нового урока, цель работы. Затем преподаватель приступает к объяснению новой темы.

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

-Как вы думаете, почему?

Конечно. Мир компьютерной графики необъятен. Это и несколько миллионов цветов в палитре, это и возможность “оживить” картинку, это и различные эффекты, применить которые на обычной бумаге достаточно сложно или невозможно вообще. На компьютере можно дополнить понравившуюся картину великого художника своими персонажами, да ещё и заставить их двигаться. И всё это можно сделать, не имея специального образования!..

-Мы с вами уже немного говорили о графической информации. В каких программах вы уже работали и создавали рисунки? (Paint, MS WORD)

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

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

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

 

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

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

Как формируется изображение? (Основной элемент)

 

 

Как изменяется в процессе масштабирования?

 

 

Область применения

 

 

Примеры графических редакторов

 

 

Форматы

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

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

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

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

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

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

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

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

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

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

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

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

Графические редакторы также можно разделить на две категории: растровые и векторные.

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

Среди растровых графических редакторов есть простые, например стандартное приложение Paint, и мощные профессиональные графические системы, например Adobe Photoshop.

К векторным графическим редакторам относятся графический редактор, встроенный в текстовый редактор Word. Среди профессиональных векторных графических систем наиболее распространена CorelDRAW. Сюда также можно добавить Macromedia Flash MX.

Программы для работы с векторной графикой:

Corel Draw

Adobe Illustrator

Fractal Design Expression

Macromedia Freehand

Применение:

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

Форматы графических файлов
Форматы графических файлов определяют способ хранения информации в файле (растровый или векторный).

Bit MaP image (BMP) — универсальный формат растровых графических файлов, поддерживается многими графическими редакторами.

Graphics Interchange Format (GIF) — формат растровых графических файлов. Рекомендуется для хранения изображений, создаваемых программным путем (диаграмм, графиков и так далее). Используется для размещения графических изображений на Web-страницах в Интернете.

Joint Photographic Expert Group (JPEG) — формат растровых графических файлов для отсканированных фотографий и иллюстраций.

Windows MetaFile (WMF) — универсальный формат векторных графических файлов для Windows-приложений. Используется для хранения коллекции графических изображений Microsoft Clip Gallery.

CorelDRaw files (CDR) — оригинальный формат векторных графических файлов, используемый в системе обработки векторной графики CorelDraw.

Записи в рабочих тетрадях:

Рассмотрим назначение и возможности  графического редактора AdobePhotoshop (см. презентация)

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

Выполнение теста.

  1. Подведение итогов урока. Рефлексия.

  • Понятие растровая графики
  • Понятие векторная графики
  • Какие растровые графические редакторы вы знаете?
  • Какие векторные графические редакторы вы знаете?
  • В каком редакторе, растровом или векторном, вы будете редактировать фотографию?

VI. Домашнее задание: повторить изученный материал.


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


Подписи к слайдам:

Слайд 2

РАСТРОВЫЕ ВЕКТОРНЫЕ Компьютерные изображения

Слайд 3

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

Слайд 4

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

Слайд 5

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

Слайд 6

Качество растрового изображения зависит от размера изображения (количества пикселей по горизонтали и вертикали) и количества цветов, которые можно задать для каждого пикселя. 16x16=256 пикселей для хранения каждого пикселя необходим 1 бит Объем рисунка = 256 бит 256 бит = 32 байта

Слайд 7

Ступенчатый эффект

Слайд 8

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

Слайд 9

GIF - анимация Это еще одна разновидность растровой графики. Анимация - последовательность растровых графических изображений, хранящихся в одном графическом файле. Она представляет собой несколько рисунков-кадров, которые последовательно меняют друг друга, создавая эффект движения. Анимация часто используется в Интернете, в качестве рекламы, заставок и др.

Слайд 10

Flash - анимация В основе flash-анимации лежит векторная графика . Эта технология позволяет реализовать движение, плавно изменяя расположение, размер и цвет объектов на рисунке, а также показать плавное превращение одного объекта в другой. В основе Flash - анимации лежит векторный морфинг, то есть плавное «перетекание» одного ключевого кадра в другой . Это позволяет делать сложные мультипликационные сцены, задавая лишь несколько ключевых кадров. F lash-анимация получила широкое распространение не только в интернет- рекламе и строительстве сайтов, но и в науке, моделировании, образовании, а также в искусстве мультипликации, анимации и кино.

Слайд 11

Графические редакторы Для обработки изображений на компьютере используются специальные программы — графические редакторы . Графический редактор – программа для создания, редактирования и просмотра графических изображений. Растровые Paint Adobe Photoshop GIMP Векторные CorelDRAW Macromedia Flash MX ГР встроенный в Word

Слайд 12

Растровая графика Векторная графика Как формируется изображение? Из точек (пикселей ) Из объектов (линия, окружность...)

Слайд 13

Растровая графика Векторная графика Как формируется изображение? Из точек (пикселей) Из объектов (линия, окружность…) Как изменяется в процессе масштабирования? Теряется качество изображения Без потери качества

Слайд 16

ретуширование, реставрирование фотографий; создание и обработка; фотомонтаж, коллажи Область применения

Слайд 17

Область применения чертежи эмблемы

Слайд 18

Растровая графика Векторная графика Как формируется изображение? Из точек (пикселей) Из объектов (линия, окружность…) Как изменяется в процессе масштабирования? Область применения Теряется качество изображения Без потери качества Обработка изображения (фотомонтаж, коллаж) Чертежи, схемы, логотипы….

Слайд 19

Растровая графика Векторная графика Как формируется изображение? Из точек (пикселей) Из объектов (линия, окружность…) Как изменяется в процессе масштабирования? Область применения Графические редакторы Corel Draw Adobe Illustrator Inkscape Теряется качество изображения Без потери качества Обработка изображения (фотомонтаж, коллаж) Чертежи, схемы, логотипы…. Paint Adobe Photoshop GIMP

Слайд 20

BMP – универсальный формат, который понимают все графические редакторы GIF – используется для размещения изображений на Web- страницах за счет сжатия, но в палитре не более256 цветов. PNG – использует метод сжатия без потери данных, в палитре до 16 миллионов цветов. JPEG – для сжатия цифровых и отсканированных фотографий Форматы растровых изображений

Слайд 21

WMF –для хранения коллекции графических изображений Microsoft Clip Galery EPS — формат векторных графических файлов. Рекомендуется для печати и создания иллюстраций в настольных издательских системах. CDR — оригинальный формат векторных графических файлов, используемый в системе обработки векторной графики CorelDraw.

Слайд 23

Контрольные вопросы: Растровая графика Векторная графика Какие растровые графические редакторы вы знаете? Какие векторные графические редакторы вы знаете? В каком редакторе, растровом или векторном, вы будете редактировать фотографию? ?


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

План-конспект урока по теме "Деловая графика. Построение диаграмм". 9 класс

Урок на тему «Деловая графика. Построение диаграмм» разработан для учащихся 9 классов, изучающих информатику по учебнику «Информатика и ИКТ, 9 класс»  (И.Г. Семакин, Л.А. Залогова, С.В. Рус...

План-конспект урока "Построение диаграмм и графиков"

План конспект урока на тему: "Построение диаграмм и графиков"Была поставлена цель: ·         познакомить учащихся с графическими возможностями табличного процес...

План-конспект урока «Построение диаграмм и графиков» (9 класс)

Урок-практикум «Построение диаграмм и графиков» по предмету "Информатика и ИКТ", 9 класс....

план - конспект урока по теме "Построение графиков функции у=f(kx)"

Конспект урока содержит цели и задачи урока, технологическую карту урока. Конспект разделен на деятельность учителя и деятельность ученика....

план - конспект урока по теме "Построение графиков функции у=f(kx)"

Конспект урока содержит цели и задачи урока, технологическую карту урока. Конспект разделен на деятельность учителя и деятельность ученика....