Открытый урок по теме "Компьютерная графика"

• 1 слайд

• 2 слайд

  Далее
  

• 3 слайд

  Далее
  ИНФОРМАТИКА
  Тема урока:
  «Компьютерная графика»
  

• 4 слайд

  Далее
  Компьютерная графика
  Это графические объекты, созданные или обработанные с помощью компьютера
  Компью́терная гра́фика (также маши́нная графика) — область деятельности, в которой компьютеры используются в качестве инструмента, как для синтеза (создания)изображений, так и для обработки визуальной информации, полученной из реального мира.
  Википедия https://ru.wikipedia.org/wiki/
  

• 5 слайд

  Далее
  Графический объект
  Компьютерная графика
  Растровая графика
  Векторная графика
  Фрактальная графика
  Трёхмерная графика
  Форматы графических файлов
  Ключевые слова
  Изображениеhttp://klona.com.ua/blog/trekhmernaya-grafika-v-sovremennom-mire.html
  

• 6 слайд

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

• 7 слайд

  Далее
  Растровая графика
  Растровое изображение — изображение, представляющее собой сетку пикселей или точек цветов (обычно прямоугольную) на компьютерном мониторе, бумаге и других отображающих устройствах и материалах. Сами пиксели, как правило имеют квадратную форму.
  В этом легко убедится, увеличив масштаб изображения до максимума, в любом графическом редакторе
  Изображение http://www.informatika-1332.ru/ki/ki_04.html
  

• 8 слайд

  Далее
  Растровая графика
  Важными характеристиками растрового изображения являются:
  количество пикселов - разрешение.
  количество используемых цветов или «глубина цвета» (эти характеристики имеют следующую зависимость: N = 2i, где N - количество цветов, а i - глубина цвета);
  цветовое пространство (цветовая модель) RGB, CMYK, XYZ, YCbCr и др.
  Создается растровая графика фотоаппаратами,
  сканерами, непосредственно в растровом
  редакторе, также путем экспорта из
  векторного редактора или в виде
  скриншотов.
  Изображениеhttp://www.pcs-service.ru/kompyuternaya-grafika-i-ee-vidy/
  l
  

• 9 слайд

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

• 10 слайд

  Далее
  Векторная графика
  Векторное изображение - это графический объект, построенный из геометрических примитивов, таких как точки, линии, многоугольники, окружности и дуги. При увеличении рисунок фактически заново перерисовывается, благодаря чему векторный рисунок можно масштабировать без потери качества и не изменяется размер файла
  Изображение http://students.uni-vologda.ac.ru/pages/pm05/snv2/draw.html
  

• 11 слайд

  Далее
  Векторная графика
  Векторную графику часто называют также объектно-ориентированной графикой, так как изображение состоит из отдельных объектов - прямых и кривых линий, замкнутых и разомкнутых фигур, прямоугольников, эллипсов и т.п., каждый из которых имеет свои характеристики цвета, толщины контура, стиля линии и т.д.
  .
  Перьевой графопостроитель (плоттер).
  Изображениеhttp://www.corpcitizenship.ru/struyniy_plotter_infinity_85.html
  

• 12 слайд

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

• 13 слайд

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

• 14 слайд

  Далее
  Фрактальная графика
  Фрактальная графика - вид компьютерной графики. Математическая основа фрактальной графики - фрактальная геометрия. Фрактальная графика является вычисляемой. Изображение строится по уравнению или системе уравнений. Поэтому в памяти компьютера для выполнения всех вычислений, ничего кроме формул хранить не требуется.
  Изображение http://3dfractal.ru/stati-o-fraktalah/25.html
  

• 15 слайд

  Далее
  Трёхмерная графика 3D
  Этот вид компьютерной графики вобрал в себя очень много из векторной, а также из растровой компьютерной графики. Трёхмерная компьютерная графика позволяет создавать объёмные трёхмерные сцены с моделированием условий освещения и установкой точек зрения. 
  Изображение http://mimi-gallery.com/3d-grafika-kartinki
  

• 16 слайд

  Растровые графические редакторы
  Векторные графические редакторы
  http://www.gimp.org/
  https://inkscape.org/ru/
  Далее
  

• 17 слайд

  Далее
  Формат графического файла – это способ представления графических данных на внешнем носителе.
  Форматы графических изображений
  Растровые
  Векторные
  BMP
  GIF
  JPEG
  WMF
  EPS
  PNG
  TIFF
  SVG
  

• 18 слайд

  Динамическая пауза
  Далее
  http://sgpress.ru/Profilaktika/Gimnastika-dlya-glaz49841.html
  

• 19 слайд

  Задание 2. Характеристика графических изображений
  

