СДЕЛАЙТЕ СВОИ УРОКИ ЕЩЁ ЭФФЕКТИВНЕЕ, А ЖИЗНЬ СВОБОДНЕЕ

Благодаря готовым учебным материалам для работы в классе и дистанционно

Скидки до 50 % на комплекты
только до

Готовые ключевые этапы урока всегда будут у вас под рукой

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

Проверка знаний

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

Закрепление изученного

Итоги урока

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

Категория: Информатика

Нажмите, чтобы узнать подробности

 

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

Цели урока:

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

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

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

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

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

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

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

  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. Закрепление изученного материала

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

 

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

 

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

 

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

Просмотр содержимого документа
«Растровая и векторная графика»

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

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

РАСТРОВЫЕ

ВЕКТОРНЫЕ

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

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

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

Каждый пиксель имеет определенное положение и цвет.

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

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

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

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

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

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

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

16x16=256 пикселей

для хранения каждого пикселя необходим 1 бит

Объем рисунка = 256 бит

256 бит = 32 байта

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

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

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

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

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

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

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

GIF - анимация

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

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

Flash - анимация

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

F lash-анимация получила широкое распространение не только в интернет- рекламе и строительстве сайтов, но и в науке, моделировании, образовании, а также в искусстве мультипликации, анимации и кино.

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

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

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

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

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

Растровые

Paint

Adobe Photoshop

GIMP

Векторные

CorelDRAW

Macromedia Flash MX

ГР встроенный в Word

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

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

Как формируется изображение?

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

Из объектов (линия, окружность...)

Из точек (пикселей )

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

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

Как формируется изображение?

Из точек (пикселей)

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

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

Из объектов (линия, окружность…)

Без потери качества

Теряется качество изображения

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

ретуширование, реставрирование фотографий;

создание и обработка; фотомонтаж, коллажи

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

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

Как формируется изображение?

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

Из точек (пикселей)

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

Из объектов (линия, окружность…)

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

Без потери качества

Теряется качество изображения

Обработка изображения (фотомонтаж, коллаж)

Чертежи, схемы, логотипы….

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

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

Как формируется изображение?

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

Из точек (пикселей)

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

Из объектов (линия, окружность…)

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

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

Corel Draw

Adobe Illustrator

Inkscape

Без потери качества

Теряется качество изображения

Обработка изображения (фотомонтаж, коллаж)

Чертежи, схемы, логотипы….

Paint

Adobe Photoshop

GIMP

BMP  – универсальный формат, который понимают все графические редакторы GIF  – используется для размещения изображений на Web- страницах за счет сжатия, но в палитре не более256 цветов. PNG – использует метод сжатия без потери данных, в палитре до 16 миллионов цветов. JPEG – для сжатия цифровых и отсканированных фотографий
  • BMP – универсальный формат, который понимают все графические редакторы
  • GIF – используется для размещения изображений на Web- страницах за счет сжатия, но в палитре не более256 цветов.
  • PNG – использует метод сжатия без потери данных, в палитре до 16 миллионов цветов.
  • JPEG – для сжатия цифровых и отсканированных фотографий
WMF –для хранения коллекции графических изображений Microsoft Clip Galery EPS — формат векторных графических файлов. Рекомендуется для печати и создания иллюстраций в настольных издательских системах. CDR — оригинальный формат векторных графических файлов, используемый в системе обработки векторной графики CorelDraw.
  • WMF –для хранения коллекции графических изображений Microsoft Clip Galery
  • EPS — формат векторных графических файлов. Рекомендуется для печати и создания иллюстраций в настольных издательских системах.
  • CDR — оригинальный формат векторных графических файлов, используемый в системе обработки векторной графики CorelDraw.
Контрольные вопросы: Растровая графика Векторная графика Какие растровые графические редакторы вы знаете? Какие векторные графические редакторы вы знаете? В каком редакторе, растровом или векторном, вы будете редактировать фотографию?

Контрольные вопросы:

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


Скачать

Рекомендуем курсы ПК и ППК для учителей

Вебинар для учителей

Свидетельство об участии БЕСПЛАТНО!