Урок Adobe Illustrator: как нарисовать конструктор в изометрии

Встречайте очередной урок Adobe Illustrator, который будет интересен не только взрослым, но и детям тоже. В этот раз рисовать мы будем конструктор. Что-то наподобие Lego, но на самом деле это может быть абсолютно любой конструктор даже без привязки к популярному бренду. Мы нарисуем несколько деталей и соберём из них робота. Иллюстрация у нас будет построена в изометрической проекции. Для конструктора это как раз кстати.

Так как мы будем рисовать конструктор в изометрии, помогать нам в этом процессе будет скрипт Magic Isometry. Благодаря скрипту, строить изометрические изображения в Adobe Illustrator не составит большого труда. В этом видео вы можете посмотреть как работает скрипт на примере рисования изометрических машинок:

Теперь давайте вернёмся к нашему конструктору. Как вы поняли из видео, для создания детали конструктора в изометрии, нам нужно будет нарисовать три её проекции в плоскости: левую, правую и верхнюю. Это можно легко сделать, используя автофигуры, такие как прямоугольники (M) и круги (L). Следите за тем, чтобы размеры по ширине у проекций совпадали. Составные части верхней проекции нужно сгруппировать (Ctrl+G).

Выделяем все три проекции, запускаем скрипт Magic Isometry Light, выставляем параметры, нажимаем волшебную кнопочку Make All - изометрическая деталька конструктора готова. Всё очень быстро и просто.

Теперь добавим объёма шипам детали. Разгруппируем верхнюю часть (Shift+Ctrl+G). Затем выделяем круги и копируем их (Ctrl+C). Вклеиваем в ту же позицию (Ctrl+F). И сразу сдвигаем немного вверх. Это делается очень просто, нажмите несколько раз на клавиатуре стрелочку вверх.

Далее рисуем 4 прямоугольника (M), которые соединяют верхние и нижние окружности. Рисовать будет легче, если включены умные направляющие Smart Guides (Ctrl+U). Они показывают точное пересечение фигур и их касание друг к другу. Поэтому всё получается точно и ровно. Прилипание Snap to Point (Alt+Ctrl+") тоже не повредит 😏

Затем нужно слепить в одну фигуру каждый нижний круг с прямоугольником. Выделите круг и прямоугольник и нажмите Unite в панели обработки контуров Pathfinder (Shift+Ctrl+F9). Таким образом соединяем их все по очереди.

Осталось отправить верхние круги на передний план. Выделите их и нажмите Shift+Ctrl+].

Первая деталька конструктора готова. Осталось добавить красную заливку, сделать настройки для обводки. Цвета для заливки я указал на скрине. Обводку сделал немного потолще и включил скруглённые углы через панель Stroke (Ctrl+F10).

По такому же принципу я сделал вторую деталь конструктора. Так как она прямоугольная, то нам понадобится два её вида. Второй делается через простое отражение исходного объекта (Object > Transform > Reflect). И в итоге опять красим грани деталей в красный цвет и настраиваем обводки.

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

Используя функцию Recolor Artwork можно сделать различные цветовые вариации для деталей.

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

Похожих роботов мы с сыном делаем из настоящего конструктора. А дальше он с ними играет по всякому. Часто что-то у кого-то ломается, и они друг друга чинят. Бывает даже возникают семейные отношения: робот-мама, робот-папа, и робот-сыночек. В общем, весело 😁