Векторная графика и цветовые модели

Почему простой значок можно напечатать размером с плакат и сохранить чёткие края? Из каких частей его составить и как объяснить его цвет для экрана и печати? Сначала сделай предположение, затем проверь его по моделям ниже.

Цель и учебник

Основа урока — § 20 «Понятие векторной графики» учебника В. М. Котова и А. И. Лапо (2025), печатные с. 141–146. Вопросы 1–6 и упражнения на с. 146 вернутся в конце урока. Название этого урока уточняет его две части: векторное изображение и цветовые модели. По программе информатики VII класса РБ на 2026/2027 год это начало темы 4 «Работа с векторной графикой» (8 часов).

К концу урока ты сможешь разложить простой рисунок на независимые графические примитивы, объяснить, что меняется при увеличении растрового и векторного файла, и выбрать модель цвета для экрана или обычной цветной печати. Отдельный рабочий лист даёт личную попытку; ответы проверяй после неё.

Два способа хранить изображение

В 6-м классе ты создавал растровые изображения. Растр хранит сетку пикселей с их цветами. Если увеличить готовую маленькую картинку, её конечное число пикселей станет заметным: программа может сгладить края, но не восстановит отсутствующие детали фотографии.

Компьютерная графика — область информатики, которая изучает создание и обработку изображений средствами компьютера. Векторная графика описывает изображение геометрическими фигурами, или графическими примитивами. У фигуры есть форма, положение и цвет; программа вычисляет её отображение для нужного размера. Отдельные части можно изменить независимо. На экране даже векторный рисунок в конце выводится пикселями.

Учебник называет достоинствами векторной графики небольшой файл, преобразования без искажений, быстрое рисование, независимое редактирование частей и точность. Это типичные достоинства для подходящего рисунка, а не обещание для всякого файла: очень сложный рисунок может быть большим; растровая вставка внутри векторного документа останется растровой. Слово «без искажений» относится к пересчёту геометрических контуров, но не к бесконечному появлению новых деталей. Фотореалистичную фотографию обычно сохраняют растром.

Графические примитивы

Графический примитив — независимый объект изображения: линия, прямоугольник, окружность, эллипс, многоугольник, звезда или кривая. Название «примитив» означает простую составную часть, а не «плохой» рисунок. В примерах 20.1–20.3 учебника есть наложенные фигуры, их изменение и взаимное расположение.

Посмотри на левый домик: корпус — прямоугольник, крыша — треугольник, дверь и окно — ещё два прямоугольника. Если цвет крыши изменить, остальные части можно оставить прежними. Порядок наложения важен: крыша видна перед корпусом, а дверь расположена на нём. На правом знаке видны круги и звезда. Практическую работу в редакторе мы начнём на следующих уроках; сейчас важно спроектировать состав рисунка на бумаге.

В графической системе координат из § 20 начало находится в верхнем левом углу; направление X — вправо, направление Y — вниз. Поэтому объект можно расположить точнее, чем словами «где-то посередине». Не путай эту схему с обязательным устройством интерфейса конкретной программы.

Цветовая модель описывает цвет числами

Цветовая модель — способ описывать цвет с помощью нескольких компонентов. Она отвечает на вопрос о цвете, а вид графики — на вопрос о строении изображения. И растровый, и векторный рисунок могут использовать цвета RGB. Поэтому неверно говорить «вектор = CMYK, растр = RGB».

В модели RGB компоненты — красный (R, Red), зелёный (G, Green) и синий (B, Blue) свет. На экране их свет складывается. В привычной 8-битной записи каждый компонент имеет значение от 0 до 255: (0, 0, 0) — чёрный, (255, 255, 255) — белый, (255, 0, 0) — яркий красный. Не всякий экран точно показывает один и тот же оттенок: важны устройство и настройки. Иллюстрация показывает принцип источников света, а точные значения записаны здесь текстом.

CMYK описывает цветную печать красками: голубой (C, Cyan), пурпурный (M, Magenta), жёлтый (Y, Yellow) и чёрный (K, Key). Краски поглощают часть падающего света; поэтому смешение для печати работает иначе, чем сложение световых лучей на экране. В практике чёрную краску добавляют для глубоких тёмных участков и удобной печати. Четыре цветные формы на иллюстрации — условная схема слоёв печати, не фотография оборудования и не точный отпечаток.

Проверь понимание: один и тот же простой значок хотят показать на школьном сайте и напечатать в буклете. Его фигуры могут остаться векторными в обеих версиях. Для экранного показа нужен вывод света по RGB; при подготовке к четырёхкрасочной печати применяют CMYK. После преобразования оттенок может отличаться, поэтому сравни пробный отпечаток с экраном. Это две независимые оси выбора: способ хранения рисунка и способ описания/воспроизведения цвета.

Где это пригодится

Схемы, знаки, логотипы и чертежи часто удобно собирать из объектов. В § 20 приведены также полиграфия, архитектура и проектирование. Разным размерам одного простого знака помогает векторное описание. Но если внутрь знака вставлена фотография, она не получает новые детали от увеличения всего документа.

Личная попытка

Открой рабочий лист из карточки материалов урока. За 9 минут обязательно выполни Л1 (хранение и увеличение) и Л3 (RGB/CMYK). Если осталось время, переходи к Л2 (свой знак из примитивов) и Л4 (фото внутри векторного файла); их можно продолжить дома. После собственной попытки можно взять карточку помощи на других примерах. Для быстрого переноса есть отдельная дополнительная практика. В конце по сигналу открой выходной билет: на Б1–Б3 и сдачу отдельно от листа отведено 9 минут. Лист оставь себе для исправления.

Вернись к шести вопросам § 20, с. 146: что называют векторной графикой; что такое цветовая модель и как в ней воспроизводят цвет; какая модель лежит в основе монитора; что называют графическим примитивом; как называются программы для векторной графики. В упражнении на с. 146 найди примитивы в изображении петуха; затем набросай в тетради домик, цветок или кошку из фигур. Собственные задания MediaSchool используют другие композиции, чтобы проверять перенос, а не память о готовой картинке.

Домашняя карточка предлагает спроектировать маленький знак для библиотеки и объяснить два варианта его применения. Если нет принтера или компьютера, достаточно тетради. На следующем уроке познакомимся с интерфейсом векторного редактора; здесь знание кнопок Inkscape не требуется.