Как сделать шрифт в инскейп

Добавил пользователь Alex
Обновлено: 27.08.2024

Есть ли способ конвертировать иконки Font Awesome в SVG-графику, чтобы я мог использовать их в Inkscape внутри других векторных изображений?

Импорт Font Awesome в Inkscape for Icon Reference здесь не помогает, так как это относится только к редактору шрифтов - но я просто хочу преобразовать шрифт в набор SVG-графики.

Это возможно? Если так, то как?

Я использую Inkscape прежде всего как мой основной векторный редактор. Я на маке.

Насколько я могу судить, нет способа просто получить векторы прямо в Inkscape (вы могли бы подумать, что открытие файла шрифта svg даст вам что-то, но нет)

Установил шрифт otf (снова я на Mac, если в Windows попробуйте другие типы шрифтов, если вам не нравится otf). Скопируйте все символы как тип.

Затем "нарисуйте" их в Inkscape, как будто бы вы превратили любой шрифт в рисунок.

Вот как я получил векторы в Inkscape.

Я выбираю шрифт FontAwesome в качестве своего шрифта в Inkscape

Наконец, просто "разгруппируйте" выделенный текст до тех пор, пока он не станет привязанным объектом.

Один из замечательных инструментов Inkscape — каллиграфическое перо. Этот урок поможет вам лучше узнать возможности этого пера и расскажет о некоторых стандартных приёмах каллиграфии.

Use Ctrl + arrows , mouse wheel , or middle button drag to scroll the page down. For basics of object creation, selection, and transformation, see the Basic tutorial in Help => Tutorials .

История и стили

Up until roughly 1440 AD, before the printing press was around, calligraphy was the way books and other publications were made. A scribe had to handwrite every individual copy of every book or publication. Perhaps the most common place where the average person will run across calligraphy today is on wedding invitations. There are three main styles of calligraphy:

Существуют три основных вида каллиграфии:

Western or Roman: The preserved texts are mainly written with a quill and ink onto materials such as parchment or vellum.

Arabic, including other languages in Arabic script, executed with a reed pen and ink on paper. (This style has produced by far the largest bulk of preserved texts before 1440.)

Chinese or Oriental, executed with a brush.

The three styles have influenced each other on different occasions. Western lettering styles used throughout the ages include Rustic, Carolingian, Blackletter, etc.

One great advantage that we have over the scribes of the past is the Undo command: If you make a mistake, the entire page is not ruined. Inkscape's Calligraphy tool also enables some techniques which would not be possible with a traditional pen-and-ink.

Технические средства

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

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

If you have a tablet and would like to utilize the sensitivity features, you will need to configure your device. This configuration will only need to be performed once and the settings are saved. To enable this support you must have the tablet plugged in prior to starting Inkscape and then proceed to open the Input Devices. dialog through the Edit menu. With this dialog open you can choose the preferred device and settings for your tablet pen. Lastly, after choosing those settings, switch to the Calligraphy tool and toggle the toolbar buttons for pressure and tilt. From now on, Inkscape will remember those settings on startup.

Параметры инструмента каллиграфии

Switch to the Calligraphy tool by pressing Ctrl + F6 , pressing the C key, or by clicking on its toolbar button. On the top toolbar, you will notice there are 8 options: Width & Thinning ; Angle & Fixation ; Caps ; Tremor , Wiggle & Mass . There are also two buttons to toggle tablet Pressure and Tilt sensitivity on and off (for drawing tablets).

Ширина и Сужение

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

Ширина пера также может зависеть от скорости письма, что контролируется параметром Сужение . Значение этого параметра может быть от -100 до 100; ноль означает, что ширина не зависит от скорости написания, положительное значение сужает быстро начерченные линии, отрицательное — расширяет. Начальное значение 10 придаёт линиям умеренное сужение при быстром письме. Ниже приведены некоторые примеры изложенного. Все штрихи нарисованы со значением ширины=20 и углом=90:

Для развлечения установите значения ширины и сужения равным 100 (максимальное) и порисуйте резкими движениями. Получаются странные фигуры, похожие на нейроны:

