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

Обновлено: 06.07.2024

Продолжительность: 1 урок, 45 минут.

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

Тип урока: урок формирования новых знаний и умений.

Методы обучения по характеру познавательной деятельности:

Объяснительно-иллюстративный.
Репродуктивный.

растр;
растровая графика;
пиксель;
палитра цветов;
векторная графика;
графические примитивы;
графический редактор.

Организационный момент.
Актуализация опорных знаний и практического опыта учащихся.
Мотивация учебной деятельности.
Изучение нового материала.
Закрепление нового материала.
Первичный контроль результатов учебной деятельности.
Задание на дом.
Подведение итогов урока. Рефлексия.

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

Приветствие учащихся. (Слайд 1)

2. Актуализация опорных знаний и практического опыта учащихся.

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

(Слайд 4) Компьютеры уже достаточно давно вошли в нашу жизнь. Они изменили мир и возможности человека, и в последнее время желающих рисовать все больше привлекает компьютер. Изображения, созданные на компьютере, показываются в динамике или в статике. (Слайд 5) Преимущество компьютерной графики – возможность видеть, как формируется изображение на всех этапах, и неограниченно осуществлять корректировку. (Слайд 6)

3. Мотивация учебной деятельности.

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

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

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

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

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

(Слайд 11)(Слайд 12) Сегодня на уроке мы познакомимся с двумя видами графических изображений: растровое и векторное. Также на уроке будем учиться создавать и редактировать растровое графическое изображение. Итак, ребята открываем тетради, записываем число и тему урока: “Растровая и векторная графика. Растровый графический редактор”. (Учащиеся записывают тему урока в тетради.)

4. Изучение нового материала.

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

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

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

Ребята, а как вы думаете, если увеличить число точек изображения, что можно сказать о четкости изображения? (Если увеличить число точек изображения, то четкость изображения повысится, изображение станет более четким.)

Ребята, а как вы думаете, если увеличить размер точек изображения, что тогда можно сказать о четкости изображения? (Если увеличить размер точек изображения, то изображение станет менее четким.)

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

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

(Слайд 18) (Слайд 19) (Слайд 20)

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

Какими двумя координатами задается точка на плоскости? (Точка задается своими координатами (X, Y).)

Ребята, если на плоскости изображается окружность, какими координатами задается центр этой окружности? (Окружность задается координатами центра (X, Y) и радиусом R.)

Линия задается координатами начала (X₁, Y₁).А какими координатами задается конец этой линии? (Координаты конца (X₂, Y₂).)

Прямоугольник задается координатами вершин, расположенных по диагонали: (X₁, Y₁) и (X₂, Y₂).

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

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

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

1) Для разработки эмблемы нашей школы, учитывая, что она должна будет печататься на маленьких визитных карточках и на больших плакатах? (В данном случае целесообразно использовать векторный тип изображения.)

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

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

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

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

Наша задача на уроке создать растровое графическое изображение.

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

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

Сегодня на уроке мы будем работать с растровым графическим редактором Paint.

Для запуска ГР Paint нужно выполнить следующую последовательность действий:
ПУСК – Программы – Стандартные – Paint. Можно также запустить графический редактор Paint, дважды щелкнув на ярлычке графического редактора.

Разберем подробно структуру окна программы Paint.

Структура окна редактора Paint

5. Закрепление нового материала.

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

Прочитаем название и цель работы (предлагаю одному из учеников).

(Редактирование изображений в растровом редакторе Paint. Цель работы: научиться создавать и редактировать растровые графические изображения.)

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

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

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

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

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

В окне редактора появится изображение Рабочего стола, содержащее значки.

Ребята, выполните эти действия.

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

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

Выполним следующее задание: нарисуем российский флаг.

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

Создадим в верхней части изображения надпись “Рабочий стол”.

6. Выбрать инструмент Надпись, с помощью мыши создать область надписи и ввести текст.

Форматирование текста можно провести, вызвав панель атрибутов текста с помощью команды [Вид-Панель атрибутов текста] или контекстного меню. Результатом редактирования будет данное изображение. Повторите на своих компьютерах.

6. Первичный контроль результатов учебной деятельности.

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

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

1. Растровое графическое изображение формируется из .

a) точек различного цвета – пикселей;
b) элементов – точка, линия, окружность, прямоугольник и др.(графические примитивы).

2. Векторное графическое изображение формируется из.

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

a) Растровая графика;
b) Векторная графика.

4. Какой тип графики вы будете использовать для редактирования цифровой фотографии?

a) Растровая графика;
b) Векторная графика.

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

a) Текстовый редактор;
b) Графический редактор;
c) Табличный редактор.

7. Задание на дом.

(Слайд 28) Заполнить таблицу, ответив на следующие вопросы:

Где применяется растровая и векторная графика?
Как формируются растровое и векторное изображение?
Какие изменения происходит с изображениями при масштабировании?

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

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

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

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

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

Для учеников 1-11 классов и дошкольников
Бесплатные сертификаты учителям и участникам

Урок 5 9 класс

познакомить со сферами применения компьютерной графики;

дать представление о типах компьютерных изображений;

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

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

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

воспитание информационной культуры учащихся, внимательности, аккуратности, дисциплинированности, усидчивости;

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

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

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

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

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

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

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

Организационный момент (3 минуты).

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

Изложение нового материала (25 минут)

Закрепление изученного материала (10 минут)

Подведение итогов урока. Рефлексия (4 минуты).

Домашнее задание. (1 минута).

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Fractal Design Expression

для создания вывесок, этикеток, логотипов, эмблем и пр. символьных изображений;

