Растровый графический редактор. Создание рисунка
Раздел «Компьютерная графика». Интерфейс растрового редактора, холст, графические примитивы, палитра, заливка, выделение и сохранение. Результат: создать и отредактировать простое растровое изображение, выбрать размеры и формат сохранения. Практика: нарисовать учебную пиктограмму с использованием нескольких инструментов, сохранить рабочий файл и изображение для включения в документ.
Конспект урока
Создать в растровом редакторе рисунок на холсте 400 × 300 пикселей: применить прямоугольник, эллипс, кисть, выбор цвета, заливку и копирование выделенной области. Сохранить отдельный PNG, открыть его и проверить размеры и состав рисунка.
Работай с выданными учебными текстами и данными. Ответы помощника в примерах специально вымышлены. Факты источников проверяются отдельно. Сохраняй собственный результат отдельно от файла партнёра. Для заданий не нужны внешние аккаунты или обращение к настоящему ИИ.
Растр и холст
Растровый рисунок хранит цвета пикселей. Холст задаёт прямоугольную область изображения, её ширину и высоту в пикселях. В практике оба чистых файла имеют 400 × 300 пикселей. Эти размеры следует проверить в свойствах изображения или настройках холста, а не по размеру окна программы. Рисунок может выглядеть крупнее на одном мониторе и мельче на другом при одинаковом файле.
Масштаб помогает рассмотреть
Лупа и процент просмотра меняют размер изображения на экране. Они не добавляют пиксели в сохранённый рисунок. Для получения другого размера файла нужна отдельная команда изменения размера изображения. Не смешивай также изменение размеров холста с пропорциональным уменьшением самого рисунка: расширение холста может добавить пустое поле, а обрезка убрать края.
Примитивы и свободная линия
Инструменты прямоугольника и эллипса помогают получить геометрические формы. До фиксации редактор может разрешать менять форму, контур и заливку. Кисть оставляет свободный след. В обычном PNG результат становится растром, поэтому после закрытия файла не следует ожидать, что каждый прямоугольник будет выделяться как независимая фигура. Сохраняй исходник и отменяй ошибки своевременно.
Иллюстрация поясняет понятие. Точные данные и правила задаются текстом урока.
Цвет и заливка
Палитра задаёт цвет рисования. Контур — граница фигуры, заливка — цвет её внутренней области. В простом растровом редакторе заливка распространяется по связанной области подходящего цвета. Если в границе есть разрыв, цвет может попасть на фон. Отмени действие, увеличь просмотр и проверь границу. Точные алгоритмы допуска цвета зависят от редактора; задача использует простые закрытые фигуры на белом фоне.
Выделение копирует пиксели
Прямоугольное выделение задаёт область пикселей, с которой будет работать команда. Копирование сохраняет исходную область; вырезание убирает её с прежнего места. После вставки перемести копию в свободную часть холста и проверь, что обе фигуры видны. В выделение может попасть белый фон вокруг эллипса. Поэтому в основном задании объекты не перекрываются; специальные прозрачные режимы не требуются.
Сохранение и проверка
Сохрани результат через Сохранить как с собственным именем и типом PNG. Это удобная растровая копия для дальнейшего использования в документе. Закрой и повторно открой её: проверь размеры, два эллипса, прямоугольник и линию. Сохранение PNG не обещает сохранение истории действий или отдельных векторных объектов. Запиши, какие операции ты действительно выполнил, а какие только запланировал на бумаге.
Условия и данные
T1 · Два варианта расположения
| Вариант | Прямоугольник | Эллипсы и линия |
|---|---|---|
| А | Слева, синий контур, лаймовая заливка | Справа два раздельных эллипса; короткая линия кистью внизу |
| Б | Справа, синий контур, светлая жёлтая заливка | Слева два раздельных эллипса; короткая линия кистью вверху |
Сначала попробуй сам
A1. Холст имеет 400 × 300 пикселей. Ученик увеличил только просмотр с 100% до 200%. Изменилось ли число пикселей сохранённого рисунка?
Подсказка при затруднении: Сравни увеличение лупой и изменение размеров файла.
K1. После заливки внутри контура цвет попал и на окружающий фон. Назови вероятную причину и первое действие, которое вернёт предыдущий вид.
Подсказка при затруднении: Заливка распространяется по связанной области подходящего цвета.
B1. Нужно получить два одинаковых эллипса, сохранив первый. Какое действие с выделенной областью выбрать: вырезать или копировать? Обоснуй.
Подсказка при затруднении: Подумай, должен ли сохраниться оригинал.
R1 — новый случай. Новый холст 600 × 400. Его просмотр уменьшили до 50%, ничего не обрезали и не меняли размер. Какие размеры будут после сохранения? Что сделать, если нужен файл 300 × 200?
Подсказка: Процент просмотра относится к экрану.
Практика P1
Открой blank-a.png или blank-b.png по своему варианту T1. Проверь холст 400 × 300. Нарисуй замкнутый прямоугольник с синим контуром, выбери цвет палитры по T1 и залей его внутренность. Нарисуй один эллипс, выдели область с ним, скопируй и вставь: на рисунке должно остаться два раздельных одинаковых эллипса. Добавь короткую линию кистью по T1. Объекты не выходят за холст и не перекрываются. Сохрани отдельный 026-место-А.png/026-место-Б.png, повторно открой. Запиши размеры, какие инструменты использовал и как убедился, что первый эллипс сохранился.
P1 без компьютера. Нарисуй свой план холста по T1: подпиши 400 × 300, расположи замкнутый прямоугольник, два одинаковых эллипса и линию. Обозначь цвет контура/заливки и прямоугольную границу выделения вокруг первого эллипса. Запиши «копировать, вставить, переместить копию» и имя будущего файла. На этапе каждого участника продолжай свой лист и проверь границы. Это 26-минутный бумажный маршрут, работа редактора не подтверждается.
Учитель заранее скачивает подготовленный набор и распаковывает его в учебную папку. Внутри учебные файлы и инструкция START.txt; установка программ не нужна.
- 3 мин показ: учитель на другом холсте выбирает фигуру/цвет, заливает закрытую область, выделяет эллипс, копирует/вставляет и отменяет неудачную операцию.
- 1 мин: каждый рисует личный план по T1 и подписывает 400 × 300.
- 10 мин А: открой blank-a.png, выполни P1, сохрани и повторно открой свою копию. Б планирует собственный вариант.
- 10 мин Б: начни с blank-b.png и выполни свой вариант; файл А не меняй. А записывает личную проверку.
- 2 мин: каждый покажи два эллипса, границы заливки и размеры PNG; назови реальный режим работы.
До начала укажи назначенный код места/пары и А/Б на личном листе и билете. Каждый выполняет свой шаг. Если работал на бумаге или по показу, отметь реальный режим; это не подтверждает сохранение файла.
Проверяем ответ ИИ
Вымышленный помощник: «Сохрани рисунок в PNG — после закрытия каждая фигура всё равно будет отдельным объектом. А просмотр 200% удвоит пиксели файла». Исправь два утверждения.
Внешний сервис не нужен. Сначала запиши собственное основание проверки, затем сравни и добавь исправление.
Новый случай и помощь
D1 — резерв после основного. Резерв после основного. Копия эллипса закрыла часть прямоугольника белым полем. Почему это возможно и как получить два раздельных объекта без повреждения прямоугольника?
Подсказка: Выделение переносит область пикселей, включая фон.
Если трудно читать, учитель читает полное условие. Допустимы короткие фразы, увеличенная печать и устное объяснение с записью взрослым. Сначала личная попытка, затем помощь. Если заливка вышла наружу, сразу отмени действие, увеличь масштаб просмотра, найди разрыв и замкни границу. Для копии выделяй эллипс с небольшим белым полем и переноси в свободное место. Учитель может повторить одну команду на отдельном образце, ученик выполняет её сам.
Индивидуальный итог
Три минуты самостоятельно. Условия прочитай до начала; разбор открой после своей записи.
E1. Как называется минимальный элемент растрового изображения, цвет которого хранится в файле?
E2. Просмотр холста 500 × 200 изменили до 200%. Запиши размеры файла при отсутствии других действий и объясни почему.
E3. Назови действие, которое сохраняет исходный эллипс при создании второго, и одну проверку после сохранения PNG.
Разбор после попытки
Найди конкретное место расхождения и исправь его после своей попытки. В самопроверке попробуй новый пример: повтор показанного ответа не заменяет самостоятельного применения.
Материалы и самостоятельная проверка
В карточках — презентация «Сигнал», самостоятельный план учителя, рабочий лист, отдельный выходной билет и бумажная самопроверка. Интерактив ниже содержит шесть вопросов, пояснение к выбранному варианту и новые примеры после попытки. Это отдельные 5–7 минут после основного занятия или при самостоятельной работе.
Домашний перенос
За 4–6 минут на бумаге спланируй значок из прямоугольника, эллипса и линии на холсте 300 × 300. Подпиши инструменты, цвет заливки, область для копирования и имя PNG. Отдельно напиши, что изменится при просмотре 200%. Реальный редактор дома не нужен.
Источники
Урок соотнесён с федеральной рабочей программой базового курса информатики 7–9 классов и рекомендациями на 2026/27. ИИ включён в предметные примеры с проверкой вымышленного совета. Команды редактора и правила кабинета учитель уточняет перед занятием.
6 вопросов по теме «Создаём растровый рисунок». Выбери ответ, прочитай объяснение и попробуй ещё раз, если ошибся.
Открыть отдельноВопрос 1 из 6
ТренировкаБез отметки и ограничения времени. Первый ответ учитывается отдельно от исправлений. При обновлении страницы ответы сбросятся.
Скачать и открыть
Материалы урока
6 материаловПодготовка к уроку
2 материала· для учителей
20 слайдов, иллюстрация на каждом, редактируемые подписи и схемы, практика, проверка совета ИИ и заметки учителю.
Презентация · MediaSchool
Самостоятельный сценарий на 45 и 40 минут: карта 20 слайдов, полные условия и ключи, практика, индивидуальный итог, помощь и варианты без техники.
Методичка · MediaSchool
Рабочие листы и практика
3 материала· для учеников
Задания для самостоятельной попытки, полные условия практики, поля наблюдений, помощь и новый пример.
Рабочий лист · MediaSchool
Два билета на одном А4. Три самостоятельных ответа, 3 минуты, 5 формирующих баллов.
Рабочий лист · MediaSchool
Шесть вопросов и 18 вариантов совпадают с тестом на странице. Две страницы, отдельные 5–7 минут; пояснения и перенос в плане.
Рабочий лист · MediaSchool
Проверка знаний
1 материал· для учеников
6 вопросов с объяснениями и повторной попыткой.
Проверочная
От сообщества
Материалы сообщества0
Дополнения от учителей к этому уроку. Проверены модерацией, но не являются редакционным контентом MediaSchool.
Поделитесь первым материалом
Рабочий лист, презентация или методичка помогут другим учителям подготовиться к уроку.
Комментарии
Войдите, чтобы оставлять комментарии.
Пока нет комментариев. Будьте первым!