Сегодня мы будем учиться создавать иллюстрации из кривых.  Для достижения поставленной цели можно воспользоваться инструментами Рисовать произвольные контуры или инструментом Рисовать кривые Безье и прямые линии.

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

Редактирование кривых

Важнейшими элементами кривых являются узлы и траектории.

Узлы становятся видимыми, если выбрать инструмент Редактировать узлы контура или усы узлов и щёлкнуть мышью на кривой. Именно в узле кривая меняет своё направление.

На рисунке представлена кривая (слева) и она же в режиме
редактирования узлов (справа).

Создавая кривую, пользователь водит курсором мыши по экрану, а Inkscape следит за изменениями формы кривой и расставляет узлы.

Траектория — линия, которая соединяет два узла. В любой момент времени можно изменить местоположение узла и форму траектории.

Прежде чем начать редактирование кривой, необходимо выбрать инструмент Редактировать узлы контура или усы узлов и щёлкнуть мышью на кривой.
 

Задание 1. Изменить форму участка кривой:

1. Установить курсор мыши на узле или траектории кривой.

2. Нажать кнопку мыши и, не отпуская её, перемещать курсор по рабочему полю (на рисунке кривая до и после редактирования).

Задание 2. Выделить узел: щёлкнуть левой кнопкой мыши на узле. Выделенный узел окрасится в синий цвет.

Задание 3. Выделить группу узлов.

1 способ

1. Выделить первый узел.
2. Щелкнуть мышью при одновременно нажатой клавише <Shift> на втором, третьем узле и т.д.

2 способ
1. Растянуть рамку вокруг выделяемой группы узлов.

Задание 4. Отменить выделение узлов: щёлкнуть мышью в любом месте экрана.

Задание 5. Отменить выделение одного узла из группы выделенных узлов: щёлкнуть кнопкой мыши на узле при нажатой клавише <Shift>.

Если рисунок создаётся инструментом Рисовать произвольные контуры, на контуре кривой появляется большое количество узлов. Такую кривую достаточно сложно редактировать, так как сложно изменить форму кривой между близко расположенными узлами. Желательно, чтобы эскиз содержал минимально необходимое количество узлов.

Этого можно достичь двумя способами:

1. Создавать эскиз в виде ломаной (используя инструмент Рисовать кривые Безье и прямые линии),

2. Увеличить параметр сглаживания при создании кривых, чтоб получились достаточно простые контуры.

3. Упростить контур.

Задание 6. Изменить параметр сглаживания инструмента Рисовать произвольные контуры.

1. Щёлкнуть на пиктограмме инструмента Рисовать произвольные контуры в панели инструментов.

2. В окне свойств инструмента установить параметр сглаживания, равный 100 (по умолчанию 4). Это позволит уменьшить число узлов при создании кривых.

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

Задание 7. Упростить созданный контур.

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

2.  Создать копию этой кривой.

3. Выделить вторую кривую инструментом Редактировать узлы
контура и усы узлов.

4. Выполнить команду Контуры — Упростить или нажать сочетание клавиш <Ctrl>+L. Количество узлов уменьшится.

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

На рисунке (см. выше) представлены исходная фигура (слева) и фигуры, полученные путём применения команды Упростить к исходной фигуре.

При редактировании кривой мы имеем дело с тремя типами узлов:

• Острые узлы,
• Сглаженные узлы,
• Симметричные узлы

В остром узле изменение формы одной траектории не влияет на форму другой.

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

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

Задание 8. Изменить тип узла.

1. Выделить узел.

2. Щёлкнуть на одной из кнопок на панели свойств.

Обратите внимание, как тип узла влияет на изменение прилегающих к нему траекторий. Поэкспериментируйте со всеми типами узлов.

Задание 9. Добавить узел.

1. Дважды щёлкнуть на том месте кривой, куда должен быть добавлен узел.

2. Щёлкнуть на кнопке "Вставить новые узлы в выделенные сегменты" панели свойств.

Задание 10. Удалить узел.

