2.2. Создание и редактирование растровых изображений
Информатика, 5 класс. Учебник: Кадыркулов Р. А., Нурмуханбетова Г. К. (Алматыкітап баспасы, 2023). Раздел 2: Компьютерная графика. Страницы 36–39.
Чему научишься
- Создавать новый файл в Paint.NET и задавать его размер и разрешение.
- Различать три группы инструментов Paint.NET.
- Выбирать основной и дополнительный цвет в окне палитры.
- Рисовать орнамент из геометрических фигур.
Разминка
- Что значит «обработать рисунок»? Изменить готовую картинку: обрезать, повернуть, поменять цвета, яркость, добавить надпись или эффект, убрать лишнее.
- Как создаётся растровая графика? Картинку собирают из пикселей, как мозаику: каждой клеточке сетки задают свой цвет.
- Где ты видел казахские орнаменты? На коврах (сырмаках, текеметах), на юрте, на посуде, одежде, украшениях, на флаге Казахстана.
Разбираемся
Шаг первый: новый файл
Чтобы начать рисовать, нужен чистый «лист». В Paint.NET открой меню Файл и выбери Создать (рис. 1). Там же есть команда Открыть, если ты хочешь продолжить старую картинку.
Появится окошко с параметрами нового рисунка (рис. 2): ширина и высота в пикселях и разрешение — сколько пикселей приходится на сантиметр. В примере из учебника: 400 × 298 пикселей и 300 пикселей на сантиметр.
📌 Чем больше пикселей в изображении при том же размере, тем выше его качество: мелкие детали видны лучше, «ступенек» меньше.
💡 Именно это число стоит в окне на рис. 2 в строке «Размер при печати»: ширина 1,33 см, высота 0,99 см. Маленькая картинка — зато очень чёткая.
Три группы инструментов
Инструменты Paint.NET похожи на инструменты обычного Paint. На панели (рис. 3) они делятся на три группы:
- Выделение и перемещение: выделить прямоугольник, овал или произвольную область и подвинуть её.
- Рисование и раскрашивание: кисть, карандаш, заливка, ластик, копирование (штамп).
- Текст и фигуры: надписи, линии и стрелки, прямоугольники, овалы.
Окно палитры: основной и дополнительный цвет
Палитра (рис. 4) работает в двух режимах: сокращённом и расширенном. Переключает их кнопка «Больше» / «Меньше». При запуске Paint.NET палитра обычно сокращённая.
В сокращённом режиме цвет выбирают на цветовом круге или в наборе готовых цветов. Щелчок левой кнопкой мыши выбирает основной цвет, правой — дополнительный.
💡 Это как два фломастера в руках: левая кнопка рисует одним, правая — другим. Не надо каждый раз лезть в палитру.
🌟 В расширенном режиме палитры видны числа R, G, B — сколько в цвете красного, зелёного и синего. Код 000000 означает чёрный: в нём совсем нет света.
Почему рисунок в Paint.NET — растровый
Нарисуй прямоугольник (рис. 5) и увеличь масштаб. Ты увидишь, что он сложен из пикселей, как из клеток тетради (рис. 6). Значит, Paint.NET создаёт растровые изображения.
Проверь, как понял
Проверь себя
- С чего начинается новый рисунок? С команды «Файл» → «Создать» и выбора размера и разрешения.
- От чего зависит качество изображения? От количества пикселей: чем их больше при том же размере, тем чётче картинка.
- Какие режимы есть у палитры? Сокращённый и расширенный, переключаются кнопкой «Больше»/«Меньше».
- Почему рисунок в Paint.NET называют растровым? При увеличении видно, что он состоит из пикселей.
Решаем упражнения
№ 1
(задание без номера в учебнике: «Примени на практике») Нарисуй в Paint.NET казахский орнамент из геометрических фигур: из ромбов (рис. 7) и из треугольников и кругов (рис. 8).
Как думать. Орнамент — повторяющийся узор. Нарисуй одну часть аккуратно, а потом повтори её много раз. Пригодятся инструменты третьей группы (фигуры) и заливка.
Как сделать второй орнамент (рис. 8). Раздели полосу на квадраты. В каждом квадрате нарисуй два треугольника вершинами друг к другу (линиями, затем залей) и два круга в свободных местах (инструмент «Эллипс», удерживай Shift, чтобы получился ровный круг). Цвета чередуй: синие треугольники с зелёными кругами, зелёные треугольники с синими кругами. Треугольники в соседних квадратах поворачивай то «песочными часами», то «бабочкой».
Ответ: две полосы орнамента: из ромбов и из треугольников с кругами, сохранённые в файлы.
№ 2
(задание без номера в учебнике: «Анализ – Синтез», работа в группе) Разберите, что делает каждый инструмент Paint.NET (рис. 3). Запишите назначение инструментов и переведите их названия на казахский и английский языки.
Как думать. Наведи мышь на инструмент — появится его название. Попробуй каждый на пустом холсте.
Пример ответа.
| Инструмент | Что делает | Қазақша | English |
|---|---|---|---|
| Выбор прямоугольной области | выделяет прямоугольник | тіктөртбұрышты аймақты таңдау | Rectangle Select |
| Волшебная палочка | выделяет область одного цвета | сиқырлы таяқша | Magic Wand |
| Масштаб | увеличивает и уменьшает вид | масштаб | Zoom |
| Заливка | закрашивает замкнутую область | құйып бояу | Paint Bucket |
| Кисть | рисует мягкой линией | қылқалам | Paintbrush |
| Ластик | стирает | өшіргіш | Eraser |
| Карандаш | рисует линией в 1 пиксель | қарындаш | Pencil |
| Пипетка | берёт цвет с картинки | тамшуыр | Color Picker |
| Текст | делает надпись | мәтін | Text |
| Линия | рисует прямые и кривые | сызық | Line / Curve |
| Прямоугольник | рисует прямоугольник | тіктөртбұрыш | Rectangle |
| Эллипс | рисует овал или круг | эллипс | Ellipse |
Ответ: таблица из названий, назначения и переводов всех инструментов панели.
№ 3
(«Вопросы для размышления», № 1 в учебнике) Какие команды нужны, чтобы создать новый файл?
Как думать. Вспомни рис. 1 и рис. 2.
Решение. Открываем меню Файл, выбираем Создать (или Ctrl+N). В окне «Создание» задаём ширину и высоту в пикселях и разрешение, нажимаем ОК.
Ответ: «Файл» → «Создать», затем задать размеры и разрешение и нажать «ОК».
№ 4
(«Вопросы для размышления», № 2 в учебнике) Почему важно управлять настройками изображения?
Как думать. Что будет, если сделать картинку слишком маленькой или слишком большой?
Пример ответа.
- Если пикселей мало, при печати или увеличении картинка будет размытой и «ступенчатой».
- Если пикселей очень много, файл получится тяжёлым, его неудобно отправлять в мессенджере.
- Правильные настройки дают нужное качество и удобный размер файла.
Ответ: от настроек зависят качество картинки и размер файла, поэтому их выбирают под задачу.
№ 5
(«Вопросы для размышления», № 3 в учебнике) Сколько групп инструментов графического редактора можно выделить?
Решение. 1) выделение и перемещение; 2) рисование, раскраска, удаление, копирование; 3) текст, стрелки, линии и фигуры.
Ответ: три группы.
№ 6
(«Вопросы для размышления», № 4 в учебнике) Как управлять цветами в графическом редакторе?
Решение. Цвета выбирают в окне палитры: на цветовом круге или в наборе готовых цветов. Левой кнопкой мыши выбирают основной цвет, правой — дополнительный. Кнопкой «Больше» палитру разворачивают и точно задают цвет числами.
Ответ: через окно палитры: левый щелчок — основной цвет, правый — дополнительный; «Больше»/«Меньше» переключают режим.
№ 7
(«Вопросы для размышления», № 5 в учебнике) От какого параметра зависит качество изображения?
Как думать. Вспомни окно «Создание» и правило в рамке.
Решение. Качество зависит от разрешения: сколько пикселей приходится на единицу длины. Больше пикселей на том же размере — выше качество.
Ответ: от разрешения (числа пикселей в изображении).
№ 8
(«Домашнее задание») Придумай свой орнамент из геометрических фигур, нарисуй его на бумаге, а потом сделай образец в Paint.NET.
Как думать. Возьми 2–3 фигуры и 2–3 цвета. Узор должен повторяться.
Как сделать.
- На бумаге в клетку нарисуй один «кирпичик» узора, например: квадрат, внутри ромб, по углам треугольники.
- В Paint.NET создай файл и залей фон.
- Нарисуй «кирпичик» фигурами и залей цветом.
- Скопируй и вставь его несколько раз в ряд.
- Сохрани работу в PNG.
Ответ: свой орнамент на бумаге и в файле Paint.NET.
№ 9
(«Домашнее задание», вопрос 1) Какие геометрические фигуры ты выбрал и почему?
Пример ответа. Я выбрал ромбы и треугольники: их легко рисовать линиями, они хорошо повторяются и похожи на «рога барана» (қошқар мүйіз) — известный казахский узор.
Ответ: у каждого свой выбор с объяснением.
№ 10
(«Домашнее задание», вопрос 2) На какой предмет дома можно нанести твой орнамент? Объясни.
Пример ответа. На подушку-жастық или скатерть-дастархан: орнамент украшает вещь и напоминает о казахских традициях. Ещё — на кружку или чехол телефона.
Ответ: любой предмет быта с объяснением.
№ 11
(«Домашнее задание», вопрос 3) Из какого материала должен быть сделан этот орнамент?
Пример ответа. Для подушки — вышивка нитками или аппликация из войлока; для кружки — краска по керамике; для шкатулки — резьба по дереву.
Ответ: материал, подходящий к выбранному предмету (ткань, войлок, нитки, дерево, керамика).
👨👩👧 Родителю. Посмотрите вместе дома вещи с национальным узором: ковёр, посуду, одежду. Попросите ребёнка найти, из каких фигур собран узор, — это хорошая подготовка к рисованию в редакторе.
Шпаргалка
- Paint.NET рисует пикселями — это растровый редактор.
- Качество картинки зависит от числа пикселей.
- Орнамент = одна часть узора, повторённая много раз.
Термины: разрешение, пиксель, палитра, основной цвет, дополнительный цвет, орнамент, разрешение монитора (монитордың айырымдылығы, monitor resolution), прямая линия (түзу сызық, straight line).