Введение в компьютерную графику. Мир изображений
Цели и задачи
- Цель урока по SMART: к концу урока сформировать представление о компьютерной графике, различиях растровых и векторных изображений и научиться осознанно выбирать тип изображения для простой практической задачи.
- Познакомить учащихся с понятием компьютерной графики, областями её применения и основными видами изображений.
- Научить различать растровую и векторную графику по способу построения, качеству при увеличении и сфере применения.
- Развивать умение анализировать изображения, аргументировать выбор инструмента и сотрудничать в парах при выполнении задания.
- Формировать ответственное отношение к цифровым изображениям, авторству и безопасной организации работы за компьютером.
Планируемые результаты
Личностные
- Проявляют интерес к созданию цифровых изображений и видят связь компьютерной графики с повседневной жизнью.
- Осознают значение аккуратности, творчества и ответственности при создании и использовании изображений.
- Понимают необходимость уважать авторство цифровых материалов.
- Положительно оценивают собственный вклад в совместную работу с одноклассником.
Метапредметные
- Извлекают информацию из изображения, краткого текста и демонстрации на экране.
- Сравнивают объекты по заданным признакам и формулируют вывод на основе наблюдений.
- Планируют последовательность действий при создании простого цифрового изображения.
- Используют ИКТ для просмотра, классификации и создания графического объекта.
- Распределяют роли в паре, задают вопросы и аргументируют выбранное решение.
Предметные
- Знают, что компьютерная графика — это область информатики и технологии, связанная с созданием, обработкой и хранением изображений с помощью компьютера.
- Различают растровую графику, состоящую из пикселей, и векторную графику, построенную из геометрических объектов.
- Умеют объяснить, почему растровое изображение может терять качество при увеличении.
- Умеют подобрать растровый или векторный способ представления для фотографии, логотипа, схемы и значка.
- Владеют базовыми правилами безопасной работы за компьютером и организации рабочего места.
Универсальные учебные действия (УУД)
Личностные УУД
- Осознают личную ответственность за соблюдение правил работы с цифровыми устройствами.
- Проявляют учебную мотивацию через создание изображения, связанного с реальной жизнью.
- Оценивают собственную работу без сравнения личности с результатами одноклассников.
- Формируют уважительное отношение к идеям партнёра.
Регулятивные УУД
- Принимают и сохраняют учебную цель: научиться распознавать виды компьютерной графики.
- Планируют действия при выполнении задания в графическом редакторе.
- Сверяют результат с критериями и находят несоответствия.
- Корректируют изображение после обсуждения с партнёром.
- Оценивают степень освоения нового материала с помощью рефлексивного листа.
Познавательные УУД
- Выделяют существенные признаки растровой и векторной графики.
- Сравнивают изображения по структуре, масштабируемости и назначению.
- Строят простую классификацию изображений.
- Моделируют объект с помощью геометрических фигур в графическом редакторе.
- Формулируют вывод по результатам наблюдения за увеличением изображения.
Коммуникативные УУД
- Распределяют роли в паре: оператор и консультант, затем меняются ролями.
- Формулируют вопросы о назначении и способе создания изображения.
- Объясняют партнёру выбор растрового или векторного представления.
- Слушают другое мнение и корректно предлагают исправления.
- Представляют общий результат классу в течение короткого сообщения.
Подготовка учителя к уроку
- Подготовить компьютер учителя, проектор или интерактивную доску и открыть простой графический редактор с инструментами фигур, линий, заливки и текста.
- Подготовить по одному рабочему компьютеру на пару, проверить запуск графического редактора и возможность сохранить файл.
- Вывести на экран фотографии, пиксельное изображение, логотип, схему и значок для классификации.
- Распечатать карточки с изображениями для парной работы — по одной карточке на пару, всего по числу пар.
- Распечатать маршрутный лист с таблицей «Изображение — признаки — вид графики — объяснение» — по одному на каждого ученика.
- Подготовить стикеры двух цветов: зелёные для уверенного ответа и жёлтые для вопроса или затруднения — по два на ученика.
- Записать на доске тему урока, определения «пиксель», «растровая графика», «векторная графика» и правила работы за компьютером.
- Подготовить таймер на 3 минуты для парного задания и на 6 минут для практической работы.
- Освободить пространство для короткой физкультминутки и подготовить слайд с безопасными упражнениями для глаз, плеч и кистей.
Ход урока
Этап 1. Организационный момент и мотивация (3 мин)
Цель этапа: включить учащихся в учебную деятельность через яркий визуальный образ и связать тему с их повседневным опытом.
Время | Действие учителя | Действие учеников |
|---|---|---|
1 мин | Учитель приветствует класс и показывает на экране коллаж из фотографии, значка приложения, эмодзи и схемы: "Здравствуйте, ребята. Посмотрите на экран: перед вами четыре изображения. Где вы встречаете такие изображения каждый день? Не называйте пока способ их создания, просто определите места использования." | Рассматривают коллаж и отвечают: "В телефоне", "в интернете", "в рекламе", "в учебных приложениях". |
2 мин | Учитель предлагает приём «Подумай — обсуди в паре — поделись»: "Сначала 30 секунд подумайте самостоятельно, затем обсудите с соседом, чем фотография отличается от значка. После этого одна-две пары поделятся предположением. Сегодня мы проверим, почему изображения устроены по-разному." | Формулируют предположения в парах: "Фотография состоит из множества мелких точек", "значок можно увеличивать без заметной потери качества". |
Завершение этапа: учитель подводит итог: "Мы увидели, что цифровые изображения окружают нас повсюду, но могут быть устроены по-разному. Теперь выясним, из чего они состоят и почему это важно при работе на компьютере."
Этап 2. Актуализация знаний и фиксация затруднения (5 мин)
Цель этапа: актуализировать знания о файлах, пикселях и графическом редакторе, выявив вопрос, на который пока нет полного ответа.
Время | Действие учителя | Действие учеников |
|---|---|---|
2 мин | Учитель показывает увеличенный фрагмент фотографии: "Что вы видите на большом увеличении? Как называются маленькие цветные элементы изображения? Вспомните, где вы встречали слово «пиксель»." | Отвечают: "Маленькие квадраты или точки", "пиксели", приводят пример экрана телефона или телевизора. |
2 мин | Учитель записывает ответы на доске и задаёт вопросы: "Какие инструменты графического редактора вы уже использовали? Что можно сделать с линией, фигурой, цветом и текстом?" | Называют инструменты: карандаш, линия, кисть, фигура, заливка, текст; объясняют их назначение. |
1 мин | Учитель демонстрирует два изображения одного значка в увеличенном виде: "Оба изображения стали больше, но одно осталось чётким, а второе распалось на квадратики. Почему так произошло? Запишите свою гипотезу одним предложением." | Записывают гипотезу и называют затруднение: пока не знают, чем отличаются два способа построения изображения. |
Завершение этапа: учитель подводит итог: "Мы вспомнили пиксель и основные инструменты редактора, но пока не можем уверенно объяснить различие двух изображений. Значит, нам нужно открыть новое знание и найти признаки двух видов компьютерной графики."
Этап 3. Постановка проблемы и целеполагание (4 мин)
Цель этапа: совместно сформулировать учебную цель и план исследования.
Время | Действие учителя | Действие учеников |
|---|---|---|
2 мин | Учитель организует приём «Снежный ком»: "Каждый предложите один вопрос, на который нужно ответить сегодня. Затем объединитесь в пары, выберите самый важный вопрос и сформулируйте общий вариант." | Записывают вопросы, обсуждают их в парах и предлагают: "Что такое растровая и векторная графика?", "Когда выбирать каждый вид?", "Почему меняется качество?" |
2 мин | Учитель группирует вопросы на доске и говорит: "Наша цель — научиться различать растровую и векторную графику по строению и качеству, а затем применить это знание при создании простого изображения. План такой: наблюдаем, сравниваем, создаём и объясняем." | Записывают тему и цель урока, повторяют план действий, формулируют ожидаемый результат: "Я смогу выбрать вид графики и объяснить свой выбор". |
Посмотрите план целиком
Зарегистрируйтесь — и откройте план урока по этой теме полностью: цели, ход урока и рефлексия по ФГОС.
Завершение этапа: учитель подводит итог: "Цель определена, а значит, каждое следующее действие должно помогать нам ответить на вопросы класса. Начнём с наблюдения и короткого объяснения нового материала."
Этап 4. Открытие нового знания. Растровая и векторная графика (12 мин)
Цель этапа: сформировать представление о двух основных способах построения компьютерных изображений через демонстрацию и сравнение.
Время | Действие учителя | Действие учеников |
|---|---|---|
4 мин | Учитель увеличивает на экране фотографию: "Растровое изображение состоит из пикселей — маленьких цветных элементов. Каждый пиксель имеет своё место и цвет. При сильном увеличении отдельные пиксели становятся заметными, поэтому контуры могут выглядеть ступенчатыми. Где особенно уместна растровая графика?" | Рассматривают увеличенный фрагмент, находят квадратики и отвечают: "Для фотографий, сканов, картинок с большим количеством оттенков". |
4 мин | Учитель демонстрирует значок, составленный из круга, прямоугольника и линии: "Векторное изображение строится из геометрических объектов: линий, окружностей, прямоугольников и других фигур. Для каждого объекта задаются форма, размер, положение, цвет и контур. При увеличении такие объекты пересчитываются, поэтому изображение сохраняет чёткость. Где это удобно?" | Наблюдают демонстрацию и отвечают: "Для логотипов, схем, значков, чертежей, простых иллюстраций". |
2 мин | Учитель показывает на доске таблицу сравнения и проговаривает: "Сравним по трём признакам: из чего состоит, что происходит при увеличении, где применяется. Заполните пропуски в маршрутном листе, а затем сверьтесь с соседом." | Заполняют таблицу: растровая — пиксели, возможна потеря качества, фотографии; векторная — геометрические объекты, чёткость сохраняется, логотипы и схемы. |
2 мин | Учитель задаёт толстые вопросы: "Можно ли назвать фотографию лучшим вариантом для логотипа? Почему? Что произойдёт, если маленькую растровую иконку сильно увеличить?" | Аргументируют: "Фотография не лучший вариант для логотипа, потому что контуры могут стать нечёткими"; "появятся заметные пиксели". |
Запись в тетрадях
Ученики записывают: «Компьютерная графика — создание, обработка и хранение изображений с помощью компьютера. Растровая графика состоит из пикселей. Векторная графика состоит из геометрических объектов. Растровые изображения удобны для фотографий, векторные — для логотипов, схем и значков».
Завершение этапа: учитель подводит итог: "Теперь у нас есть критерии сравнения: состав изображения, поведение при увеличении и назначение. Проверим новое знание на конкретных примерах, а затем применим его в графическом редакторе."
Этап 5. Первичное закрепление в парах (5 мин)
Цель этапа: закрепить различение видов графики на жизненных примерах и развить аргументацию.
Время | Действие учителя | Действие учеников |
|---|---|---|
1 мин | Учитель раздаёт каждой паре карточку с одним объектом: фотография пейзажа, логотип кружка, схема маршрута, скан рисунка, эмодзи или чертёж. Инструкция: "Назовите предпочтительный вид графики и запишите два аргумента. Работайте по таймеру три минуты." | Получают карточку, распределяют роли и читают задание. |
3 мин | Учитель напоминает приём «Две звезды и пожелание»: "После выполнения обменяйтесь карточками с соседней парой. Назовите два удачных аргумента и один вопрос или совет. Не оценивайте человека, оценивайте решение." | В парах определяют вид графики, записывают два аргумента, обмениваются карточками и дают партнёрам обратную связь. |
1 мин | Учитель просит две пары представить решения и уточняет: "Почему для логотипа вы выбрали векторную графику? Почему для фотографии — растровую?" | Представляют ответы: "Логотип состоит из простых фигур и должен сохранять чёткость", "фотография содержит много оттенков и деталей". |
Завершение этапа: учитель подводит итог: "Вы научились объяснять выбор не одним словом, а признаками изображения. Теперь сделаем небольшой цифровой объект и проверим, как работает векторный способ построения."
Этап 6. Физкультминутка и зрительная гимнастика (3 мин)
Цель этапа: снять напряжение после работы с экраном и подготовить организм к практической деятельности.
Время | Действие учителя | Действие учеников |
|---|---|---|
1 мин | Учитель говорит: "Уберите руки от клавиатуры и посмотрите вдаль в окно или на дальнюю стену. Медленно переведите взгляд на близкий предмет и снова вдаль. Повторим пять раз, не напрягая глаза." | Выполняют упражнение для глаз, не поворачивая голову. |
1 мин | Учитель показывает движения: "Поднимите плечи к ушам, задержите на две секунды и расслабьте. Повторите три раза. Затем мягко встряхните кисти рук." | Выполняют упражнения для плеч, кистей и предплечий. |
1 мин | Учитель напоминает: "Сядьте ровно, поставьте стопы на пол, расстояние до экрана должно быть удобным. Проверьте, что яркость экрана не мешает работе." | Принимают правильную позу, проверяют положение стула, монитора и рук. |
Завершение этапа: учитель подводит итог: "Мы восстановили внимание и вспомнили правила безопасной работы. Теперь переходим к практическому заданию: создадим простой значок из геометрических объектов."
Этап 7. Практическая работа с ИКТ (8 мин)
Цель этапа: применить знания о векторных объектах при создании простого изображения в графическом редакторе.
Время | Действие учителя | Действие учеников |
|---|---|---|
2 мин | Учитель демонстрирует на экране последовательность: "Создадим значок «Солнечный день». Сначала выберите инструмент «Эллипс» и нарисуйте круг солнца, затем добавьте лучи линиями, прямоугольником создайте основание, а инструментом «Заливка» задайте цвет. Работайте вдвоём: оператор выполняет действия, консультант проверяет последовательность; через четыре минуты поменяйтесь ролями." | Открывают графический редактор, распределяют роли и создают круг, линии и прямоугольник. |
4 мин | Учитель проходит между парами и задаёт вопросы: "Из каких объектов состоит ваш значок? Как вы измените размер солнца, чтобы оно осталось чётким? Почему это изображение удобно строить из фигур?" При необходимости показывает способ выделения и перемещения объекта. | Создают композицию из геометрических объектов, меняются ролями, объясняют: "Значок состоит из фигур, их можно изменять без потери чёткости". |
2 мин | Учитель просит сохранить работу с понятным именем и организует мини-проверку: "Покажите партнёру изображение и назовите два использованных объекта. Проверьте, есть ли фон, главный объект и аккуратный контур." | Сохраняют файл, показывают результат партнёру, называют объекты и исправляют одну найденную неточность. |
Завершение этапа: учитель подводит итог: "Мы применили векторный принцип на практике: собрали изображение из геометрических объектов и смогли изменить его элементы. Осталось проверить, что каждый понял различия и может объяснить свой выбор самостоятельно."
Этап 8. Рефлексия, оценивание и домашнее задание (5 мин)
Цель этапа: оценить достижение цели урока, выявить затруднения и объяснить домашнюю практику.
Время | Действие учителя | Действие учеников |
|---|---|---|
2 мин | Учитель раздаёт рефлексивный лист: "Закончите три фразы: «Растровая графика — это...», «Векторная графика подходит для...», «Сегодня мне удалось...». Затем поднимите зелёный стикер, если можете объяснить различие, и жёлтый, если нужен ещё один пример." | Заполняют три фразы, выбирают цвет стикера и прикрепляют его на доску под соответствующим утверждением. |
1 мин | Учитель задаёт контрольные вопросы: "Что является элементом растрового изображения? Какой вид графики выберем для фотографии? Почему логотип чаще создают векторным?" | Отвечают: "Пиксель"; "растровую"; "потому что он сохраняет чёткость при изменении размера". |
2 мин | Учитель объясняет домашнее задание: "Выберите один предмет из дома, например кружку, рюкзак или настольную лампу. Определите, какой вид графики лучше использовать для его фотографии и какой — для условного значка этого предмета. Запишите два объяснения. Желающие создадут эскиз значка в редакторе." | Записывают задание, задают уточняющие вопросы и называют выбранные предметы. |
Завершение этапа: учитель подводит итог: "Сегодня вы выяснили, что изображения могут строиться из пикселей или геометрических объектов, и научились выбирать способ представления по назначению. Проверьте дома свои объяснения по трём признакам: строение, качество при увеличении и область применения."
Критерии оценивания практической работы
- «5» — изображение «Солнечный день» создано из не менее четырёх геометрических объектов, объекты аккуратно размещены, использованы цвет и заливка, файл сохранён, ученик объясняет выбор векторной графики.
- «4» — изображение создано из не менее трёх объектов, основная композиция понятна, допущена одна неточность в расположении или оформлении, объяснение в целом верное.
- «3» — создано не менее двух объектов, изображение узнаваемо, но нарушена последовательность действий или отсутствует полное объяснение признаков векторной графики.
Рефлексия
Вопрос для ученика | Цель вопроса |
|---|---|
Что нового вы узнали о растровой и векторной графике? | Проверка осознания ключевого предметного содержания. |
Какой признак помог выбрать вид графики для фотографии или логотипа? | Выявление понимания алгоритма сравнения. |
Что получилось при создании значка, а что потребовало исправления? | Диагностика практических затруднений и регулятивных действий. |
Какая помощь понадобится вам на следующем уроке? | Определение индивидуальной потребности в поддержке. |
Завершающее слово учителя
"Сегодня мы увидели, что компьютерное изображение — это не просто картинка на экране, а результат определённого способа построения. Растр удобен для фотографий и сложных цветовых переходов, а вектор — для логотипов, схем и значков, которые нужно увеличивать без потери чёткости. Типичная ошибка — выбирать вид графики только по внешнему виду, не учитывая назначение и изменение размера. На следующем уроке мы продолжим работу с графическим редактором и научимся создавать более сложную композицию."
Домашнее задание
Уровень | Что задать | Зачем |
|---|---|---|
Базовый (обязательный) | Выбрать два предмета из повседневной жизни и для каждого записать, какой вид графики лучше использовать для фотографии, а какой — для условного значка; привести по два аргумента. | Закрепляет различение растра и вектора; при проверке обратить внимание на связь выбора с назначением изображения. |
Средний (повышающий) | Подготовить таблицу сравнения растровой и векторной графики по четырём признакам: состав, изменение при увеличении, достоинства, области применения; добавить по два примера. | Формирует умение систематизировать информацию и использовать предметную терминологию. |
Продвинутый (дополнительный) | Создать в графическом редакторе простой векторный значок предмета из пяти-семи геометрических объектов, сохранить файл и написать краткое объяснение последовательности действий. | Развивает проектное мышление, навыки ИКТ и умение объяснять собственное решение. |
Контрольные вопросы перед выходом из класса: «Из чего состоит растровое изображение?», «Из каких элементов строится векторное изображение?», «Какой вид графики лучше выбрать для фотографии и почему?», «Какой вид графики удобнее для логотипа и почему?»