1. Выделить узел, который нужно удалить, и нажать сочетание клавиш <Shift>+<Del>.

2.  Щёлкнуть на кнопке "Удалить выделенные узлы" панели свойств.

Задание 11. Разорвать кривую.

1. Выделить узел, в котором произойдёт разрыв кривой.

2. Щёлкнуть на панели свойств на кнопке "Разорвать контур в выделенном узле". Теперь на месте выделенного узла получились два узла, которые можно развести.

Задание 12. Замкнуть кривую.

1. Нажав клавишу <Shift>, выделить начальный и конечный узлы кривой, которые надо соединить, чтоб замкнуть кривую.

2.  Щёлкнуть на панели свойств на кнопке "Соединить контуры".  Теперь конечные точки кривой соединились траекторией кривой.

Нажатие на кнопку "Соединить выделенные узлы" на панели свойств тоже замыкает кривую, но две конечные точки соединяются в одну, которая располагается на воображаемом отрезке, соединявшем 2 конечные точки незамкнутой кривой.

Задание 13. Объединить две кривые.

1. Выделить кривые инструментом Выделение и трансформация объектов.

2. Выполнить команду Контуры — Объединить (<Ctrl>+K). Теперь кривые образуют единый контур.

3. Выбрать инструмент Рисовать кривые Безье и прямые линии.

4. Выделить на каждой кривой по одному узлу (именно в этих узлах произойдёт объединение кривых).

5. Щёлкнуть на панели свойств на кнопке "Соединить контуры по выделенным оконечным узлам новым сегментом"

6. Аналогично выполнить соединение другой пары конечных улов.

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

Практическая работа

1. Выбираем инструмент «Текст» и пишем любую цифру.


2. Переводим текст в кривые. Для этого выбираем инструмент «редактировать узлы».

3. В контекстном меню, которое открылось сверху жмем «Преобразовать выбранный объект в контур». Мы получили с вами теперь векторное изображение.

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


И так, цифра перекрашена. Теперь будем дорисовывать ей объем.

5. Для начала фигуре добавим обводку. Для этого идем в меню "Объект" - Заливка и обводка, откроется панель с настройками, где вы сможете задать нужные вам параметры.

6. Создадим новый слой под слоем с цифрой 5: Меню "Слой" - Новый слой. После того как вы нажали создать новый слой появится окошко, где мы вводим имя слоя, чтобы знать как он называется и его положение – под текущим слоем и жмем добавить. Убедитесь, что находитесь на только что созданном слое, где мы будем работать.


7. Выбираем инструмент «Рисовать кривые Безье» и рисуем нашу цифру. Вы ставите первую точку, отпускаете правую кнопку мыши, затем вторую, если кривую надо изогнуть , то не отпуская правую кнопку мыши тянете в нужном направлении и так до тех пор пока не замкнете контур.

Вот что у меня получилось.

8. Переходим в меню "Объект" - Заливка и обводка на вкладку «Стиль обводки» и меняем толщину линии. Далее переходим на вкладку «Заливка» и изменяем цвет нашей фигуры.

9. Так дорисовываем цифру, чтоб она была похожа на объемную. Если вы нарисовали фигуру, но не совсем точно, как вам бы хотелось, то ее можно редактировать. Для этого выбираем инструмент редактировать узлы. На изображении появятся все опорные точки, которые можно изменять.

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

Таким образом, получилась вот такая циферка, в качестве декора добавили еще кружочки.

Сохраните на память себе это изображение через меню "Файл" - Экспортировать в растр.

Упражнение для самостоятельного выполнения:
 

Возьмите любой объект (букву, фигуру, векторную картинку) и с помощью инструментов «Рисовать кривые Безье»,  "Редактировать узлы" и "Заливка и обводка" дорисуйте ей объем (по аналогии как мы изменили цифру "5"), например:

Результат выложите на проверку (используя "Добавление комментариев" к данной странице и "Прикрепление файла" в Вашем комментарии) под названием Объем_ФИО.png через меню "Файл" - Экспортировать в растр.