Рисование Lego в Inkscape

В этом уроке мы будем заниматься строительством из кирпичиков Lego в Inkscape. И поможет нам в этом замечательная возможность в Inkscape — привязка к сетке, да еще и к аксонометрической. Эта возможность значительно упрощает создание сцен в аксонометрической проекции. Для начала мы нарисуем несколько простых блоков Lego, а потом построим из них целую сцену.

Рисование Lego в Inkscape

Настройка свойств документа

1

Откройте окно свойств документа (комбинация Shift+Ctrl+D, либо соответствующий пункт в меню File). На первой вкладке задайте документу размер 600×600 пикселей.

Свойства документа в Inkscape - размер страницы
2

Затем перейдите на вкладку Grids («Сетка»), выберите Axonometric grid и нажмите New. Вы получите новую сетку с некоторым набором настроек — просто повторите те же установки, которые вы видите на скриншоте ниже.

Свойства документа в Inkscape - аксонометрическая сетка
3

Активируйте привязку узлов к сетке, как это сделано на скриншоте ниже.

Настройка привязки к сетке в Inkscape

Рисование первого блока

1

Активируйте инструмент для рисования кривых Безье (клавиша B или сочетание Shift+F6). Теперь нарисуйте левую сторону вашего первого блока. С активированной привязкой к сетке это должно быть очень просто. Ширина контура не имеет особого значения (впоследствии мы избавимся от контура, оставив одну заливку).

Привязка контура к сетке в Inkscape
2

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

Рисование первого кирпичика Лего в Inkscape
3

Собственно, не будем затягивать и сразу назначим граням цвета. Откройте диалог заливки и обводки (Shift+Ctrl+F) и последовательно выделяя грани, назначьте каждой из них цвет. Вы можете воспользоваться цветами со скриншота или выбрать цвета на свой вкус.

Раскрашивание первого кирпичика Лего в Inkscape

Рисование коннекторов на блоке

1

Теперь увеличьте изображение, чтобы отобразились более мелкие ячейки сетки. Активируйте инструмент рисования эллипсов (E или F5). Нарисуйте базовое расположение каждого из четырех коннекторов. На словах тяжело объяснить, как лучше всего спозиционировать эти эллипсы, но вы можете воспользоваться иллюстрацией ниже в качестве подсказки. Как вы можете видеть, на ней также нарисованы пара дополнительных вспомогательных линий, которые помогут правильно разместить эллипсы. В этом случае будет удобно рисовать эллипсы от центра, для этого удерживайте Shift при рисовании.

Рисование эллипсов в Inkscape
2

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

Дублирование эллипсов в Inkscape
3

Активируйте инструмент рисования прямоугольников (R или F4) и с его помощью объедините парные эллипсы в единое целое (как это сделано на иллюстрации ниже).

Рисование прямоугольников в Inkscape
4

По очереди для каждого коннектора Выделите одновременно нижний эллипс и прямоугольник, а затем объедините их при помощи соответствующей команды (Path → Union в меню, или комбинацией Ctrl++).

Объединение контуров в Inkscape
5

Вы можете сделать эту операцию для каждого коннектора в отдельности, либо же сделать для одного, а потом продублировать полученный объект еще 3 раза — как вам удобно. В итоге у вас должно получиться что-то вроде этого:

Рисование коннекторов Лего в Inkscape
6

Теперь назначьте верхним частям коннекторов заливку. Если они оказались ниже уровня нижних частей — вы можете их поднять выше (выделив и используя клавиши Page Up и Page Down).

Раскрашивание коннекторов Лего в Inkscape
7

Для пущего реализма можете создать на коннекторе градиентную заливку при помощи инструмента создания градиентов (G или Ctrl+F1).

Создание градиента на коннекторе Лего в Inkscape
8

Когда все цветовые настройки будут завершены — выделите все объекты и одним махом удалите у них обводку. Проще всего это можно сделать, если после выделения кликнуть правой кнопкой мыши на цвет обводки в левом нижнем углу окна Inkscape, и в появившемся контекстном меню выбрать соответствующий пункт — Remove Stroke («Удалить Обводку»).

Удаление лишних контуров в Inkscape

Рисование разнообразных блоков

1

Один блок на всю композицию — это как-то скучновато, не правда ли? Давайте же размножим и разнообразим наши блоки!

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

Изменение длины блока Лего в Inkscape
2

Конечно же, необходимо также продублировать коннекторы на верхней грани, чтобы их стало 8. Вы можете просто выделить, скопировать и вставить их (Ctrl+C и затем Ctrl+V), но быстрее будет сделать операцию дублирования (Ctrl+D). В обоих случаях после дублирования нужно переместить 4 новых коннектора в соответствующее им место (с привязкой к сетке).

Дублирование коннекторов Лего в Inkscape
3

В итоге должно получиться что-то типа этого:

Финальный вид кирпичика Лего
4

Теперь выделите все имеющиеся объекты нового блока и сгруппируйте их (Ctrl+G). Это облегчит дальнейшее клонирование блоков.

Группировка и отражение кирпичика Лего в Inkscape
5

Ниже на рисунке вы можете видеть вариации размещения блоков. Зеркальный блок можно получить, продублировав длинный блок и нажав клавишу H (или выбрав в меню Object → Flip Horisontal). Разумеется, после создания зеркального блока его нужно переместить с привязкой к сетке.

Вариации блоков Lego, созданных в Inkscape
6

Теперь продублируйте имеющиеся блоки несколько раз и создайте различные цветовые вариации. Один из простых способов менять цвета — это использование фильтров (например, Filters → Color → Invert Hue) и расширений (например, Extensions → Color → More/Less Hue). Эти способы позволяют менять цвет всего объекта целиком, не заморачиваясь с раскрашиванием отдельных деталей.

Раскрашивание блоков Lego в разные цвета

Строительство композиции из блоков

1

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

Создание фундамента для строительства из блоков Lego в Inkscape
2

Чтобы облегчить задачу для Inkscape, можно сохранить этот фон в качестве png-картинки (в нашем случае размером 600×600 пикселей) и подставить его под будущее изображение (лучше отдельным слоем). Иначе такое огромное количество мелких деталей может притормаживать работу программы. Однако если ваш компьютер достаточно мощный и вы не испытываете проблем с быстродействием, то можно (и даже желательно) пропустить этот шаг.

Фон для строительства из блоков Lego в Inkscape
3

А теперь начинается самая интересная часть — строительство. Просто размещайте блоки друг на друга как вам хочется.

Размещение блоков Lego на фундаменте в Inkscape
4

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

Добавление новых блоков Lego в Inkscape
5

Вот один из вариантов финальной картинки. Не шедевр конечно, но для иллюстрации описанной техники вполне подойдет 🙂

Lego в Inkscape - финальная картинка