• 20 слайд

  ТЕСТ
  1. Растровое графическое изображение формируется из
  a.линий
  b. пикселей
  c. графических примитивов
  

• 21 слайд

  
  2. Векторное графическое изображение формируется из
  a. красок
  b.пикселей
  c. графических примитивов
  ТЕСТ
  

• 22 слайд

  3. Какой тип графического изображения вы будете использовать для разработки эмблемы организации, учитывая, что она должна будет печататься на малых визитных карточках и больших плакатах?
  a. растровое изображение
  b. векторное изображение
  ТЕСТ
  

• 23 слайд

  4. Какой тип графического изображения вы будете использовать при редактировании цифровой фотографии?
  a. растровое изображение
  b. векторное изображение
  ТЕСТ
  

• 24 слайд

  5. Какое изображение не теряет качества при увеличении или уменьшении?
  a. растровое изображение
  b. векторное изображение
  ТЕСТ
  

• 25 слайд

  Ключ к тесту
  1 – b
  2 – c
  3 – b
  4 – a
  5 – b
  

• 26 слайд

  Далее
  Графический объект
  Компьютерная графика
  Растровая графика
  Векторная графика
  Фрактальная графика
  Трёхмерная графика
  Форматы графических файлов
  Ключевые слова
  Изображениеhttp://klona.com.ua/blog/trekhmernaya-grafika-v-sovremennom-mire.html
  

• 27 слайд

  Далее
  Параграф 3.2.3 – 3.2.4,
  стр. 121-122 № 13,14,15.
  Домашнее задание
  

Класс: 7

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

Тема урока: «Компьютерная графика»

Планируемые результаты:

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

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

Метапредметные результаты:

Регулятивные: умение определять цели урока, уметь самостоятельно контролировать своё время, планировать пути достижения цели; находить рациональные способы работы.

Познавательные: сравнивать объекты по заданным или самостоятельно определенным критериям; поиск и выделение необходимой информации; преобразование информации; структурирование знаний.

Коммуникативные: задавать вопросы; строить продуктивное взаимодействие со сверстниками; развитие ИКТ-компетентности;

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

Оборудование: компьютерный класс с доступом Интернет, мультимедийный проектор с экраном.

Ход урока:

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

    II.Актуализация знаний

Слайд 1.

На прошлом уроке мы с вами начали знакомство с  3 главой  «Обработка графической информации» и изучили первую тему «Формирование изображения на экране монитора». 

Слайд 2.

Что мы теперь с вами знаем. Посмотрите на слайд с ключевыми словами. Расставьте в соответствии

Слайд 3.

.

Проверка

Слайд 4.

  III.Усвоение новых знаний

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

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

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

Посмотрите на слайд. Как вы думаете, как можно объединить одним словом.

Тема урока.

Сегодня мы с вами изучим следующую тему главы 3 «Компьютерная графика».

Выводим определение

Слайд 5.

Цель урока: ознакомится с понятием компьютерная графика, видами компьютерной графики, их особенностями, достоинствами и недостатками; освоить 

Слайд 6.

Посмотрите на слайд с ключевыми словами нашего урока.

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

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

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

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

Фрактальная графика

Трёхмерная графика

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

Слайд 8.

1 понятие – вывод учащихся

2 понятие – взято из википедии

Слайд 9.

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

 Слайд 10.

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

 В этом легко убедится, увеличив масштаб изображения до максимума, в любом графическом редакторе

Слайд 11.

Важными характеристиками растрового изображения являются:

•   количество пикселов - разрешение. Может указываться отдельно количество пикселов по ширине и высоте (1024*768, 640*480,…) или же, редко, общее количество пикселей (часто измеряется в мегапикселах);

•   количество используемых цветов или «глубина цвета» (эти характеристики имеют следующую зависимость: N = 2^I, где N - количество цветов, а I - глубина цвета);

•   цветовое пространство (цветовая модель) RGB, CMYK, XYZ, YCbCr и др.

Создается растровая графика фотоаппаратами, сканерами, непосредственно в растровом редакторе, также путем экспорта из векторного редактора или в виде скриншотов

Слайд 12.

Достоинства и недостатки растровой графики

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

Слайд 13.

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

Слайд 14

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

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

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

черчения.

Слайд 15

Достоинства и недостатки векторной графики

Достоинства векторной графики: Преобразования без искажений. Маленький графический файл. Рисовать быстро и просто. Независимое редактирование частей рисунка. Высокая точность прорисовки (до 1 000 000 точек на дюйм). Редактор быстро выполняет операции. Недостатки векторной графики: Векторные изображения выглядят искусственно. Ограниченность в живописных средствах. Применение Применяется в компьютерной полиграфии, системе компьютерного проектирования, компьютерном дизайне и рекламе.

