Компьютерные графические изображения

Тип урока:  учебно - игровой

Оборудование: запись   музыки, проектор, интерактивная доска, компьютеры, ПО: ОС Windows, стандартное приложение Paint и векторный графический редактор (встроенный в Word), презентация.

Цели:

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

 - познакомить с принципами формирования растровых и векторных изображений

- научить отличать изображение одного вида от другого

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

- проконтролировать уровень усвоения учениками программного материала.

Задачи: 

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

Развивающая –  развитие логического мышления, внимательности, памяти,  развитие познавательного интереса, логического мышления, развитие самостоятельности, творческой личности, развитие исследовательских навыков.

Познавательная – знакомство с современными компьютерными технологиями, повышение интереса к занятиям информатикой.

Ход урока

1. Орг. момент

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

Заявка на оценку:
 «5» - 20 и более баллов
 «4» - 15 - 19 баллов       
 «3» - 10 – 14 баллов

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

Вы сейчас пришли в класс, сели за парты, а с каким настроением вы пришли на урок? изобразите мимикой ваше настроение.

(изображают)

А давайте послушаем музыку.

(звучит музыка)

Какие образы возникли у вас при прослушивании музыки?

(ответы)

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

(ответы)

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

(изображают)

Какое понятие чаще всего звучало в моих вопросах?

(изображение)

А что понимается под понятием «Изображение»?

(версии)

Давайте обобщим ваши версии:   «ИЗОБРАЖЕНИЕ – ЭТО ОТРАЖЕНИЕ ДЕЙСТВИТЕЛЬНОСТИ В НАГЛЯДНЫХ, ЗРИТЕЛЬНО ВОСПРИНИМАЕМЫХ ОБРАЗАХ».

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

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

А можно ли создать изображение при помощи компьютера?  (Да)

Конечно, а раз  мы создаем  изображения на компьютере – значит это компьютерные изображения.

(слово компьютерные появляется на слайде)

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

(слово графические появляется на слайде).

Давайте познакомимся с компьютерными графическими изображениями:

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

 И тема нашего сегодняшнего урока:

«Компьютерные графические изображения»

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

Компьютерные графические изображения (по принципу построения):

1)Векторные графические изображения

2)Растровые графические изображения                   

(показ векторных графических изображений) 

Такие изображения относятся к векторным графическим изображениям. Они формируются из графических объектов, их еще называют графические  примитивы – это линия, прямоугольник, эллипс, окружность и т.д.  Для каждого из которых компьютер задаёт координаты опорных точек (например, для рисования окружности достаточно знать координаты ее центра и радиус) и формулы рисования объекта. (Мы с вами  не видим эти команды). Для каждого объекта можно также указать цвет, толщину и стиль линии его контура (сплошная, пунктирная и т. д.).  Такие действия напоминают чер­чение, когда из простейших геомет­рических фигур можно создавать раз­нообразные объекты.

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

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

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

        (выполняют практическую работу, в это время звучит музыка)

Ну, давайте посмотрим,  что у нас получилось.  Молодцы! все справились.

А сейчас мы превращаемся в ученых экспериментаторов.  Давайте ваши рисунки немного подредактируем, сначала увеличим, а затем уменьшим.

(выполняют практическую работу)

А теперь ответьте на вопросы:  что представляет собой увеличенное векторное графическое изображение?

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

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

(та же фигура, только размером меньше, качество не меняется)

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

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

Вы очень плодотворно поработали и наверное, устали? Давайте немного отдохнем. 

Физ. минутка: Встаньте,  поднимите руки вверх, выше, выше……. Опустите голову  вперед, вправо, влево,  назад. Глазками поморгаем, сделаем зарядку для пальчиков (физминутка с CD-диска «Мир информатики»)

 А теперь познакомимся с растровыми графическими  изображениями. 

 (показ растровых графических изображений) 

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

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

        (выполняют практическую работу, в это время звучит музыка)

Ну, давайте посмотрим,  что у нас получилось.  Молодцы! все справились.

