Работу в векторных графических редакторах можно представить как создание фигур (объектов) нужной формы и задание им определённых заливок и обводок (абрисов) (пример 22.1).

Рассмотрим технологию создания фигур в редакторе Inkscape.
Начинать работу над созданием векторного изображения необходимо с определения:

1. набора фигур, из которых будет состоять изображение;
2. стиля и цвета обводки;
3. стиля заливки;
4. взаимного расположения фигур.

22.1. Создание фигур

Прямоугольники создают с помощью инструмента Прямоугольники и квадраты . Прямоугольник строят, перемещая указатель мыши по холсту и удерживая левую кнопку мыши. Если при этом удерживать клавишу Ctrl, то получится квадрат. Если при рисовании прямоугольника удерживать клавишу Shift, то начальная точка прямоугольника будет соответствовать не вершине,
а центру (пример 22.2). Квадратные маркеры в противоположных углах служат для изменения размера прямоугольника, а круглый маркер в верхнем правом углу позволяет управлять сглаживанием углов (пример 22.3).

Сглаживание (закругление) угла — замена угла на часть окружности или эллипса, вписанного в этот угол.

Заменить угол частью окружности можно перетащив круглый маркер вниз. При этом появится второй маркер. Перемещение каждого из маркеров позволяет заменять угол частью эллипса.

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

Для рисования эллипсов и кругов нужно выбрать инструмент Круги, эллипсы и дуги . Эллипсы и круги можно превращать в секторы, сегменты и дуги (пример 22.4). Рисуются эллипсы и круги так же, как и прямоугольники. При удержании клавиши Shift начальная точка рисования будет соответствовать центру эллипса.

Для рисования звёзд и многоугольников используется инструмент Звёзды и многоугольники (пример 22.5). Начальная точка соответствует центру звезды, конечная — одной из её вершин. Определить тип фигуры (звезда или многоугольник) можно на панели свойств инструмента, на которой есть два значка с соответствующим изображением многоугольника и звезды: 

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

• Shift — позволяет управлять сглаживанием углов звезды (пример 22.6);
• Alt — все вершины звезды или многоугольника будут перемещаться в произвольном порядке (пример 22.7);
• Ctrl узлы звезды или многоугольника будут перемещаться строго по прямой линии.

Сбросить значения свойств инструмента к значениям по умолчанию можно с помощью кнопки, расположенной в правой части панели свойств — .
Для рисования произвольных кривых используется инструмент Карандаш . При его использовании нужно нажать левую кнопку мыши в начальной точке рисования и, не отпуская, переместить курсор, проводя линию.

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

Для инструмента Карандаш можно установить степень сглаживания: . Чем выше значение сглаживания, тем более гладкой будет кривая (пример 22.8).

Для создания кривых и прямых линий предназначен инструмент Кривая Безье и прямые линии. Рисуя прямую, нужно нажать левую кнопку мыши в начальной точке и переместить курсор. При этом за курсором будет следовать прямая линия от её начала. Завершается рисование линии двойным щелчком или щелчком сначала левой, а потом правой кнопкой мыши в точке окончания линии. Линия изменит цвет на чёрный, и на её конце появится квадратный маркер (пример 22.9).

Создание кривой линии описано в примере 22.10.

22.2. Редактирование фигур

Инструментом Выделить и трансформировать выделяют фигуры (пример 22.11). Выделенные фигуры можно:

• удалять клавишей Delete; перемещать в рабочей области (с помощью Ctrl строго по горизонтали или вертикали);
• масштабировать (Ctrl позволяет сохранить пропорции);
• отражать горизонтально (клавиша Н) и вертикально (клавиша V);
• поворачивать; наклонять.

После выделения вокруг фигуры появляется восемь двунаправленных стрелок, и объект можно удалять, перемещать и масштабировать.

Группа фигур выделяется при нажатой клавише Shift. Щелчок по выделенному в группе объекту исключает его из выделения. Нажатие клавиши Esc снимает всякое выделение, а комбинация клавиш Ctrl + А выделяет все объекты.

Форму объекта меняют с помощью инструмента Редактировать узлы контура (пример 22.12). После выбора этого инструмента по контуру выделенной фигуры отображаются маркеры узлов (пример 22.12).