Угол и Фиксация

Наиболее важный каллиграфический параметр после ширины — это угол вашего пера в градусах. Он меняется от 0 (горизонтальное положение) до 90 (вертикальное положение, против часовой стрелки) или -90 (вертикальное по часовой):

Каждый традиционный каллиграфический стиль имеет свой превалирующий угол пера. Например, унцианский шрифт использует угол в 25 градусов. Более сложные стили и более опытные каллиграфы часто меняют угол во время работы, и Inkscape позволяет делать это с помощью клавиатурных стрелок вверх и вниз . Для начала каллиграфических занятий предустановленное значение прекрасно подойдёт. На примерах ниже, штрихи имеют разный угол (фиксация = 100):

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

Скорость перехода от толстого к тонкому контролируется параметром Фиксация . Значение равное единице означает что угол постоянен и равен значению установленному параметром Угол. Уменьшение фиксации позволит перу немного повернуться против движения штриха. Со значением фиксации 0 перо поворачивается свободно, пытаясь быть перпендикулярным движению, и значение параметра Угол не имеет никакого эффекта:

Говоря языком типографов, максимальная фиксация, а следовательно максимальная ширина (верхний левый пример) — характерная черта старинных шрифтов, таких как Times или Bodoni (исторически сложилось что эти шрифты копируют каллиграфию фиксированного пера). С другой стороны, нулевую фиксация и нулевую ширину (верхний правый пример) мы можем увидеть в современных шрифтах без засечек, таких как Helvetica.

Дрожание

Tremor is intended to give a more natural look to the calligraphy strokes. Tremor is adjustable in the Controls bar with values ranging from 0 to 100. It will affect your strokes producing anything from slight unevenness to wild blotches and splotches. This significantly expands the creative range of the tool.

Масса и Торможение

В физике масса — причина инерции. Чем больше значение массы, тем больше задержка между движением вашей мыши и тем больше смягчаются резкие повороты штриха. Изначально это значение очень мало (2), поэтому инструмент реагирует быстро. Но массу можно увеличить для получения замедленного пера и гладких линий.

Примеры каллиграфии

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

Потом следует подобрать масштаб так, чтобы расстояние между линейками соответствовало вашему обычному размаху. Настройте ширину, угол — и вперёд!

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

Несколько полезных советов:

If your hand is comfortable on the tablet, don't move it. Instead, scroll the canvas ( Ctrl + arrow keys) with your left hand after finishing each letter.

If your last stroke is bad, just undo it ( Ctrl + Z ). However, if its shape is good but the position or size are slightly off, it's better to switch to Selector temporarily ( Space ) and nudge/scale/rotate it as needed (using mouse or keys), then press Space again to return to Calligraphy tool.

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

Ниже приведены готовые примеры:

Заключение

Каллиграфия — не просто забава, это возвышенное искусство. Она может изменить ваш взгляд на всё, что вы делаете и видите. Инструмент каллиграфии в Inkscape предлагает только скромное введение в увлекательный мир каллиграфии. И всё же, с этим пером приятно работать и оно более чем пригодно для серьёзных дизайнерских работ. Рисуйте и получайте удовольствие!

Authors: Bulia Byak; Jonathan Leighton; Josh Andler; Colin Marquardt; Kris De Gussem; Nicolas Dufour; Guillaume Audirac; Gell?rt Gyuris

Translators: Yura aka Xxaxx — 2005; Alexandre Prokoudine — 2008; Evgenia Sinichenkova — 2012

Header / footer design: Esteban Capella — 2019

Inkscape является свободным ПО с открытым исходным кодом, лицензия предоставляется в соответствии с GPL.

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

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

это возможно? Если да, то как?

Я использую Inkscape в основном как основной векторный редактор. Я работаю на mac.

насколько я могу судить, нет никакого способа просто получить векторы непосредственно в Inkscape (вы думаете, что открытие файла шрифта svg даст вам что-то, кроме нет)

установлен шрифт otf (опять же я на Mac, Если на Windows, попробуйте другие типы шрифтов, если вам не нравится otf). Скопируйте все символы как тип.

