Создание мозаики из клонов в Inkscape

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

Создание мозаики из клонов в Inkscape

Если вы хотите, чтобы то, что вы видите в окне Inkscape, соответствовало изображениям на скриншотах, то в первую очередь в свойствах документа (Shift+Ctrl+D) поменяйте ориентацию холста с портретной на альбомную.

1

Теперь создайте в левом верхнем углу холста небольшой квадрат (F4) размером 75×75 пикселей. Затем продублируйте этот квадрат (Ctrl+D) и измените цвет дубликата на светло-серый. При помощи диалога выравнивания (Shift+Ctrl+A) расположите серый квадрат справа от черного.

Создаем основу для нашего узора из клонов в Inkscape
2

Выделив оба квадрата, сгруппируйте их (Ctrl+G) и создайте дупликат группы (Ctrl+D). Отразите полученный дубликат по горизонтали (клавиша H). Расположите вторую группу прямо под первой (можно при помощи того же диалога выравнивания).

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

Выделив обе группы (все 4 квадрата), создайте группу из них (Ctrl+G). Основа для наших будущих узоров готова. Теперь откройте диалог создания узора из клонов, выбрав в меню Правка → Клонировать → Создать узор из клонов.

Диалог создания узора из клонов в Inkscape
4

На первой же вкладке (Симметрия) задайте 5 столбцов и 5 строк и нажмите на кнопку Создать. Узор создан, диалог можно закрыть.

Диалог создания узора из клонов в Inkscape, вкладка Симметрия

В результате у вас должен получиться узор из 5 колонок и 5 столбцов. Как использовать полученный узор — это уже дело ваше.

Симметрия
5

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

Диалог создания узора из клонов в Inkscape, вкладка Смещение

Как вы видите, в результате снова создан узор, но на этот раз каждый из элементов смещен на заданное нами значение.

Смещение
6

Рассмотрим следующий пример, предварительно вернувшись к исходному элементу для создания узора (Ctrl+Z). Снова откройте диалог создания узора из клонов. Первым делом верните к нулевым значениям смещения по осям на вкладке Смещение. Затем перейдите на следующую (третью) вкладку под названием Размер. Здесь мы уже будем управлять не смещением, а изменением размеров элементов получаемого узора. Установите изменение в 5% для обоих осей (как на рисунке ниже) — и для столбцов, и для строк. Нажмите на кнопку Создать.

Диалог создания узора из клонов в Inkscape, вкладка Размер

Полученный результат говорит сам за себя.

Размер
7

Для дальнейших экспериментов опять отмените последнюю операцию (Ctrl+Z) и откройте диалог создания узоров из клонов. На этот раз первым делом верните значения к нулевым на вкладке Размер. Откройте следующую вкладку (Поворот) и задайте значения в 15° и 30° соответственно на строку и на столбец (как на рисунке ниже), после чего нажмите на кнопку Создать.

Диалог создания узора из клонов в Inkscape, вкладка Поворот

Посмотрите на полученный эффект.

Поворот
8

Опять отменим последнее действие (Ctrl+Z) и перейдем к следующему примеру. Откройте диалог создания узора из клонов и верните нулевые значения углов на вкладке Поворот. Перейдите на следующую вкладку — Размывание и непрозрачность. Задайте значения в 5% для размывания и повышения прозрачности элементов (как на рисунке).

Диалог создания узора из клонов в Inkscape, вкладка Размывание и непрозрачность

Результат опять же говорит сам за себя.

Размывание и непрозрачность

Вот и все!

В диалоге создания узора из клонов верните значения размывания и непрозрачности к нулевым. У нас остались нерассмотренные вкладки Цвет и Обводка, но я думаю, что вы сами сможете разобраться с ними по аналогии с предыдущими примерами.

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