для построения чертежей, диаграмм, графиков, схем;

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

для моделирования объектов изображения;

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

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

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

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

Какие растровые графические редакторы вы знаете?

Какие векторные графические редакторы вы знаете?

В каком редакторе, растровом или векторном, вы будете редактировать фотографию?

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

Описание разработки

Цели урока:

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

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

- воспитание информационной культуры учащихся, внимательности, аккуратности, дисциплинированности, усидчивости.

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

Ход урока.

I. Орг. момент. (3 мин.)

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

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

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

Дети отвечают, что ПО- набор программ, которые управляют работой компьютера и обеспечивают его взаимодействие с пользователем. Существует системное и прикладное ПО.

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

III. Теоретическая часть.

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

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

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

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

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

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

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

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

Например, графический примитив точка задается своими координатами (X,Y), линия — координатами начала (XI,Y1) и конца (X2,Y2), окружность — координатами центра (X,Y) и радиусом (R), прямоугольник — координатами левого верхнего угла (X1,Y1) и правого нижнего угла (X2.Y2) и так далее. Для каждого примитива задается также цвет.

Достоинством векторной графики является то, что файлы, хранящие векторные графические изображения, имеют сравнительно небольшой объем.

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

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

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

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

К векторным графическим редакторам относятся графический редактор, встроенный в текстовый редактор Word.

Среди профессиональных векторных графических систем наиболее распространена CorelDRAW.

Сюда также можно добавить Macromedia Flash MX.

Весь материал - в документе.

Содержимое разработки

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

Тип урока: изучение и первичное закрепление

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

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

Форма урока: классно-урочная.

Оборудование и наглядности: доска; маркер; компьютер, компьютерная презентация.

Структура урока: Орг. момент → актуализация знаний →изучение нового материала (теоретическая часть) →Первичное закрепление знаний → Д/з → Итог урока

Орг. момент.(3 мин.)

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

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

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

III. Теоретическая часть.

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

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

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

Например, графический примитив точка задается своими координатами (X,Y), линия — координатами начала (XI,Y1) и конца (X2,Y2), окружность — координатами центра (X,Y) и радиусом (R), прямоугольник — координатами левого верхнего угла (X1,Y1) и правого нижнего угла (X2.Y2) и так далее. Для каждого примитива задается также цвет.

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

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

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

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

Tagged Image File Format (TIFF) — формат растровых графических файлов, рекомендуется и поддерживается всеми основными графическими редакторами.

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

IV. Первичное закрепление знаний:

Какими бывают изображения?

Что такое пиксель?

Что такое пространственное разрешение?

От чего зависит качество изображения?

С помощью чего хранятся растровые изображения?

Что такое графический редактор?

Какие растровые графические редакторы вы знаете?

Какие векторные графические редакторы вы знаете?

Какие форматы графических изображений вы знаете?

Знать, что такое графический редактор, инструменты графического редактора, виды и форматы изображений.

VI. Итог урока.

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

-75%

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

Информатика: Учебник для 9 класса / Н.Д. Угринович;
ноутбук;
проектор;
интерактивная доска;
презентация.

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

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

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

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

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

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

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

Из точек (пикселей) различного цвета

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

Можно повысить качество старой фотографии;
из черно-белой сделать цветную.
Используется для художественного творчества.

Для хранения высокоточных объектов (чертежей, схем)

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

При уменьшении теряется четкость мелких деталей.

При увеличении появляется ступенчатый эффект.

Не теряет качества

Окрашивается каждый пиксель

Окрашивается вся фигура целиком

Что и как можно делать в графическом редакторе?

Можно изменять цвет каждого пикселя; повышать яркость и контрастность; удалять мелкие дефекты; применять эффекты.

Можно изменять размеры, цвет, прозрачность графического примитива; перемещать его; накладывать один примитив на другой

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

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

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

Ребята, а как вы думаете, если увеличить число точек изображения, что можно сказать о четкости изображения? (Если увеличить число точек изображения, то четкость изображения повысится, изображение станет более четким.)

Ребята, а как вы думаете, если увеличить размер точек изображения, что тогда можно сказать о четкости изображения? (Если увеличить размер точек изображения, то изображение станет менее четким.)

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

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

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

Ребята, если на плоскости изображается окружность, какими координатами задается центр этой окружности? (Окружность задается координатами центра (X, Y) и радиусом R.)

Линия задается координатами начала (X1, Y1).А какими координатами задается конец этой линии? (Координаты конца (X2, Y2).)

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

1) Для разработки эмблемы нашей школы, учитывая, что она должна будет печататься на маленьких визитных карточках и на больших плакатах? (В данном случае целесообразно использовать векторный тип изображения.)

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

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

Когда, по вашему мнению, используют векторный редактор? (Его используют для создания рисунков, схем, чертежей. Изображение при этом можно легко редактировать: перемещать, изменять размеры, цвет, прозрачность.)

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

Этот цвет получается при смешении зеленого и синего цвета в цветовой модели RGB и является основным цветом в модели CMYK.(Голубой)
Как называется процесс преобразования изображения из аналоговой формы в двоичный код? (Дискретизация)
Этот цвет является основным в цветовой модели RGB. (Красный)
Как называется основной цвет или тон, на котором размещается изображение? (Фон)
Что является минимальным элементом растрового изображения?(Пиксель)
Этот инструмент графического редактора предназначен для стирания отдельных частей рисунка. (Ластик)
Из этой совокупности цветов мы выбираем любой цвет. (Палитра)

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

Описание разработки

Содержимое разработки

Похожие публикации