22.3. Обводка и заливка

Обводка — линия, ограничивающая фигуру.

Для обводки можно определять:

1. толщину;
2. стиль (сплошной, пунктирный, штрихпунктирный);
3. стрелки (маркеры);
4. цвет.

Рассмотрите пример 22.13.

Заливкой называется закрашивание внутренней области фигуры.

Заливка фигуры может быть сделана одним из нижеперечисленных способов:

1. сплошным цветом;
2. градиентом;
3. текстурой из набора декоративных заливок, в которых используются заранее созданные авторами программы заготовки.

Рассмотрите пример 22.14.

Цветовой градиент — плавный переход одного цвета в другой.

В редакторе Inkscape изменить обводку и заливку фигур можно в диалоговом окне Заливка и обводка или с помощью палитры.
Окно открывается по команде главного меню редактора Объект —» Заливка и обводка (пример 22.15). В этом окне можно выбрать цветовую модель, настроить цвет и его прозрачность.

В палитре цвет заливки изменяется щелчком мыши по образцу цвета. Для изменения цвета обводки щелчок производится при нажатой клавише Shift.

Объекту можно назначить отсутствие обводки и заливки с помощью красного крестика в левой части палитры. Градиентную заливку можно применять и к обводке.

22.4. Работа с цветом

Задавать цвет в окне Заливка и обводка удобно, меняя цифровые значения основных цветов (пример 22.16).
Для заливки замкнутой области используется инструмент Заливка  (пример 22.17). При необходимости использования цвета, который уже присутствует в какой-либо части изображения на холсте, используется инструмент Пипетка .

Для создания градиентных заливок предназначен инструмент Градиент  . На панели свойств инструмента можно выбрать вид градиента (линейный, радиальный) и к чему он будет применён (заливка, обводка). При переходе от сплошной заливки к градиенту создаётся настройка градиента, которая использует текущий цвет с переходом от непрозрачного к прозрачному.
Цвета градиента настраиваются при помощи опорных точек (пример 22.18). Количество точек соответствует количеству цветов в градиенте. Опорные точки можно добавлять или удалять. Добавляется опорная точка двойным щелчком мыши по линии
градиента. Удаляется выделенная опорная точка с помощью клавиши Delete.

Состояние опорной точки определённого цвета:

— невыделанная (неактивная);
 — выделенная (активная, текущая, выбранная);
 — наведённая (под указателем мыши).

Начальная точка — центр прямоугольника (при нажатой клавише Shift)

Пример 22.3. Использование инструмента Прямоугольники и квадраты.

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

Пример 22.4. Использование инструмента Круги, эллипсы и дуги.

Чтобы нарисовать сектор, нужно потянуть круглый маркер вверх. Появится другой круглый маркер, перемещением которого вниз можно задать нужный угол сектора.

Если попробовать переместить круглый маркер внутрь эллипса, то окружность заменится дугой.

Чтобы заменить дуги на сегмент или на сектор, а также чтобы вернуться к эллипсу, следует воспользоваться кнопками на панели свойств инструмента:

Пьер Безье разработал метод вычерчивания кривых в 1960 г., работая в автомобилестроительной фирме «Рено».

Пример 22.11. Использование инструмента Выделить и трансформировать.

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

Пример 22.12. Использование инструмента Редактировать узлы контура.

1. Нарисовать графический примитив.
2. Выбрать инструмент и настройку (преобразовать в контур).
3. Перемещая узлы, изменить контур. При необходимости добавить или удалить узлы, сгладить или сделать острыми, используя инструменты панели свойств:
    — добавить узел;
    — удалить узел;
    — сделать выделенные узлы сглаженными;
    — сделать выделенные узлы острыми.

Пример 22.13. Стили обводки фигур и стрелки.

Пример 22.14. Способы заливки.

  Пример 22.15. Окно Заливка и обводка.

Изменение стиля обводки

Изменение заливки

Пример 22.16. Настройка цвета в цветовой модели RGB.

Пример 22.17. Использование инструмента Заливка.

 

Пример 22.18. Использование инструмента Градиент.

Для линейного градиента все опорные точки расположены на одной прямой.

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

Радиальный градиент имеет центральную опорную точку, которая является начальной. Из неё выходят две линии градиента.