А сейчас мы превращаемся в ученых экспериментаторов.  Давайте ваши рисунки увеличим, для этого выберем пиктограмму «лупа» и выберем увеличение сначала в 2 раза, затем в 6 раз, затем в 8 раз. Каким образом растровые графические изображения изменились?

(ответы: рисунки потеряли качество)

Сделайте вывод, ответив на вопросы:  что представляет собой увеличенное растровое графическое изображение? (нечеткое, расплывчатое, изображение лесенкой…..)

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

1. Вы могли слышать слова: «Рисунок имеет разрешение 600x800». Это озна­чает, что по горизонтали он состоит из 800 пикселов, а по вертика­ли - из 600. Полученное при помощи растрового редактора изоб­ражение состоит как бы из «мазков кистью» по холсту.

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

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

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

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

III.   Контроль   уровня усвоения учениками программного материала.

А сейчас составим табличку «Сравнительная характеристика компьютерных графических изображений»:

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

А сейчас давайте поиграем в игру: Игра называется «Установи соответствие»

(на  слайде презентации представлены различные изображения)

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

 1. ВЕКТОРНЫЕ ГРАФИЧЕСКИЕ  ИЗОБРАЖЕНИЯ

2. РАСТРОВЫЕ ГРАФИЧЕСКИЕ     ИЗОБРАЖЕНИЯ                                                                             

(выполнение работы)

Чем объяснить что _________ изображение вы положили в группу с  Растровыми графическими изображениями?

(объясняют)

Чем объяснить что _________ изображение вы положили в группу с  векторными  графическими изображениями?

(объясняют)

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

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

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

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

(считаем баллы, выставляем оценки)

А наш компьютер тоже хочет сказать вам что-то на прощанье: (Звуковой Слайд с изображением компьютера)

Я признаюсь очень рад

Видеть вот таких ребят

Вижу:  можете  трудится,

Мыслить,  знать, творить, учиться

Восхищаюсь ума  достижением

В области графических изображений

Молодцы!

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

За отличную работу всем поставьте

Оценку  -  5.

Урок по теме «Компьютерные графические изображения»

Раздел программы: «Технология обработки графической информации»

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

Тип урока: учебно - игровой

Оборудование: запись музыки, проектор, интерактивная доска, компьютеры, ПО: ОС Windows, стандартное приложение Paint и векторный графический редактор (встроенный в Word), презентация.

Цели:

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

- познакомить с принципами формирования растровых и векторных изображений

- научить отличать изображение одного вида от другого

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

- проконтролировать уровень усвоения учениками программного материала

Задачи:

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

Развивающая – развитие логического мышления, внимательности, памяти, развитие познавательного интереса, логического мышления, развитие самостоятельности, творческой личности, развитие исследовательских навыков.

Познавательная – знакомство с современными компьютерными технологиями, повышение интереса к занятиям информатикой.

Ход урока

1. Орг. момент

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

Заявка на оценку:
«5» - 20 и более баллов
«4» - 15 - 19 баллов
«3» - 10 – 14 баллов

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

Вы сейчас пришли в класс, сели за парты, а с каким настроением вы пришли на урок? изобразите мимикой ваше настроение.

(изображают)

А давайте послушаем музыку.

(звучит музыка)

Какие образы возникли у вас при прослушивании музыки?

(ответы)

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

(ответы)

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

(изображают)

Какое понятие чаще всего звучало в моих вопросах?

(изображение)

А что понимается под понятием «Изображение»?

(версии)

Давайте обобщим ваши версии: «ИЗОБРАЖЕНИЕ – ЭТО ОТРАЖЕНИЕ ДЕЙСТВИТЕЛЬНОСТИ В НАГЛЯДНЫХ, ЗРИТЕЛЬНО ВОСПРИНИМАЕМЫХ ОБРАЗАХ».

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

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

А можно ли создать изображение при помощи компьютера?

(Да)

Конечно, а раз мы создаем изображения на компьютере – значит это компьютерные изображения.

(слово компьютерные появляется на слайде)

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

