В этом уроке мы будем заниматься строительством из кирпичиков Lego в Inkscape. И поможет нам в этом замечательная возможность в Inkscape — привязка к сетке, да еще и к аксонометрической. Эта возможность значительно упрощает создание сцен в аксонометрической проекции. Для начала мы нарисуем несколько простых блоков Lego, а потом построим из них целую сцену.
Настройка свойств документа
Откройте окно свойств документа (комбинация Shift+Ctrl+D, либо соответствующий пункт в меню File). На первой вкладке задайте документу размер 600×600 пикселей.
Затем перейдите на вкладку Grids («Сетка»), выберите Axonometric grid и нажмите New. Вы получите новую сетку с некоторым набором настроек — просто повторите те же установки, которые вы видите на скриншоте ниже.
Активируйте привязку узлов к сетке, как это сделано на скриншоте ниже.
Рисование первого блока
Активируйте инструмент для рисования кривых Безье (клавиша B или сочетание Shift+F6). Теперь нарисуйте левую сторону вашего первого блока. С активированной привязкой к сетке это должно быть очень просто. Ширина контура не имеет особого значения (впоследствии мы избавимся от контура, оставив одну заливку).
Таким же способом нарисуйте оставшиеся две видимые стороны блока. Обязательно обрисовывайте контуром каждую грань со всех сторон, чтобы потом у нас была возможность назначить граням цвета.
Собственно, не будем затягивать и сразу назначим граням цвета. Откройте диалог заливки и обводки (Shift+Ctrl+F) и последовательно выделяя грани, назначьте каждой из них цвет. Вы можете воспользоваться цветами со скриншота или выбрать цвета на свой вкус.
Рисование коннекторов на блоке
Теперь увеличьте изображение, чтобы отобразились более мелкие ячейки сетки. Активируйте инструмент рисования эллипсов (E или F5). Нарисуйте базовое расположение каждого из четырех коннекторов. На словах тяжело объяснить, как лучше всего спозиционировать эти эллипсы, но вы можете воспользоваться иллюстрацией ниже в качестве подсказки. Как вы можете видеть, на ней также нарисованы пара дополнительных вспомогательных линий, которые помогут правильно разместить эллипсы. В этом случае будет удобно рисовать эллипсы от центра, для этого удерживайте Shift при рисовании.
Создайте верхние части коннекторов, нарисовав их заново, либо продублировав и переместив чуть выше имеющиеся эллипсы. Обратите внимание, что привязка к сетке работает не только при рисовании, но и при перемещении объектов.
Активируйте инструмент рисования прямоугольников (R или F4) и с его помощью объедините парные эллипсы в единое целое (как это сделано на иллюстрации ниже).
По очереди для каждого коннектора Выделите одновременно нижний эллипс и прямоугольник, а затем объедините их при помощи соответствующей команды (Path → Union в меню, или комбинацией Ctrl++).
Вы можете сделать эту операцию для каждого коннектора в отдельности, либо же сделать для одного, а потом продублировать полученный объект еще 3 раза — как вам удобно. В итоге у вас должно получиться что-то вроде этого:
Теперь назначьте верхним частям коннекторов заливку. Если они оказались ниже уровня нижних частей — вы можете их поднять выше (выделив и используя клавиши Page Up и Page Down).
Для пущего реализма можете создать на коннекторе градиентную заливку при помощи инструмента создания градиентов (G или Ctrl+F1).
Когда все цветовые настройки будут завершены — выделите все объекты и одним махом удалите у них обводку. Проще всего это можно сделать, если после выделения кликнуть правой кнопкой мыши на цвет обводки в левом нижнем углу окна Inkscape, и в появившемся контекстном меню выбрать соответствующий пункт — Remove Stroke («Удалить Обводку»).
Рисование разнообразных блоков
Один блок на всю композицию — это как-то скучновато, не правда ли? Давайте же размножим и разнообразим наши блоки!
Продублируйте получившийся блок и переместите его (с привязкой к сетке). Затем переместите правую его грань, как это сделано на рисунке. Теперь выделите левую сторону, активируйте инструмент редактирования узлов (клавишей N или F2) и переместите два правых узла к углам перенесенной правой грани. То же самое сделайте с верхней гранью.
Конечно же, необходимо также продублировать коннекторы на верхней грани, чтобы их стало 8. Вы можете просто выделить, скопировать и вставить их (Ctrl+C и затем Ctrl+V), но быстрее будет сделать операцию дублирования (Ctrl+D). В обоих случаях после дублирования нужно переместить 4 новых коннектора в соответствующее им место (с привязкой к сетке).
В итоге должно получиться что-то типа этого:
Теперь выделите все имеющиеся объекты нового блока и сгруппируйте их (Ctrl+G). Это облегчит дальнейшее клонирование блоков.
Ниже на рисунке вы можете видеть вариации размещения блоков. Зеркальный блок можно получить, продублировав длинный блок и нажав клавишу H (или выбрав в меню Object → Flip Horisontal). Разумеется, после создания зеркального блока его нужно переместить с привязкой к сетке.
Теперь продублируйте имеющиеся блоки несколько раз и создайте различные цветовые вариации. Один из простых способов менять цвета — это использование фильтров (например, Filters → Color → Invert Hue) и расширений (например, Extensions → Color → More/Less Hue). Эти способы позволяют менять цвет всего объекта целиком, не заморачиваясь с раскрашиванием отдельных деталей.
Строительство композиции из блоков
Первым делом создайте фундамент для будущей композиции, набросав рядом друг с другом одноцветные блоки.
Чтобы облегчить задачу для Inkscape, можно сохранить этот фон в качестве png-картинки (в нашем случае размером 600×600 пикселей) и подставить его под будущее изображение (лучше отдельным слоем). Иначе такое огромное количество мелких деталей может притормаживать работу программы. Однако если ваш компьютер достаточно мощный и вы не испытываете проблем с быстродействием, то можно (и даже желательно) пропустить этот шаг.
А теперь начинается самая интересная часть — строительство. Просто размещайте блоки друг на друга как вам хочется.
Вы можете построить домик, заборчик и что угодно еще, что обычно строят из блоков Lego. Просто продолжайте строить до тех пор, пока результат вас не удовлетворит.
Вот один из вариантов финальной картинки. Не шедевр конечно, но для иллюстрации описанной техники вполне подойдет 🙂
Оставить комментарий