2.4. Обработка растровых изображений. Практическая работа

Информатика, 5 класс. Учебник: Кадыркулов Р. А., Нурмуханбетова Г. К. (Алматыкітап баспасы, 2023). Раздел 2: Компьютерная графика. Страницы 44–46.

Чему научишься

• Рисовать в Paint.NET фигуры с помощью выделения и заливки.
• Применять эффект Размытие по Гауссу и настраивать его радиус.
• Делать из обычного фото «старинное».
• Вырезать часть фотографии и применять к ней эффекты.

Разминка

• Какой инструмент Paint.NET используется чаще всего и почему? Например, Кисть: ею рисуют, подправляют и раскрашивают почти в каждой работе. Или Выбор прямоугольной области: без выделения не скопируешь и не обрежешь картинку.
• Что в графическом редакторе тебе было интересно? Например, художественные эффекты: обычное фото за секунду становится «картиной маслом».
• Что значит «размыть» картинку? Сделать её мягкой, без чётких краёв, как будто смотришь сквозь запотевшее стекло.

Разбираемся

Как рисовать выделением

Сегодня работаем руками. Учебник предлагает рисовать фигуры не только инструментами-фигурами, но и выделением. Выделяешь прямоугольник или овал — и заливаешь его цветом. Заливка не вытечет за края выделения, получится ровная фигура.

📌 Выделенная область работает как трафарет: краска попадает только внутрь.

Секрет пузыря — размытие по Гауссу

Эффект Эффекты → Размытие → Размытие по Гауссу перемешивает цвета соседних пикселей. Чем больше радиус, тем сильнее «размазываются» краски. Яркие полоски внутри круга сливаются в мягкие переливы — и получается пузырь (рис. 3 → рис. 4).

💡 Радиус — это «на сколько пикселей вокруг» смешиваются цвета. Радиус 100 смешивает очень широко, радиус 50 — вдвое мягче.

Проверь, как понял

Проверь себя

• Как нарисовать ровный круг в Paint.NET? Выделить область инструментом «Выбор области овальной формы» и залить её.
• Что делает размытие по Гауссу? Плавно смешивает цвета соседних пикселей, убирая резкие края.
• Как из одного пузыря сделать много? Скопировать его и вставить несколько раз, меняя размер.

Решаем упражнения

№ 1

(задание без номера в учебнике: «Примени на практике», алгоритм «Моделирование мыльных пузырей») Нарисуй в Paint.NET мыльный пузырь по алгоритму, а затем целую группу пузырей.

Как думать. Пузырь — это круг с цветными переливами и белыми бликами. Переливы получаются размытием цветных полос.

⚠️ Частая ошибка. Если перед размытием снять выделение, размоется вся картинка, и голубой фон тоже «поплывёт». Выделение должно оставаться на круге.

Что должно получиться. Голубой фон и полупрозрачные на вид шарики с мягкими переливами и светлыми бликами, как на рис. 8.

Ответ: картинка с группой мыльных пузырей разного размера.

№ 2

(задание без номера в учебнике: «Задания», вступительный вопрос) Какие команды из меню «Коррекция» и «Эффекты» использованы для иллюстраций к заданиям 1 и 2? Выясни.

Как думать. Сравни «до» и «после». На рис. 10 цвета стали коричневатыми, как на старом фото. На рис. 12 исчез цвет, остались тёмные чёткие линии на белом.

Решение.

• Рис. 9 → рис. 10: цвета заменены коричневыми оттенками. Это команда Коррекция → Сепия; можно дополнительно уменьшить яркость или контраст.
• Рис. 11 → рис. 12: цвет пропал, контуры зданий стали тёмными линиями. Похоже на Эффекты → Художественные → Набросок тушью.

Ответ: для Алматы — коррекция «Сепия» (коричневый тон), для «Байтерека» — художественный эффект вроде «Наброска тушью».

№ 3

(«Задания», № 1 в учебнике) Сделай из современной фотографии Алматы «старинную» (рис. 9 и 10).

Как думать. Старые фото были не цветными, а коричневатыми, с выцветшими тонами.

Как сделать.

1. Найди фото Алматы и открой его: «Файл» → «Открыть».
2. Выполни «Коррекция» → «Сепия» — фото станет коричневатым.
3. Если хочешь «постарее», уменьши контраст: «Коррекция» → «Яркость и контрастность».
4. По желанию добавь лёгкий шум («Эффекты» → «Шум»), как зернистость старой плёнки.
5. Сохрани под новым именем: «Файл» → «Сохранить как…».

Что должно получиться. Тот же вид города, но в коричневых тонах, как старинная открытка.

Ответ: фото Алматы в тонах сепии.

№ 4

(«Задания», № 2 в учебнике) Из фото Астаны (рис. 11) вырежи монумент «Байтерек» и, применив эффекты, получи изображение как на рис. 12.

Как думать. Сначала выдели нужную часть, потом скопируй её на новый холст, потом примени эффект.

Как сделать.

1. Открой фото Астаны: «Файл» → «Открыть».
2. Выдели «Байтерек» инструментом Выбор прямоугольной области (или аккуратно обведи инструментом Лассо).
3. Скопируй (Ctrl+C), создай новый файл и вставь (Ctrl+V).
4. Примени «Эффекты» → «Художественные» → «Набросок тушью»; подбери настройки, чтобы линии были чёткими.
5. Сохрани работу.

Что должно получиться. Чёрно-белая «графика»: монумент и соседние здания нарисованы тёмными линиями на светлом фоне.

Ответ: фрагмент с «Байтереком», обработанный художественным эффектом.

👨‍👩‍👧 Родителю. Сфотографируйте с ребёнком на телефон знакомое место во дворе и перенесите снимок на компьютер. Обработать свою фотографию интереснее, чем чужую, а ещё не придётся думать об авторских правах.

Шпаргалка

• Пузырь = круг + цветные полосы + размытие + блики.
• Пока выделение на месте, эффект действует только внутри него.
• Цвет — в «Коррекции», художества и размытие — в «Эффектах».

Термины: выделение, заливка (құйып бояу, bucket fill), размытие (бұлыңғыр, blur), радиус, сепия, эффект.

Мини-тест