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

С помощью этого урока вы сможете создать в Inkscape изображение компаса.

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

Урок по рисованию в Inkscape 0.46 компаса
1

Создайте новое пустое изображение в Inkscape.
Размер документа можете задать по своему усмотрению, но удобней будет, если он будет квадратным.

2

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

3

Теперь выберите инструмент создания звезд и многоугольников (Shift+8). На панели параметров инструмента установите следующие значения:

  • В качестве создаваемого объекта выберите звезду.
  • Задайте 4 угла для создаваемой звезды.
  • В поле Отношение радиусов введите значение 0.160.
  • В оставшиеся два поля (Закругление и Искажение) введите нулевые значения.
4

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

Создаем звезду в Inkscape
5

Теперь, когда звезда создана, выровняйте ее и круг относительно страницы. Для этого выделите оба объекта, откройте диалог выравнивания (Shift+Ctrl+A) и выберите выравнивание относительно страницы. После этого выровняйте объекты таким образом, чтобы центр каждого из них совпадал с центром страницы, как на рисунке.

Выравниваем круг и звезду относительно документа Inkscape
6

Теперь выберите звезду и продублируйте ее нажатием комбинации Ctrl+D. Уменьшите размер дубликата и повращайте его с нажатой клавишей Ctrl, чтобы новое расположение и размер были как на рисунке ниже. После этого, не снимая выделения со звезды, нажмите на клавишу End, чтобы опустить ее в самый низ относительно других объектов.

Дублируем звезду, уменьшаем и вращаем дубликат
7

Создайте новый слой. Продублируйте большую звезду еще раз и немного уменьшите ее в размере. После этого переместите дубликат на новый слой (это можно сделать, используя клавиши Page Up и Page Down с зажатой клавишей Shift).

Создаем новый слой и перемещаем дубликат звезды на него
8

Теперь скройте первый слой. Это можно сделать, нажав на иконку с изображением глаза в строке состояния. Естественно, в выпадающем списке правее этой иконки при этом должен быть выбрать тот слой, который мы собираемся скрыть.

9

Теперь нам нужно подредактировать узлы продублированной звезды. Чтобы это сделать, для начала преобразуйте ее в контур — выделите и нажмите комбинацию Shift+Ctrl+C.

10

Теперь выберите инструмент редактирования узлов контура (F2). По очереди выберите каждый из четырех центральных узлов и нажмите на кнопку Разорвать контур в выделенном узле на панели параметров инструмента.

Разрываем контуры в выделенных узлах
11

Теперь по очереди выделите каждую из пар узлов оснований треугольника и нажмите на кнопку Соединить контуры по выделенным оконечным узлам новым сегментом на панели параметров инструмента. На этом этапе могут возникнуть сложности, связанные с тем, что узлы оснований треугольников накладываются друг на друга. Чтобы обойти эти сложности, можете на время передвигать в сторону те треугольники, над которыми работаете. В итоге Вы получите примерно такую картину, как на изображении.

Соединяем контуры по выделенным оконечным узлам новым сегментом
12

Теперь по очереди выделите каждый из отрезков оснований треугольников и создайте на них дополнительные узлы, используя кнопку Вставить новые узлы в выделенные сегменты на панели параметров инструмента (самая первая кнопка со значком +).

Создаем новые узлы
13

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

Удаляем лишние узлы
14

Сделайте первый слой опять видимым и переместите второй слой под первый (это можно сделать в диалоге слоев, доступном по Shift+Ctrl+L). Теперь передвигайте и вращайте каждый из треугольников на втором слое, пока не получится приведенная картина.

Вращаем треугольники
15

Теперь создайте две больших окружности (круги без заливки) как на рисунке.

Создаем в Inkscape окружности

Для внешней окружности задайте следующие параметры в диалоге Заливка и обводка (Shift+Ctrl+F):

Задаем параметры заливки и обводки в Inkscape
16

Теперь создайте еще одну окружность поменьше и небольшой прямоугольник.

Создаем в Inkscape прямоугольник и окружность
17

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

Если хотите делать как я, проделайте следующее:

Выделите прямоугольник и сконвертируйте его в контур (Shift+Ctrl+C). Переместите прямоугольник наверх.

18

Теперь выберите окружность и прямоугольник и выберите в меню Inkscape Эффекты / Создание из контура / Текстура по контуру.

19

Используйте следующие значения параметров:

Значения параметров
20

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

Итоговая картинка в Inkscape
21

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

Добавляем эффекты при помощи Inkscape

Оставить комментарий

10 комментариев на «“Создание компаса в Inkscape”»

  1. Блин, чего то у меня с пунктом 7 проблемка. Переношу дублированую уменьшеную звезду на новый слой, и она перекрывает кружок…

    • Зачем же вы всё как под копирку-то делаете? Для рисования такого простого объекта слои, я думаю, вообще ни к чему. Делайте всё в одном слое.

    • jump4die, можно и в одном слое конечно. Только вот новичкам временами полезно разносить объекты на разные слои, чтобы меньше путаться. А если объектов очень много, то это полезно не только новичкам.

      Andrew, видимо вы где-то ошиблись с расположением слоев. Но это несложно исправить — для перемещения объекта выше/ниже в рамках одного слоя используйте клавиши PageUp и PageDown, для переноса на верхний/нижний слой то же самое с зажатой клавишей Shift. Ну и сами слои между собой можно менять местами при помощи кнопочек +/- в диалоге слоев.

  2. Если коротко: делая по написанному не получается вообще ничего. Очевидно, после 10-го шага пропущена огромная куча шагов, которые "и так понятно как делать". Профи может и понятно, но ему и уроки ни к чему…

    • Мне вот наоборот кажется, что разжевано все даже чересчур подробно. Никакие шаги не пропущены. Да вы сами посмотрите на иллюстрации к 10 и 11 шагам. Неужели между этими этапами может быть «пропущена огромная куча шагов»? 🙂

  3. Народ, у меня вопрос. Я только недавно начал изучать Инскейп. И у меня не получается сделать, чтобы у звезды было 4 луча а не 5. Подскажите пожалуйста.

    • В параметрах объекта (под панелью инструментов) задайте нужное количество углов (в нашем случае 4).

  4. Добрый день. Подскажите, как "привязать" текст к линии, например, по окружности?

    • Очень просто. Выделяете кривую или фигуру (вдоль которой нужно выстроить текст), одновременно выделяете текст, и в меню выбираете «Text → Put on Path» (в русскоязычной версии не помню как называется). Есть и более детальные инструкции (англ.)

  5. Благодарю за уроки. Все понятно,правда версии немного разные, но не беда.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *