3D коробка в Inkscape

В этом уроке мы рассмотрим создание реалистичной 3D коробки при помощи Inkscape. Нарисовать такую коробку в Inkscape очень просто, в то же время на выходе мы получаем очень реалистичный результат. Те же приемы можно использовать очень широко — например, для создания 3D зданий и других объектов схожей формы, дорисовывая необходимые детали.

Урок разбит на 6 простых шагов, использовалась версия Inkscape 0.46.

Урок по рисованию в Inkscape 3D коробки
1

Для начала используйте инструмент для рисования кривых Безье (Shift+F6), чтобы нарисовать большой плоский треугольник. При желании до создания треугольника можете разместить на холсте направляющие, как показано на рисунке (сделать это можно, просто потянув за горизонтальную или вертикальную линейки, находящиеся между панелями инструментов и рабочей областью в Inkscape). Убедитесь, что бОльшая сторона треугольника горизонтальна. Эта линия будет нашим горизонтом, в котором будут пересекаться в перспективе наши параллельные линии (которые, как известно, не пересекаются 🙂 ). Проведите внутри треугольника еще две линии, как показано на рисунке ниже. Отрезки этих линий, как и отрезки сторон треугольника, станут сторонами нижнего основания (дна) нашей коробки.

Подготавливаем основу для дна коробки
2

Выделите все линии и объедините их в группу (Ctrl+G). Создайте дубликат этой группы нажатием комбинации Ctrl+D. Не снимая выделения с дубликата, масштабируйте полученную группу по вертикали вверх, как показано на приведенном рисунке. Эта группа послужит основой для создания верхнего основания (крышки) нашей коробки.

Подготавливаем в Inkscape основу для крышки коробки
3

Теперь у нас обозначены все 8 углов нашей коробки. Используя тот же инструмент Inkscape для рисования кривых Безье (Shift+F6), соедините между собой сначала точки 1-2-3-4, затем 1-4-6-7, затем 3-4-6-5, как показано на рисунке ниже. Таким образом, мы создали три видимые стороны нашей коробки.

Создаем три видимые стороны коробки
4

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

Удаляем вспомогательные элементы
5

Выделите все три стороны и выполните операцию Контур → Объединить (Ctrl+K). После этого выделите получившуюся фигуру и выберите инструмент для редактирования узлов контуров (F2). После этого откройте диалог выравнивания объектов (Shift+Ctrl+A). Используйте первые две кнопки в самой нижней части этого диалога (Узлы) для того, чтобы соединить узлы в точках 1, 3, 4 и 6 вместе.

Объединяем контуры между собой и выравниваем между собой вершины
6

Напоследок разъедините три стороны коробки на отдельные части при помощи пункта меню Inkscape Контур → Разбить (Shift+Ctrl+A) и создайте на каждой грани иллюзию игры тени и света для большей реалистичности. Это легко сделать, задав каждой грани линейный градиент на вкладке Заливка диалога Inkscape (Заливка и обводка Shift+Ctrl+F, после чего поиграться с регуляторами градиента, выбрав соответствующий инструмент (Ctrl+F1).

Снова разбиваем в Inkscape объект на отдельные контуры, назначаем каждой грани свой градиент