Векторная графика

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

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

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

Векторная графика

Способ представления изображения с помощью геометрических фигур (линий, кривых, многоугольников), которые описываются математическими формулами.

Растровая графика

Способ представления изображения в виде сетки пикселей (точек), каждая из которых имеет свой цвет.

Геометрический примитив

Простая фигура (отрезок, окружность, прямоугольник), из которых строится векторное изображение.

Контур

Линия, ограничивающая фигуру; может быть замкнутой или разомкнутой.

Заливка

Цвет или узор, которым заполнена внутренняя область замкнутой фигуры.

Узел (опорная точка)

Точка на контуре, которая определяет его форму; перемещая узлы, можно изменять фигуру.

Кривая Безье

Плавная кривая, которая задаётся двумя опорными точками и управляющими линиями; используется для создания сложных форм.

• Векторное изображение описывается координатами точек и формулами кривых, а не массивом пикселей.
• При масштабировании векторного изображения качество не теряется: картинка пересчитывается заново для нового размера.
• Форматы векторной графики: SVG (для веба), EPS (для печати), PDF (универсальный), CDR (CorelDRAW), AI (Adobe Illustrator).
• Векторные изображения занимают мало места, если состоят из простых фигур, но могут «разрастаться» при большом количестве деталей.
• Каждый объект векторного изображения можно редактировать отдельно: изменить цвет, форму, размер, поворот.
• Векторная графика не подходит для фотореалистичных изображений (например, фотографий), так как они требуют миллионов цветовых переходов.

1. Пример 1случай
   • Если нарисовать круг в векторном редакторе, то он хранится как координаты центра и радиус
   • При увеличении круг останется гладким, потому что программа пересчитает его размер
2. Пример 2случай

   Логотип на сайте

   Пояснение

   • когда вы увеличиваете страницу, логотип не размывается, потому что он векторный
3. Пример 3случай

   Чертёж детали в инженерной программе

   Пояснение

   • это векторные линии, поэтому его можно печатать на бумаге любого размера без потери точности
4. Пример 4случай

   Карта города в навигаторе

   Пояснение

   • дороги и здания — векторные объекты, поэтому при приближении карта остаётся чёткой

• Шрифты на компьютере — это векторные изображения: каждая буква описана кривыми, поэтому её можно увеличить до любого размера без «лесенки».
• Логотипы крупных компаний (например, Apple, Nike) хранятся в векторном формате, чтобы их можно было печатать на визитках и билбордах одинаково чётко.
• Первые векторные дисплеи использовались в радарах и осциллографах: линии рисовались электронным лучом, а не пикселями.

• Растровая графика (урок 28)
• Форматы графических файлов
• Компьютерная графика: основные понятия