урок информатики на тему Компьютерная графика (8 класс)
ТЕМА: Компьютерная графика. Растровая и векторная графика.
Цели урока:
Общеобразовательные: создать условия для актуализации знаний учащихся о компьютерной графике; научить отличать векторную графику от растровой, ознакомить с преимуществами и недостатками каждой графики; закрепить новые знания с помощью интерактивного теста.
Развивающие: способствовать развитию памяти, внимания, познавательной деятельности учащихся с использованием ресурсов Интернет; развитию навыков и умений работы с графикой.
Воспитательные: воспитывать самостоятельность и активность, информационную культуру учащихся, внимательность, аккуратность, дисциплинированность, усидчивость.
Вид урока: урок изучения новой темы
Оборудование:
Учебник, компьютеры, проектор, раздаточный материал.
План
Организационный момент.
Актуализация знаний учащихся.
Изучение нового материала (презентация).
Растровая графика
Векторная графика.
Фрактальная графика.
Физкультминутка.
Графические редакторы.
Параметры графических файлов.
Форматы графических файлов.
Итог урока.
Проверка заполнения таблицы
Работа в группах
Тест
Выставление оценок.
Домашнее задание.
Рефлексия.
Ход урока.
1. Оргмомент.
Приветствие, проверка присутствующих.
2. Актуализация знаний учащихся.
Кроссворд (Слайд 2)
На разгадывание кроссворда 5 минут.
1. Некоторое количество рядом стоящих символов, которые можно рассматривать как единое целое. Им может быть отдельное слово, строка, абзац, страница. (Фрагмент)
2. Упорядочивание информации в определенном порядке: по алфавиту, по номерам или в хронологической последовательности. (Сортировка)
3. Второй этап подготовки документа на компьютере, в ходе которого исправляются обнаруженные ошибки и вносятся изменения. (Редактирование)
4. Этап подготовки документа, на котором ему придается тот вид, который документ будет иметь на бумаге. (Форматирование)
5. Минимальная единица текстовой информации: цифра, буква, знак препинания и т.д. (Символ)
6. Любое словесное высказывание, напечатанное, написанное или существующее в устной форме. (Текст)
7. Относительно законченная в смысловом отношении часть текста, выделенная отступом. (Абзац)
Поменяйтесь тетрадями и давайте проверим, что у вас получилось.
Взаимопроверка.
Какое слово мы получили. (Графика)
3. Изложение нового материала.
Постановка проблемы.
Давайте посмотрим на изображения (Картинка из журнала).
Скажите, пожалуйста, каким образом мы можем создать такое же на ПК?
(Отсканировать, сфотографировать).
Правильно, молодцы. А можно ли попробовать его самим нарисовать? (Да)
Что нам для этого потребуется? (Программа, Графический редактор)
Верно. Замечательно.
Появляется вопрос: какую программу лучше выбрать, для того, чтобы максимально верно передать изображение с картинки?
Сегодня на уроке мы научимся определять вид графики и какими графическими редакторами необходимо воспользоваться в конкретном случае.
На доске: Компьютерная графика (пишем в тетрадь) (Слайд 3)
Цели (Слайд 2)
Назовите ваши ассоциации к словосочетанию компьютерная графика
(Слайд 5 - 10)
На вопрос, что такое компьютерная графика, можно услышать сотни самых разных ответов: это главный инструмент для создания реалистичной среды захватывающих компьютерных игр, средство для создания обложек практически всех полиграфических изданий, основа современных спецэффектов в кино, главный инструмент современного дизайнера и конструктора, инженера и модельера… Перечислять варианты можно бесконечно. Главное, что все ответы правильные. «Почему?»- спросите вы. Потому, что все перечисленные направления связаны с работой с цифровыми изображениями.
Сферы применения:
Компьютерное моделирование
САПР
Компьютерные игры
Обучающие программы
Реклама и дизайн
Мультимедиа презентации
Internet
(Слайд 11) Определение: компьютерная графика – область информатики, изучающая методы и свойства и обработки изображений с помощью программно-аппаратных средств. (пишем в тетрадь)
Представление данных на компьютере в графическом виде впервые было реализовано в середине 50-х годов. Сначала, графика применялась в научно-военных целях.
Под видами компьютерной графики подразумевается способ хранения изображения на плоскости монитора.
Машинная графика в настоящее время уже вполне сформировалась как наука. Существует аппаратное и программное обеспечение для получения разнообразных изображений - от простых чертежей до реалистичных образов естественных объектов.
В зависимости от способа формирования изображений компьютерную графику подразделяют: (Слайд 12) (пишем Виды компьютерной графики)
Растровая графика.
Векторная графика.
Фрактальная графика.
(Слайд 13) Учащиеся рисуют таблицу и самостоятельно во время лекции заполняют её. Во время подведения итогов урока проверяется заполнение таблицы.
Сравнительная характеристика растровой и векторной графики
Растровая графика Векторная графика
Основными элементами изображения (рисунка) является Основные характеристики Достоинства изображений. Недостатки изображений. Графические редакторы и их возможности. Форматы графических файлов. Растровое изображение (Слайд 15, 16, 17)
Компьютерное растровое изображение представляется в виде прямоугольной матрицы, каждая ячейка которой - цветная точка. Т.е. основным элементом растрового изображения является точка.
Если изображение экранное, то точка называется пикселем
(от англ. pixel - picture element).
С размером изображения непосредственно связано его разрешение, оно измеряется в точках на дюйм (dots per inch – dpi).
К примеру экран 15” монитора составляет 28Х21 см. При настройке экрана 800Х600 пикселей и учитывая, что 1”=25,4мм его разрешение составит 72 dpi.
Качество растрового изображения зависит от размера изображения (количества пикселей по горизонтали и вертикали) и количества цветов, которые можно задать для каждого пикселя. Компьютер хранит параметры каждой точки изображения (её цвет, координаты). Причём каждая точка представляется определенным количеством бит (в зависимости от глубины цвета). При открытии файла программа прорисовывает такую картину как мозаику – как последовательность точек массива.
Растровые изображения очень чувствительны к масштабированию (увеличению или уменьшению). При уменьшении растрового изображения несколько соседних точек преобразуются в одну, поэтому теряется различимость мелких деталей изображения. При увеличении изображения увеличивается размер каждой точки и появляется ступенчатый эффект, который можно увидеть невооруженным глазом.
Растровое изображение нельзя расчленить. Оно «литое», состоит из массива точек. Поэтому в программах для обработки растровой графики предусмотрен ряд инструментов для выделения элементов «вручную».
Например, в Photoshop - это инструменты «Волшебная палочка», Лассо, режим маски и др.
Применение:
для обработки изображений, требующей высокой точности передачи оттенков цветов и плавного перетекания полутонов. Например, для:
ретуширования, реставрирования фотографий;
создания и обработки фотомонтажа, коллажей;
применения к изображениям различных спецэффектов;
после сканирования изображения получаются в растровом виде
Векторное изображение (Слайд 18, 19, 20, 21)
Основным логическим элементом векторной графики является геометрический объект. В качестве объекта принимаются простые геометрические фигуры (так называемые примитивы - прямоугольник, окружность, эллипс, линия). Благодаря этому форму, цвет и пространственное положение составляющих изображение объектов можно описывать с помощью математических формул.
Векторное изображение масштабируется без потери качества: масштабирование изображения происходит при помощи математических операций: параметры примитивов просто умножаются на коэффициент масштабирования.
Векторное изображение можно расчленить на отдельные элементы (линии или фигуры), и каждый редактировать, трансформировать независимо.
Векторные файлы имеют сравнительно небольшой размер, т.к. компьютер запоминает только начальные и конечные координаты элементов изображения - этого достаточно для описания элементов в виде математических формул.
Векторные графические изображения являются оптимальным средством хранения высокоточных графических объектов (чертежи, схемы и пр.), для которых имеет значение сохранение четких и ясных контуров.
Применение:
для создания вывесок, этикеток, логотипов, эмблем и пр. символьных изображений;
для построения чертежей, диаграмм, графиков, схем;
для рисованных изображений с четкими контурами, не обладающих большим спектром оттенков цветов;
для моделирования объектов изображения;
для создания 3-х мерных изображений;
Фрактальная графика (Слайд 22, 23, 24)
Фрактальная графика – одна из быстроразвивающихся и перспективных видов компьютерной графики. Математическая основа - фрактальная геометрия. Фрактал – структура, состоящая из частей, подобных целому. Одним из основных свойств является самоподобие. (Фрактус – состоящий из фрагментов).
Объекты называются самоподобными, когда увеличенные части объекта походят на сам объект. Небольшая часть фрактала содержит информацию о всем фрактале.
В центре находится простейший элемент – равносторонний треугольник, который получил название - фрактальный.
Абстрактные композиции можно сравнить со снежинкой, с кристаллом.
Фрактальная графика основана на математических вычислениях. Базовым элементом фрактальной графики является сама математическая формула, то есть никаких объектов в памяти компьютера не хранится и изображение строится исключительно по уравнениям.
Программа для работы с фрактальной графикой:
Фрактальная вселенная 4.0 fracplanetПрименяют:
Математики,
Художники
Физкультминутка (слайд 25)
Мы устали, засиделись,
Нам размяться захотелось.
Отложили мы тетрадки,
Приступили мы к зарядке (Одна рука вверх, другая вниз, рывками менять руки)
То на стену посмотрели,
То в окошко поглядели.
Вправо, влево, поворот,
А потом наоборот (Повороты корпусом)
Приседанья начинаем,
Ноги до конца сгибаем.
Вверх и вниз, вверх и вниз,
Приседать не торопись! (Приседания)
И в последний раз присели, А теперь за парты сели.
(Дети садятся на свои места)
Графические редакторы (Слайд 26, 27)
Для обработки изображений на компьютере используются специальные программы — графические редакторы.
Графический редактор – программа для создания, редактирования и просмотра графических изображений.
РастровыеPaint Adobe Photoshop ВекторныеCorelDRAW Macromedia Flash MXГР встроенный в Word
Панели инструментов
Графические редакторы предоставляют возможность выбора инструментов для создания и редактирования графических изображений, объединяя их в панели инструментов.
Инструменты рисования объектов
Выделяющие инструменты
Инструменты редактирования рисунка
Текстовые инструменты
Масштабирующие инструменты
Палитра цветов
Недостатки графических редакторов (Слайд 28)
Параметры графических файлов
Обычно графические файлы характеризуются следующими параметрами:
Размер
Разрешение
Тип цветовой модели
Форматы графических файлов (Слайд 29)
Форматы графических файлов определяют способ хранения информации в файле (растровый или векторный), а также форму хранения информации (используемый алгоритм сжатия).
Некоторые форматы графических файлов являются универсальными, так как могут быть обработаны большинством графических редакторов. Некоторые программы обработки изображений используют оригинальные форматы, которые распознаются только самой создающей программой. Преимущество оригинальных форматов файлов состоит в том, что они позволяют сохранять изображения при меньшем размере файла.
Проверка заполнения таблицы
Решение проблемы
Ребята, скажите в каком графическом редакторе можно создать рисунок, который мы рассматривали в начале урока? ( В Paint, Adobe PhotoShop)
Отлично. Почему? (Этот рисунок относится к растровой графике)
Работа в группах (Слайд 30)
Учащиеся делятся на две группы, каждая из которых получает набор возможностей и операций для каждого вида графики. Задача учащихся первой группы – выбрать из этого набора только то, что относится к растровой графике. Вторая группа выбирает то, что относится к растровой графике. Затем каждая группа представляет результат, учитывается количество совпадений.
Вопросы для групповой работы
Основные возможности графических редакторов
Растровая графика
1. Рисовать от руки (с помощью манипулятора) линии произвольной формы.
4. Использовать для рисования графические примитивы (прямые линии, прямоугольники, эллипсы и пр.)
6. Вырезать, склеивать и стирать произвольные части.
7. Использовать для рисования и заливки произвольные краски.
10. Увеличивать фрагменты изображения для проработки мелких деталей.
12. Масштабировать, вращать, зеркально отражать фрагменты изображений.
14. Добавлять к рисункам текст и, таким образом, создавать красочные объявления, рекламные плакаты, визитные карточки.
Векторная графика
2. Разнообразные методы для работы с объектами (создание, удаление, перемещение, масштабирование, зеркальное отражение).
3. Возможности формирования заливок, содержащих большое количество цветов.
5. Средства для упорядочения, объединения, пересечения объектов.
8. Большой набор графических эффектов (объем, перетекание, фигурная обрезка и др.).
9. Возможность сохранения рисунков на внешних носителях в различных графических форматах.
11. Разнообразные методы для работы с кривыми.
13. Богатые возможности работы с текстом.
Сегодня на уроке мы с вами дали понятие термину Компьютерная графика. Рассмотрели виды и возможности компьютерной графики.
А сейчас мы выполним тест (см. «Тест.xlsx»), на новый материал.
Домашнее задание:
Заполнить таблицу, если не успели.
Что такое «ленивые» пиксели?
Привести примеры использования различных видов графики на любом канале центрального телевидения.
Рефлексия.
Всем большое спасибо за работу. До свидания.