В этой справочной статье я покажу вам, как просто добавить стрелки в композицию Inkscape! Стрелки — отличный способ оживить графику, привлечь внимание к элементам композиции или даже продемонстрировать связи между объектами, помимо прочего. Давайте погрузимся в это!

Шаг 1: Нарисуйте путь

Для начала вам нужно нарисовать путь с помощью инструмента «Перо» (также известного как «Инструмент рисования кривых Безье» или «Инструмент путей»), доступ к которому можно получить с помощью значка на панели инструментов (красная стрелка на изображении выше). ) или с помощью клавиши быстрого доступа «B». Обратите внимание, что вы можете создавать стрелки как из прямых, так и из изогнутых линий. В этом примере я просто нарисую прямую линию, чтобы упростить задачу.

Выбрав Pen Tool, щелкните левой кнопкой мыши по композиции, чтобы создать первый узел (красная стрелка на изображении выше).

Затем переместите указатель мыши в то место, где вы хотите разместить второй узел, затем еще раз щелкните левой кнопкой мыши, чтобы создать узел (красная стрелка на изображении выше). Обратите внимание, что если вы удерживаете клавишу Ctrl на клавиатуре во время перетаскивания мышью, линия будет нарисована в «режиме прямой линии».

Шаг 2: Настройте параметры линии и добавьте маркеры на свой путь

Теперь, когда я нарисовал свой путь, я возьму инструмент выбора из панели инструментов (красная стрелка на изображении выше). Это добавит маркеры преобразования вокруг моего пути (зеленая стрелка), что позволит мне масштабировать путь, чтобы изменить его размер. Я также могу изменить положение пути с помощью инструмента «Выбор», если мне нужно, щелкнув и перетащив линию с помощью мыши.

В левом нижнем углу экрана вы увидите информацию о стиле для моего пути. В разделе «Обводка» вы увидите прямоугольник с цветом, указывающим цвет моей обводки (красная стрелка на изображении выше), а рядом с этим полем вы увидите число, указывающее толщину моей обводки (синяя стрелка на изображении — в этом примере ширина обводки равна «1.00» пикселя). Поскольку наша линия представляет собой путь, она использует параметр «Обводка», чтобы получить свойства цвета, а не параметр «Заливка».

Если я дважды щелкну по цвету обводки (снова красная стрелка на изображении выше), откроется диалоговое окно «Заливка и обводка» (обведено зеленым). По умолчанию вы попадете на вкладку «Рисование обводки», где вы можете изменить цвет обводки. Перейдите на вкладку «Стиль обводки» (зеленая стрелка).

На этой вкладке вы можете изменить размер обводки (также известной как ваша линия), а также добавить стрелки к любому концу вашего пути. Если я хочу сделать линию толще, я могу ввести «50» в поле «Ширина» (красная стрелка на изображении выше) и нажать клавишу ввода (вы также можете изменить единицы измерения, используя раскрывающийся список справа от этого поле – зеленая стрелка). Вы увидите, что моя линия теперь намного толще.

Раскрывающийся список «Черты» (красная стрелка на изображении выше) позволяет вам изменить стиль вашего пути. По умолчанию ваш путь будет линией, но вы можете изменить его на любую из множества точек, тире или комбинацию точек и тире (обведены зеленым на изображении выше). Я буду держать свой путь в виде простой линии.

Следующая опция называется «Маркеры» — здесь вы добавите стрелки к своей линии. Здесь вы увидите три раскрывающихся списка — один слева, один в центре и один справа.

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

Шаг 3: Настройте наконечник стрелки

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

Если вы не хотите, чтобы наконечник стрелки был такой же толщины, как ваша линия, вы можете изменить его размер, используя числовые поля «Размер X» и «Размер Y» (обведены зеленым на изображении выше). Например, если я изменю значение «Размер X» на «10» (красная стрелка), а затем нажму клавишу табуляции на клавиатуре, значение «Размер Y» автоматически обновится, и моя стрелка теперь будет намного больше, чем мой путь. .

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

