Сравнение растровых и векторных изображений план урока

Обновлено: 07.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. Подведение итогов урока. Рефлексия.

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

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

Свидетельство и скидка на обучение каждому участнику

Зарегистрироваться 15–17 марта 2022 г.

Краткосрочный план урока

Раздел долгосрочного плана:

Школа: СШ №122

Дата: ________, _________

ФИО учителя: Кутумбекова Сауле Ислямгалиевна

Класс: 6А, 6Б

Количество присутствующих

отсутствующих

Сравнение растровых и векторных изображений

Цели обучения, которые достигаются на данном уроке (ссылка на учебную программу)

6.2.2.3 оценивать преимущества и недостатки растровой и векторной графики

Цель обучения для детей с особыми образовательными потребностями

знать преимущества и недостатки растровой и векторной графики

знать и оценивать преимущества и недостатки растровой и векторной графики

Критерии оценивания:

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

Языковые цели:

- называть преимущества и недостатки растровой и векторной графики.

лексика и терминология, специфичная для предмета:

растровое изображение, векторное изображение, пиксель, искажение, качество графики, объем файла, расширение

Привитие ценностей:

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

Межпредметные связи:

искусство, английский язык

Навыки использования ИКТ

Предварительные знания:

- знают виды компьютерной графики;

- владеют навыками работы с графическими редакторами Paint , Inscape

Запланированная деятельность на уроке

6А-Юлия, Ангелина, Максим, 6Б-Игорь, Аружан.

Учитель демонстрирует слайд и предлагает исключить лишнее.

Ответ: 2018 – число (остальное – графика).

Демонстрирует следующий слайд и предлагает отгадать ребус.

Ответ: графика.

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

Задание 1. Учитель делит класс на группы и предлагает создать постер, рассказывающий о применении компьютерной графики.

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

6А-Юлия, Ангелина, Максим, 6Б-Игорь, Аружан

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

Задание 2. Учитель предлагает после обсуждения заполнить таблицу.

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

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

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

Расширение графических файлов

6А-Юлия, Ангелина, Максим, 6Б-Игорь, Аружан.

Учитель организует взаимопроверку.

Я легко справился (ась) со всеми заданиями урока.

Мне было нелегко на уроке, но я справлюсь со всеми трудностями сам (а).

Мне было трудно на уроке , я нуждаюсь в помощи.

§ 1 4, упр.4 заполните таблицу

6А-Юлия, Ангелина, Максим, 6Б-Игорь, Аружан

§ 1 4, упр. 2 ответьте на вопросы

Рефлексия по уроку

Были ли цели урока/цели обучения реалистичными?

Все ли учащиеся достигли ЦО?

Если нет, то почему?

Правильно ли проведена дифференциация на уроке?

Выдержаны ли были временные этапы урока?

Какие отступления были от плана урока и почему?

Какие два аспекта урока прошли хорошо (подумайте, как о преподавании, так и об обучении)?

Что могло бы способствовать улучшению урока (подумайте, как о преподавании, так и об обучении)?

подготовка к ЕГЭ/ОГЭ и ВПР
по всем предметам 1-11 классов

Курс повышения квалификации

Дистанционное обучение как современный формат преподавания

Курс повышения квалификации

Инструменты онлайн-обучения на примере программ Zoom, Skype, Microsoft Teams, Bandicam

Курс добавлен 31.01.2022
Сейчас обучается 35 человек из 22 регионов

Курс повышения квалификации

Педагогическая деятельность в контексте профессионального стандарта педагога и ФГОС

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

Дистанционные курсы для педагогов

Найдите материал к любому уроку, указав свой предмет (категорию), класс, учебник и тему:

5 613 362 материала в базе

ЗП до 91 000 руб.
Гибкий график
Удаленная работа

Самые массовые международные дистанционные

Школьные Инфоконкурсы 2022

Свидетельство и скидка на обучение каждому участнику

Другие материалы

Вам будут интересны эти курсы:

Оставьте свой комментарий

15.12.2018 1179
DOCX 479.8 кбайт
86 скачиваний
Оцените материал:

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

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

Автор материала

40%

Подготовка к ЕГЭ/ОГЭ и ВПР
Для учеников 1-11 классов

Московский институт профессиональной
переподготовки и повышения
квалификации педагогов

Дистанционные курсы
для педагогов

663 курса от 690 рублей

Выбрать курс со скидкой

Выдаём документы
установленного образца!

Учителя о ЕГЭ: секреты успешной подготовки

Время чтения: 11 минут

Рособрнадзор предложил дать возможность детям из ДНР и ЛНР поступать в вузы без сдачи ЕГЭ

Время чтения: 1 минута

В Россию приехали 10 тысяч детей из Луганской и Донецкой Народных республик

Время чтения: 2 минуты

Онлайн-тренинг: нейрогимнастика для успешной учёбы и комфортной жизни

Время чтения: 2 минуты

Новые курсы: преподавание блогинга и архитектуры, подготовка аспирантов и другие

Время чтения: 16 минут

Отчисленные за рубежом студенты смогут бесплатно учиться в России

Время чтения: 1 минута

Время чтения: 2 минуты

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

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

Все материалы, размещенные на сайте, созданы авторами сайта либо размещены пользователями сайта и представлены на сайте исключительно для ознакомления. Авторские права на материалы принадлежат их законным авторам. Частичное или полное копирование материалов сайта без письменного разрешения администрации сайта запрещено! Мнение администрации может не совпадать с точкой зрения авторов.

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

Лексика и терминология, специфичная для предмета:

Растровая и векторная графика, изображение, графический редактор, масштабирование, окрашивание.

Полезные выражения для диалогов и письма:

В растровой графике изображение формируется из…

Векторная графика применяется…

При масштабирование растрового изображения …

К векторным графическим редакторам относятся…

Привитие ценностей

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

Межпредметные связи

Связь с английским языком при работе с командным меню.

Связь с искусством при выполнении практического задания.

Предварительные знания

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

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

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

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

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

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

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

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

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

Недостатки растровой графики:

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

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

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

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

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

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

Линия – элементарный объект векторной графики. Как и любой объект, линия обладает свойствами: формой (прямая, кривая), толщиной, цветом, начертанием (сплошная, пунктирная). Замкнутые линии приобретают свойство заполнения.

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

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

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

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

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

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

Corel Draw, Adobe Illustrator, AutoCAD

Применение:

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

Читайте также: