ИНФОРМАТИКА · 7 КЛАСС
Векторная графика · Интерактивный конспект

§ 22. Понятие векторной графики

Разберём, из чего состоит векторное изображение, как оно масштабируется и чем отличается от растрового. Научимся выбирать способ представления под задачу.

Попробовать на модели ↓
Разбираемся в теме

Основные пункты параграфа

1

Растр и вектор: два способа хранения

Сравните одинаковый рисунок при увеличении.

НАБЛЮДАЙТЕ И ПРОБУЙТЕ

Один рисунок, два представления

Измените параметры, предскажите результат и сравните с объяснением модели.

Растровое изображение состоит из пикселей. Каждый пиксель имеет определённый цвет и место в сетке. Векторное изображение описывается геометрическими объектами: линиями, прямоугольниками, эллипсами, кривыми. Для объекта сохраняются координаты, размеры, заливка и обводка. Круг можно описать центром и радиусом, не перечисляя каждый пиксель его внутренней области.

Растр

Удобен для фотографий, сканов и изображений со множеством тонких цветовых переходов.

Вектор

Удобен для схем, значков, чертежей, логотипов и иллюстраций из геометрических форм.

Главная мысль: Растр хранит сетку пикселей, вектор — описание объектов и их свойств.
2

Объекты, координаты и свойства

Один рисунок можно собрать из нескольких независимых фигур.

НАБЛЮДАЙТЕ И ПРОБУЙТЕ

Измените свойства объекта

Измените параметры, предскажите результат и сравните с объяснением модели.

Прямоугольник задают положением, шириной и высотой. Эллипс — положением и двумя размерами. У многоугольника важны вершины, у кривой — узлы и управляющие точки. Фигуры можно перемещать и изменять по отдельности, пока они остаются отдельными объектами.

СвойствоЧто изменится
КоординатыПоложение на рисунке
Ширина и высотаРазмеры и пропорции
ЗаливкаВнутренняя область
ОбводкаЦвет и толщина границы
Главная мысль: Положение, геометрия, заливка и обводка — разные свойства объекта.
3

Масштабирование и выбор формата

Отделяйте увеличение просмотра от изменения объекта.

НАБЛЮДАЙТЕ И ПРОБУЙТЕ

Увеличьте изображение

Измените параметры, предскажите результат и сравните с объяснением модели.

При увеличении растрового рисунка исходных пикселей не становится больше. Программа растягивает их или вычисляет промежуточные цвета, но не восстанавливает утраченные детали. Векторный контур вычисляется заново, поэтому его можно использовать и на маленькой наклейке, и на большом плакате.

Это не означает, что вектор всегда лучше или занимает меньше места. Сложная иллюстрация может содержать тысячи объектов. SVG способен включать растровые картинки: такая вставка сохраняет ограничения своего исходного разрешения.

  1. Выберите задачу

    Для фото обычно нужен растр; для схемы и изменяемых фигур — вектор.

  2. Сохраните оригинал

    Оставьте редактируемый исходник, например SVG.

  3. Подготовьте копию

    Для нужного приложения экспортируйте PNG с подходящими размерами в пикселях.

Главная мысль: Геометрическое описание позволяет заново построить контур при любом масштабе.
4

Цвет: RGB и CMYK

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

НАБЛЮДАЙТЕ И ПРОБУЙТЕ

Смешайте свет RGB

Измените параметры, предскажите результат и сравните с объяснением модели.

В распространённой записи RGB каждая из трёх составляющих — красная, зелёная и синяя — принимает целое значение от 0 до 255. RGB(0, 0, 0) даёт чёрный, RGB(255, 255, 255) — белый, RGB(255, 0, 0) — красный. Равные составляющие дают оттенки серого.

CMYK использует голубую, пурпурную, жёлтую и чёрную краски: Cyan, Magenta, Yellow, blacK. Чёрный компонент нужен, в частности, для качественного чёрного текста. Цвет на бумаге и экране может различаться: устройства, краски и бумага имеют разные возможности.

Главная мысль: RGB связан со смешением света; CMYK — с красками при печати.
Интерактивная практика

Исследуйте и примените

Проверьте модель на нескольких наборах данных, затем выполните самостоятельное задание.

НАБЛЮДАЙТЕ И ПРОБУЙТЕ

Лаборатория: примените и проверьте

Измените параметры, предскажите результат и сравните с объяснением модели.

Соберём главное

Шесть выводов

01

Растр хранит сетку пикселей, вектор — описание объектов и их свойств.

02

Положение, геометрия, заливка и обводка — разные свойства объекта.

03

Геометрическое описание позволяет заново построить контур при любом масштабе.

04

RGB связан со смешением света; CMYK — с красками при печати.

05

Вектор удобен для схем и редактируемых фигур, растр — для фотографий; размер файла зависит от содержания и способа хранения.

06

RGB использует красный, зелёный и синий свет; CMYK — голубую, пурпурную, жёлтую и чёрную краски.

Самопроверка

Тест: 10 вопросов

Один верный ответ. За ответ — 0,5 балла. Откройте и проверьте себя.

1. Что хранит векторный рисунок?

2. Из чего состоит растр?

3. Что удобно создавать в векторе?

4. Что задаёт заливка?

5. Что задаёт обводка?

6. Увеличение растра восстанавливает недостающие детали?

7. Вектор всегда занимает меньше места?

8. Что означает RGB?

9. Какой цвет RGB(255,255,255)?

10. Сколько основных компонентов у CMYK?

ВыводыТестВ началоВсе параграфы
↑

Загрузка прогресса…