Обратите внимание, что слева от полей размера есть значок цепочки (зеленая стрелка на изображении выше), который позволяет вам переключать, хотите ли вы, чтобы значения размера X и размера Y масштабировались вместе. Когда связь не установлена, вы можете изменить значение «Размер X», не изменяя значение «Размер Y».

Например, если я щелкну значок, чтобы разъединить два поля размера, а затем наберу «10» для синей стрелки «Размер X» на изображении выше), вы увидите, что моя стрелка теперь будет изменять размер по оси X, но не по Y. оси (в этом примере поле «Размер Y» остается равным «6.707»). Из-за этого моя стрелка кажется вытянутой вдоль оси X. Если я нажму на исходный значок со стрелкой, мои настройки вернутся к значениям по умолчанию (красная стрелка на изображении выше).

Под полями «Размер X» и «Размер Y» находится флажок «Масштабировать с обводкой» (красная стрелка на изображении выше). Если этот флажок установлен, размер стрелки автоматически остается пропорциональным размеру пути. Например, по мере того, как вы делаете линию контура толще (как мы делали ранее), наконечник стрелки становится толще.

Когда флажок не установлен (как на изображении выше), стрелка не будет оставаться пропорциональной размеру вашего пути. Вместо этого это будет любой размер, установленный в полях «Размер X» и «Размер Y». В этом примере толщина моего пути установлена ​​​​на 50 пикселей, но размер моей стрелки установлен на 4.061 пикселя и 6.707 пикселя для моих значений X и Y. В результате, если флажок «Масштабировать с обводкой» не установлен, моя стрелка намного меньше, чем мой путь, и в основном теперь невидима.

Если я удерживаю Ctrl и использую колесо мыши, чтобы увеличить стрелку, вы увидите, что стрелка действительно есть (красная стрелка), хотя она довольно крошечная. Я буду удерживать ctrl и использовать колесо мыши, чтобы уменьшить масштаб. Я оставлю флажок «Масштабировать с обводкой».

Следующий параметр — «Ориентация» (обведен зеленым на изображении выше). Это позволяет вам изменить направление стрелки или маркера на пути. По умолчанию ваша стрелка будет настроена на первый вариант: «Ориентировать вдоль пути, двигаясь в обратном направлении в начале» (синяя стрелка на изображении выше). Именно из-за этой опции наша стрелка начинает смотреть влево в начале нашего пути.

Я могу изменить направление этой стрелки, щелкнув следующую опцию «Ориентировать вдоль пути» (красная стрелка на изображении выше). Теперь все стрелки будут указывать в одном направлении, что в данном случае означает, что начальная стрелка теперь указывает вправо.

Следующая опция «Фиксированный заданный угол» (красная стрелка на изображении выше) позволяет изменить угол стрелки на пути. Если этот параметр включен, поле «Фиксированный угол» под этими значками станет активным, и вы сможете вручную установить угол для наконечника стрелки.

Например, я могу ввести «-30» (зеленая стрелка на изображении выше), и моя стрелка будет повернута вниз на 30 градусов.

Я верну стрелку к настройке по умолчанию, щелкнув первый значок «Ориентировать вдоль пути, реверсив в начале».

Последний значок — это значок «Отразить маркер по горизонтали» (красная стрелка на изображении выше). Нажав на эту опцию, вы перевернете стрелку так, чтобы она смотрела в противоположном направлении.

Я еще раз щелкну значок «Перевернуть», чтобы вернуть стрелку в исходное положение.

Вы также можете сместить наконечник стрелки от начала вашего пути, используя поля «Смещение X» и «Смещение Y» (обведены зеленым на изображении выше). По умолчанию для них будет установлено значение 0. Если вы увеличите значение «Смещение X» с помощью значка «+» или вручную введя значение (в приведенном выше примере я набрал 5 — красная стрелка), стрелка или маркер сдвиг вправо по дорожке.

Если вы уменьшите значение «Смещение X» с помощью значка «-» или вручную введя отрицательное значение (я ввел минус 5 в приведенном выше примере — красная стрелка), стрелка сдвинется влево по пути.

С другой стороны, если вы увеличите или уменьшите значение «Смещение Y» (красная стрелка на изображении выше), стрелка сдвинется вниз или вверх относительно исходного пути.

