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