2.1. Растровые и векторные графические редакторы
Информатика, 5 класс. Учебник: Кадыркулов Р. А., Нурмуханбетова Г. К. (Алматыкітап баспасы, 2023). Раздел 2: Компьютерная графика. Страницы 32–35.
Чему научишься
- Объяснять, что такое графический редактор и зачем он нужен.
- Отличать растровую графику (картинка из пикселей) от векторной (картинка из линий и фигур).
- Называть растровые и векторные редакторы и выбирать подходящий под задачу.
- Знать, что умеет Paint.NET и какие форматы файлов он открывает.
Разминка
- Что такое графический редактор? Программа, в которой рисуют картинки и меняют уже готовые: рисунки, фото, схемы.
- Какие программы для рисунков и фото ты знаешь? Например, Paint в Windows, фоторедактор в телефоне, фильтры в мессенджерах и соцсетях, Paint.NET, GIMP.
- Какой графический редактор тебе нравится и почему? Тут каждый отвечает за себя. Например: «Мне нравится Paint: он простой и есть на каждом компьютере».
Разбираемся
Первые компьютерные рисунки: точки и линии
Самые первые компьютерные картинки строили так: задавали на экране координаты двух точек и соединяли их прямой. Из таких отрезков в учебнике собран целый кораблик с парусом и солнцем (рис. 1). Это и есть векторная графика. Потом появились другие способы рисовать, а вместе с ними и много разных программ.
📌 Графический редактор — программа для создания и обработки рисунков, изображений и фотографий.
Растр: картинка-мозаика
Сфотографируй что-нибудь на телефон и увеличивай пальцами, пока не увидишь квадратики. Каждый квадратик — пиксель, точка одного цвета. Картинка из пикселей называется растровой: как мозаика или вышивка крестиком.
Чтобы нарисовать лист в растре, надо закрасить нужные клетки сетки нужным цветом. Ниже — сердечко, нарисованное именно так.
Вектор: картинка-инструкция
В векторной графике компьютер хранит не клетки, а «инструкцию»: поставь точки здесь и здесь, соедини их прямой или кривой, залей цветом. Для листа дерева отмечают точками его контур и соединяют точки линиями.
Когда увеличиваешь векторную картинку, компьютер просто заново рисует линии по инструкции. Поэтому края остаются гладкими при любом масштабе.
💡 Растр — как фото на телефоне: хорошо передаёт оттенки, но при сильном увеличении «рассыпается». Вектор — как значок или логотип: чёткий в любом размере, но фотографию им не нарисуешь.
Какие бывают редакторы
В учебнике есть таблица программ. Растровые: Paint.NET, Paint, Adobe Photoshop, Corel Photo-Paint, Photo Finish, Open Office Image, GIMP Portable. Векторные: Photo-Brush, Corel Draw, Adobe Illustrator, Micrografx Designer, Microsoft Draw, Open Office Draw, Компас-3D.
⚠️ Важно знать. Многие программы из таблицы платные или уже устарели. Бесплатно и сейчас можно рисовать: растр — в Paint, Paint.NET, GIMP, Krita; вектор — в Inkscape или в векторных онлайн-редакторах. Photo-Brush в учебнике назван векторным, но сам по себе он больше похож на редактор для фотографий. Для настоящего вектора удобнее Inkscape.
Что умеет Paint.NET
Paint.NET — бесплатный растровый редактор рисунков и фото для Windows. Его окно похоже на окна других редакторов: сверху меню, слева панель инструментов, посередине холст, сбоку палитра (рис. 2). Вот что он умеет:
- простой и понятный интерфейс;
- несколько картинок открыты одновременно;
- много эффектов, работа со слоями;
- масштаб от 1% до 3200%;
- копирование и удаление кусочков картинки, вставка текста;
- настройка яркости, контраста, насыщенности цвета;
- убирает «красные глаза», повышает чёткость, убирает шум, есть 3D-эффект.
Paint.NET открывает и сохраняет файлы в популярных форматах: PNG, JPEG, BMP, GIF, TGA, DDS, TIFF.
Что умеет Photo-Brush
По учебнику, Photo-Brush — многофункциональный редактор: в нём рисуют, правят и получают цифровые изображения (рис. 3). Он умеет:
- превращать фотографию в рисунок и улучшать качество фото;
- масштабировать и рисовать, работать штампом, заливать цветом, добавлять готовые картинки;
- менять размер, поворачивать и обрезать изображение;
- настраивать цветовой баланс, освещение, контраст, яркость и палитру.
🌟 В Paint.NET масштаб можно поднять до 3200%. Это значит, что один пиксель картинки на экране превращается в квадрат 32 × 32 точки, больше тысячи экранных точек!
Проверь, как понял
Проверь себя
- Что такое графический редактор? Программа для создания и обработки рисунков, изображений и фотографий.
- Чем растровая графика отличается от векторной? Растр хранит цвет каждого пикселя, вектор — координаты точек и линии между ними.
- Почему при увеличении фото появляются квадратики? Фото растровое: при увеличении становятся видны отдельные пиксели.
- Назови два растровых и два векторных редактора. Растровые: Paint, Paint.NET. Векторные: Corel Draw, Adobe Illustrator.
- В каком редакторе лучше обработать фото с телефона? В растровом, например в Paint.NET.
Решаем упражнения
№ 1
(задание без номера в учебнике: «Примени на практике») По очереди запусти редакторы Paint.NET и Photo-Brush. Где искать их значки?
Как думать. Программы запускают значком (ярлыком) на рабочем столе или через список всех программ в меню «Пуск».
Как сделать.
- Найди на рабочем столе значок Paint.NET и дважды щёлкни по нему. Если значка нет, открой меню «Пуск» и найди программу в списке «Все программы» (или набери её название в поиске).
- Закрой окно или сверни его, затем так же запусти Photo-Brush.
- Если Photo-Brush на компьютере нет, для сравнения подойдёт бесплатный векторный редактор Inkscape.
Ответ: программы запускают двойным щелчком по ярлыку на рабочем столе или из списка «Все программы» меню «Пуск».
№ 2
(задание без номера в учебнике: «Анализ», работа в группе) Откройте оба окна и сравните их. Чем похожи и чем отличаются расположение инструментов? Какой интерфейс понравился больше и почему?
Как думать. Пройдите по окну сверху вниз: строка заголовка, меню, панель с кнопками, инструменты, холст, палитра или панели справа.
Пример ответа.
- Сходство: у обоих сверху строка с названием файла и меню (Файл, Правка, Вид, Изображение и т. д.), под ним панель кнопок, посередине рабочая область с картинкой, есть панель цветов.
- Различия: в Paint.NET инструменты стоят столбиком слева, а палитра — отдельным окошком справа (рис. 2). В Photo-Brush основные инструменты собраны внизу под картинкой, слева список готовых действий, справа панели кистей, цвета и камеры (рис. 3).
- Выбор: «Мне больше понравился Paint.NET: окно светлое, инструментов немного, и сразу понятно, где что».
Ответ: окна устроены похоже (меню, панель инструментов, холст, цвета), но инструменты расположены в разных местах; выбор интерфейса — свой, с объяснением.
№ 3
(задание без номера в учебнике: «Синтез», индивидуальная работа) В обеих программах нарисуй простой лист растения, увеличь масштаб и сохрани. Чем отличаются изображения листа? Где лист получился удачнее?
Как думать. Вспомни, как каждая графика «хранит» рисунок: пиксели или линии.
Как сделать.
- Нарисуй контур листа и прожилку, закрась зелёным.
- Увеличь масштаб в несколько раз (например, до 800%).
- Сохрани файл: «Файл» → «Сохранить как…», придумай имя.
Что должно получиться. В растровом редакторе края листа при увеличении становятся «ступеньками» из квадратиков. В векторном редакторе (например, Inkscape) контур остаётся гладким.
Ответ: в растровом редакторе при увеличении видны пиксели, в векторном линии остаются ровными; для простого рисунка-листа удачнее вектор.
№ 4
(задание без номера в учебнике: «Оценка», работа в паре) Оцените возможности инструментов Paint.NET и Photo-Brush.
Как думать. Составьте вдвоём табличку: что умеет каждая программа и для чего это удобно.
Пример ответа.
| Paint.NET | Photo-Brush | |
|---|---|---|
| Рисовать | кисть, карандаш, фигуры, текст | кисти, штамп, заливка, готовые картинки |
| Обрабатывать фото | яркость, контраст, «красные глаза», чёткость, эффекты | превращает фото в рисунок, улучшает качество, цветовой баланс |
| Удобство | простой интерфейс, бесплатный | много панелей, нужно привыкнуть |
Ответ: обе программы хорошо обрабатывают изображения; Paint.NET проще и бесплатный, у Photo-Brush больше художественных возможностей.
№ 5
(задание без номера в учебнике: «Домашнее задание») Нарисуй в Paint.NET простой рисунок по шагам (утёнок, рис. 4) и сохрани. Увеличь масштаб до 800%. Что ты заметил? Запиши рассуждения и вывод в тетрадь.
Как думать. Paint.NET — растровый редактор, значит, рисунок состоит из пикселей.
Пример записи в тетради.
- Я нарисовал утёнка из овала и круга и раскрасил его.
- При увеличении до 800% края стали «ступенчатыми», видны отдельные квадратики.
- Каждый квадратик — пиксель одного цвета.
Ответ: при увеличении видно, что рисунок состоит из пикселей; вывод — Paint.NET создаёт растровые изображения.
👨👩👧 Родителю. Если дома нет Paint.NET, подойдёт обычный Paint из Windows: в нём тоже можно нарисовать утёнка и увеличить масштаб. Paint.NET бесплатный, его скачивают с официального сайта программы.
Шпаргалка
- Растр: Paint, Paint.NET, Photoshop, GIMP. Вектор: Corel Draw, Illustrator, Inkscape.
- Растр при увеличении «рассыпается» на квадратики, вектор остаётся чётким.
- Форматы Paint.NET: PNG, JPEG, BMP, GIF, TGA, DDS, TIFF.
Термины: графический редактор, растровая графика, векторная графика, пиксель, масштаб, изображение (кескін, image), цифровое фото (цифрлық фотосурет, digital photo).