Лекция №8

1.

ВЕКТОРНАЯ
ГРАФИКА

2.

ВЕКТОРНАЯ ГРАФИКА — ЭТО ИЗОБРАЖЕНИЯ,
СФОРМИРОВАННЫЕ МНОЖЕСТВОМ ТОЧЕК, ОБЪЕДИНЕННЫХ
МАТЕМАТИЧЕСКИМИ СООТНОШЕНИЯМИ. КАЖДЫЙ ОБЪЕКТ —
ЭТО ВИЗУАЛИЗАЦИЯ МАТЕМАТИЧЕСКОЙ ФУНКЦИИ.
КАК В РАСТРОВОЙ ГРАФИКЕ ОСНОВНЫМ ЭЛЕМЕНТОМ
ИЗОБРАЖЕНИЯ ЯВЛЯЕТСЯ ТОЧКА, ТАК В ВЕКТОРНОЙ ГРАФИКЕ
ОСНОВНЫМ ЭЛЕМЕНТОМ ИЗОБРАЖЕНИЯ ЯВЛЯЕТСЯ ЛИНИЯ
(ПРИ ЭТОМ НЕ ВАЖНО, ПРЯМАЯ ЭТО ЛИНИЯ ИЛИ КРИВАЯ).

3.

Основными достоинствами векторной
графики являются:
• изменение масштаба без потери
качества и практически без
увеличения размеров исходного
файла;
• огромная точность (до сотой доли
микрона);
• небольшой размер файла по
сравнению с растровыми
изображениями;
• высокое качество печати;
• отсутствие проблем с экспортом
векторного изображения в
растровое;
• возможность редактирования
каждого элемента изображения в
отдельности.
Основные недостатки:
• сложность экспорта из растрового в
векторный формат;
• невозможность применения
обширной библиотеки эффектов,
используемых при работе с
растровыми изображениями

4.

ПРОГРАММЫ ДЛЯ РАБОТЫ
С ВЕКТОРНОЙ ГРАФИКОЙ
• Adobe Illustrator. Пользуется большой популярностью у иллюстраторов и
графических дизайнеров. Программа регулярно обновляется и
обзаводится новыми «фишками», такими как 3D-эффекты и возможность
наложения на объекты реалистичных текстур.
• Corel Draw. Программа, которая применяется чаще всего в полиграфии
для создания и печати афиш, визиток, листовок, баннеров. В Corel Draw
можно открыть файлы изображений, созданные в ПО от Adobe, тогда как
в Adobe Illustrator не получится открыть формат Corel Draw без
программ-конвертеров.
• Sketch. Популярное за рубежом приложение, которое позволяет
создавать не только векторные объекты, но и прототипы и дизайнмакеты сайтов и приложений.
• Figma. Графический кросс-платформенный онлайн-редактор, который
позволяет пользователям работать вместе в режиме реального времени.

5.

ФОРМАТЫ
ВЕКТОРНОЙ
ГРАФИКИ
• EPS — создавался для ранних версий
Adobe Illustrator на языке PostScript, но
активно используется по сей день и
поддерживается большинством
графических редакторов;
• AI — файлы проектов из Adobe
Illustrator, часто открываются только в
этой программе;
• SVG — популярный формат для вебизображений, так как написан на языке
XML-разметки и может
редактироваться прямо на сайте;
• SWF — формат для Flash Player,
программы для создания флешанимации.

6.

ЧТО ТАКОЕ КРИВЫЕ БЕЗЬЕ?
Кривые Безье используются в компьютерной
графике для рисования плавных изгибов, в
CSS-анимации и много где ещё.
Кривая Безье задаётся опорными точками.
Их может быть две, три, четыре или больше.

7.

Для построения кривой требуется 4 контрольные точки. Но кривая физически
проходит только через две из них, они получили название опорных. Одна из
этих точек называется начальной (start point), а другая – конечной (end point).
Две точки остаются в стороне, они получили название управляющих (control
point). Для того чтобы их не «потерять», в программах векторной графики
управляющие точки соединяются с опорными точками линией.

8.

Если перемещаются начальная или конечная точки, то кривая станет соответствующим образом
изменяться (вытягиваться или сжиматься как упругая резинка). Перемещение управляющих
точек изменяет кривизну соответствующей части кривой Безье.
Таким образом, с помощью перемещения
этих четырех точек получают
неограниченное количество форм кривой
Безье, которая может быть всегонавсего
одним отдельным сегментом сложного
векторного контура.
В каждом сегменте можно добавлять
опорные точки, которые тоже позволяют
изменять форму кривой. Добавление новых
опорных точек в пределах одного сегмента
кривой не противоречит тому условию, что
отдельные кривые соединяются в цепь.
Просто кривая Безье добавляется не к
концу контура, а размещается внутри уже
имеющегося контура.