(слово графические появляется на слайде).

Давайте познакомимся с компьютерными графическими изображениями:

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

И тема нашего сегодняшнего урока:

«Компьютерные графические изображения»

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

(Две)

Компьютерные графические изображения

( по принципу построения)

(показ векторных графических изображений)

Такие изображения относятся к векторным графическим изображениям. Они формируются из графических объектов, их еще называют графические примитивы – это линия, прямоугольник, эллипс, окружность и т.д. Для каждого из которых компьютер задаёт координаты опорных точек (например, для рисования окружности достаточно знать координаты ее центра и радиус) и формулы рисования объекта. (Мы с вами не видим эти команды). Для каждого объекта можно также указать цвет, толщину и стиль линии его контура (сплошная, пунктирная и т. д.). Такие действия напоминают чер­чение, когда из простейших геомет­рических фигур можно создавать раз­нообразные объекты.

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

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

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

(выполняют практическую работу, в это время звучит музыка)

Ну, давайте посмотрим, что у нас получилось. Молодцы! все справились.

А сейчас мы превращаемся в ученых экспериментаторов. Давайте ваши рисунки немного подредактируем, сначала увеличим, а затем уменьшим.

(выполняют практическую работу)

А теперь ответьте на вопросы: что представляет собой увеличенное векторное графическое изображение?

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

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

(та же фигура, только размером меньше, качество не меняется)

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

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

Вы очень плодотворно поработали и наверное, устали? Давайте немного отдохнем.

Физ. минутка: Встаньте, поднимите руки вверх, выше, выше……. Опустите голову вперед, вправо, влево, назад. Глазками поморгаем, сделаем зарядку для пальчиков (физминутка с CD-диска «Мир информатики»)

А теперь познакомимся с растровыми графическими изображениями.

(показ растровых графических изображений)

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

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

(выполняют практическую работу, в это время звучит музыка)

Ну, давайте посмотрим, что у нас получилось. Молодцы! все справились.

А сейчас мы превращаемся в ученых экспериментаторов. Давайте ваши рисунки увеличим, для этого выберем пиктограмму «лупа» и выберем увеличение сначала в 2 раза, затем в 6 раз, затем в 8 раз. Каким образом растровые графические изображения изменились?

(ответы: рисунки потеряли качество)

Сделайте вывод, ответив на вопросы: что представляет собой увеличенное растровое графическое изображение? (нечеткое, расплывчатое, изображение лесенкой…..)

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

1. Вы могли слышать слова: «Рисунок имеет разрешение 600x800». Это озна­чает, что по горизонтали он состоит из 800 пикселов, а по вертика­ли - из 600. Полученное при помощи растрового редактора изоб­ражение состоит как бы из «мазков кистью» по холсту.

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

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

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

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

III. Контроль уровня усвоения учениками программного материала.

А сейчас составим табличку «Сравнительная характеристика компьютерных графических изображений»:

Учитель задает наводящие вопросы и вместе с детьми заполняют таблицу:,

А сейчас давайте поиграем в игру: Игра называется «Установи соответствие»

(на слайде презентации представлены различные изображения)

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

1. ВЕКТОРНЫЕ ГРАФИЧЕСКИЕ ИЗОБРАЖЕНИЯ

2. РАСТРОВЫЕ ГРАФИЧЕСКИЕ ИЗОБРАЖЕНИЯ

(выполнение работы)

Чем объяснить что _________ изображение вы положили в группу с Растровыми графическими изображениями?

(объясняют)

Чем объяснить что _________ изображение вы положили в группу с векторными графическими изображениями?

(объясняют)

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

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

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

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

(считаем баллы, выставляем оценки)

А наш компьютер тоже хочет сказать вам что-то на прощанье:

(Звуковой Слайд с изображением компьютера)

Видеть вот таких ребят

Вижу: можете трудится,

Мыслить, знать, творить, учиться

Восхищаюсь ума достижением

В области графических изображений

Молодцы!

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

За отличную работу всем поставьте

Оценку - 5.