Слайд 16

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

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

Слайд 17

Фрактальная графика - вид компьютерной графики. Математическая основа фрактальной графики - фрактальная геометрия. Фрактальная графика является вычисляемой. Изображение строится по уравнению или системе уравнений. Поэтому в памяти компьютера для выполнения всех вычислений, ничего кроме формул хранить не требуется. Этот вид компьютерной графики является на сегодняшний день одним из самых быстро развивающихся и перспективных. Математической основой фрактальной графики является фрактальная геометрия.  Фрактальные изображения можно создавать с помощью фрактального графического редактора Painter .

Слайд 18.

Этот вид компьютерной графики вобрал в себя очень много из векторной, а также из растровой компьютерной графики. Трёхмерная компьютерная графика позволяет создавать объёмные трёхмерные сцены с моделированием условий освещения и установкой точек зрения. Этот вид компьютерной графики обладает большими возможностями для поддержки технического черчения. С помощью графических редакторов трёхмерной компьютерной графики, например Autodesk 3D Studio, можно выполнять наглядные изображения деталей и изделий машиностроения, а также выполнять макетирование зданий и архитектурных объектов. К средствам работы с трёхмерной графикой,относят такой графический редактор как 3D Studio MAX. Это один из самых известных трёхмерных редакторов, он часто используется при создании фильмов. 

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

Слайд 19.

На практических заданиях мы с вами будем работать в программе Gimp – растровый графический редактор и Inkscape – векторный редактор. Это программы свободно распространяемые. Их легко можно скачать с сайта.

К программным средствам обработки растровой графики относятся растровые графические редакторы: Paint.NET, Tux Paint, Adobe Photoshop, Adobe Fireworks, Corel Photo-Paint, Corel Paint Shop Pro, Corel Painter, Microsoft Paint.

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

Слайд 20.

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

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

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

·                   BMP или Windows Bitmap — обычно используется без сжатия, хотя возможно использование алгоритма RLE.

·                   GIF (Graphics Interchange Format) — устаревающий формат, поддерживающий не более 256 цветов одновременно. Всё ещё популярен из за поддержки анимации, которая отсутствует в чистом PNG, хотя ПО начинает поддерживать APNG.

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

·                   PNG (Portable Network Graphics) .

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

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

Формат SVG позволяет создавать иллюстрации различного типа, в том числе анимированные. Поскольку SVG основан на языке разметки XML, к нему можно писать расширения

Формат Windows Metafile (WMF) был выпущен в конце 80-х гг 20-го века. Этот формат был разработан компанией Microsoft для создания чертежей. Файл с таким расширением программные команды, которые необходимы для начертания линий, окружностей и прямоугольников.

Encapsulated PostScript (EPS) — формат файлов, базирующийся на подмножестве языка PostScript и предназначенный для обмена графическими данными между различными приложениями. Формат EPS был создан компанией Adobe и послужил базой для создания ранних версий формата Adobe Illustrator.

Слайд 21. Динамическая пауза

·                     Для глаз (на слайде)

·                     Комплекс упражнений для снятия утомления

1. И.п. - о.с. 1-2 - дугами внутрь два круга руками в лицевой плоскости. 3-4 - то же, но круги наружу. Повторить 4-6 раз. Темп средний.
2. И.п. - стойка ноги врозь, правую руку вперед, левую на пояс. 1-3 - круг правой рукой вниз в боковой плоскости с поворотом туловища направо. 4 - заканчивая круг, правую руку на пояс, левую вперед. То же в другую сторону. Повторить 4-6 раз. Темп средний.
3. И.п. - о.с. 1 - с шагом вправо руки в стороны. 2 - два пружинящих наклона вправо. Руки на пояс. 4 - и.п. 1-4-то же влево. Повторить 4-6 раз в каждую сторону. Темп средний.

                IV. Закрепление

Слайд 28.

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

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

Слайд 29.

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

Параграф 3.2.3 – 2.2.4,  стр. 121-122 № 13,14,15. П

			Задание 2. Прочитайте § 3.2 (3.2.3, 3.2.4) и заполните таблицу. ХАРАКТЕРИСТИКА ГРАФИЧЕСКИХ ИЗОБРАЖЕНИЙ Изображение Особенности Достоинства и недостатки Форматы графических файлов Тест: № вопроса a b  c 1 2 3 4 5

					ФАМИЛИЯ______________________________________ ИМЯ____________________________________________ КЛАСС__________________________________________ Самооценка за урок

 

ДОМАШНЕЕ ЗАДАНИЕ:

•      Прочитать § 3.2

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

			Тема: _________________________________________________ _________________________________________________ _________________________________________________