Я изменю значения смещения X и Y на 0, чтобы вернуться к положению по умолчанию для моей стрелки.

Последняя опция, которую вы увидите в этом диалоговом окне, — это кнопка «Редактировать на холсте» сразу под стрелкой предварительного просмотра (красная стрелка на изображении выше). Нажав на нее, вы сможете настроить наконечник стрелки или маркер с помощью мыши прямо на холсте.

Вы увидите несколько ручек вокруг наконечника стрелки. Тот, что посередине (синяя стрелка на изображении выше), позволяет перемещать наконечник стрелки в любом направлении (вверх, вниз, влево или вправо). Квадратные маркеры (красная стрелка) позволяют изменять значения размера X и размера Y, как мы обсуждали ранее, то есть вы можете масштабировать стрелку вверх или вниз. А круглая ручка (зеленая стрелка) позволяет вращать наконечник стрелки (таким образом изменяя значение «Фиксированного угла», которое мы обсуждали ранее).

Если я разверну первый раскрывающийся список «Маркер» в диалоговом окне «Заливка и обводка» (красная стрелка на изображении выше), вы увидите все новые настройки, основанные на только что внесенных мной изменениях на холсте (обведены зеленым). Если я нажму на исходный значок стрелки (синяя стрелка на изображении выше), мои настройки вернутся к значениям по умолчанию.

Шаг 4: Добавьте дополнительные маркеры или стрелки

Все настройки, которые мы только что обсуждали для раскрывающегося списка левого маркера, также применяются к параметру раскрывающегося списка правого маркера (красная стрелка на изображении выше). Единственное отличие состоит в том, что когда вы нажимаете на маркер в раскрывающемся списке справа, он добавляет маркер в конец вашего пути (синяя стрелка). Кроме того, стрелка будет направлена ​​в противоположном направлении (вправо) от первой стрелки, при условии, что у вас все еще включена иконка «Ориентировать по пути, задним ходом в начале».

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

Тем не менее, я оставлю наконечники стрел в том же стиле для единообразия дизайна.

Раскрывающийся список «Средний маркер» (красная стрелка на изображении выше) добавит маркеры или стрелки ко всем другим узлам на вашем пути, которые находятся между вашими первым и последним узлами. Прямо сейчас у меня нет других узлов на моем пути, поэтому выбор маркера из этого раскрывающегося списка ничего не даст.

Однако, если я возьму инструмент «Редактировать пути по узлам» из панели инструментов (красная стрелка на изображении выше), а затем дважды щелкну в любом месте моего пути (синяя стрелка), вдоль моего пути будет создан новый узел и стрелка. будет добавлен в этот узел.

Как и в двух других раскрывающихся списках, вы можете настроить параметры своих стрелок или маркеров, чтобы изменить размер, переориентировать или изменить направление ваших маркеров для этих «средних маркеров». Любая настройка, которую вы применяете в раскрывающемся списке посередине, будет применяться ко всем стрелкам между первым и последним созданным вами узлом. Здесь вы можете видеть, что я снял флажок «Масштабировать с обводкой» (красная стрелка на изображении выше), затем установил значение «Размер X» на «25» (зеленая стрелка). Теперь все стрелки в середине моего пути (синяя стрелка) меньше, чем наконечники стрел на обоих концах пути.

Шаг 5: Измените цвет ваших стрелок

Чтобы изменить цвет пути и стрелок в любое время, нажмите и удерживайте клавишу Shift на образце цвета на панели «Образцы» в нижней части холста. Например, если я Shift + щелкну по красному цвету (синяя стрелка), он изменит цвет моего пути на красный.

Вы могли заметить, что внешние наконечники стрелок не изменили свой цвет, в то время как внутренние наконечники стрелок изменились. Это ошибка, существующая в Inkscape версий 1.1 и 1.2. Чтобы исправить это, вы можете уменьшить ширину обводки, щелкнув символ «-» в поле «Ширина», а затем снова увеличить ее, щелкнув символ «+» (зеленая стрелка на изображении выше). После этого небольшого изменения стрелки должны изменить цвет (надеюсь, они исправят эту ошибку в ближайшем будущем).

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

Выйти из мобильной версии