затем "контур" их в Inkscape, как вы бы превратить любой шрифт в произведение искусства.

вот как я получил векторы в Inkscape.

Я выбираю шрифт FontAwesome в качестве шрифта в Inkscape

затем я копирую сам значок со страницы Font Awesome cheatsheet и вставляю его в Inkscape в виде текста.

наконец, просто "разгруппируйте" выделение текста пока он не станет объектом с траекторией.

Вы здесь: Home Работа со шрифтами Применение шрифтов 40. Создание и преобразование текста в кривые Безье в программе Inkscape 0.47

40. Создание и преобразование текста в кривые Безье в программе Inkscape 0.47

Мы решили показать работу с текстом для этой программы по причине ее популярности в последнее время: коммерческие программы на многих предприятиях заменяются на бесплатные аналоги. Программа Inkscape 0.47 является бесплатным векторным графическим редактором. Большинство рисованных иллюстраций для своих книг мы сейчас готовим именно в этой программе.

  • Горизонтальный текст () — создает горизонтальный текст. Нажатие клавиши Enter на клавиатуре создает новую строку точно так же, как это делается в текстовом редакторе;
  • Вертикальный текст () — создает вертикальный текст. Нажатие клавиши Enter на клавиатуре создает новую строку не справа, а слева от созданной строки. Этот метод пришел из Японии и подстраивается под их текст.

Рис. 61. Текстовые рамки


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

Рис. 62. Изменение размеров текстового объекта

При ручном изменении размеров текстового объекта размеры этого шрифта автоматически рассчитываются с точностью до тысячного значения после запятой. Если размер шрифта нужно определить очень точно, то необходимо выполнить команду Текст -> Текст и шрифт. После этого открывается одноименное окно, где на вкладке Гарнитура можно определить имя шрифта, его размеры, начертание, интерлиньяж (межстрочное расстояние), а также ориентацию текста. На вкладке Текст можно корректировать введенный текст. Нажмите на кнопку Применить.

Для преобразования текста в кривые Безье необходимо выбрать инструмент Редактировать узлы контура или рычаги узлов (). После выбора данного инструмента указатель мыши принимает вид (). Если текстовый объект не выделен, то щелкните инструментом по этому объекту. Обратите внимание — в нижнем левом углу текстового объекта находится маленький белый квадратик, сообщающий нам, что данный объект является текстовым. После преобразования текстового объекта этот значок исчезнет. На панели параметров нажмите на кнопку Преобразовать выбранный объект в контур (). Сразу после этого выделенный текстовый объект перестает быть текстовый и конвертируется в векторный объект. Кривые Безье повторяют траекторию букв текста и визуально внешний вид текста не изменяется. Но повторяем: это уже не текст, а кривые.

Текст представляет собой группу букв, связанных между собой. Щелкните по бывшему тексту правой клавишей и из открывшегося контекстного меню выполните команду Разгруппировать. После этого каждая буква окантовывается пунктирной рамкой (Рис. 63). Теперь мы можем каждую букву обрабатывать самостоятельно и независимо от других букв.

Рис. 63. Разгруппированные объекты


Для трансформирования текста выберите инструмент Редактировать узлы контура или рычаги узлов (). Сбросьте выделение. Выделите любую букву. Букву, точнее, объект из кривых, можно переместить в любое место относительного исходной точки. Ее размеры можно изменить. После двойного щелчка по объекту, то есть по букве, на углах выделения появляются полукруглые стрелки, с помощью которых можно повернуть объект (Рис. 64). Точное смещение, искажение, поворот и масштабирование выделенного объекта можно выполнить командой Объект -> Трансформировать.

Рис. 64. Трансформированные объекты

Рис. 65. Изменение контура кривых


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

Рис. 66. Редактирование криволинейных сегментов

Рис. 67. Несваренные и сваренные текстовые объекты

Рис. 68. Логическое сваривание

Полное описание бесплатного векторного редактора Inkscape см. Шитов В. Н. Бесплатные программы для работы с графикой. Саратов: Научная книга, 2008.

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

Читайте также: