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