Inkscapeで文字を線や図形などパスに沿わせて入力する手順

Inkscapeで文字を線や図形に沿わせて入力する手順
(YouTube, AdSense, Play 公認エキスパート)
2021年03月28日 in Inkscape(インクスケープ)
記事内にPR・広告が含まれる場合があります

「Inkscape でテキストを線に沿わせて入力したい」「円状に文字入力をしたい」と思ったことはないでしょうか?このページをご覧になっている方は既に Inkscape の基本的な文字入力の方法はマスターされているかと思いますが、今回はもう一歩進んで文字を線や図形などのパスに沿わせて入力する方法をご紹介したいと思います。

パスに沿わせて文字を入力できるようになれば、テキストで下図のような表現ができるようになります。ペンツールで描いた線の上や円形・星型などのパス上にテキストを配置することができます。
線の上や円形・星型などのパス上にテキストを配置

文字をパスに沿わせて入力する手順

文字をパスに沿わせて入力する方法は意外に簡単にできるのでぜひお試しください!

  1. まず最初に文章等のテキストを入力してます。
    文章等のテキストを入力
  2. 次に線や円形などを描いてパスを作成します。
    パスを作成
  3. テキストとパスの両方を選択ツールで選択します。
    テキストとパスの両方を選択ツールで選択
  4. Inkscape 画面上部のメニューにある[テキスト]から[テキストをパス上に配置]を選択してください。
    テキストをパス上に配置
  5. 入力していたテキストがパスに沿って配置されましたね!
    テキストがパスに沿って配置

広 告

テキストの開始位置をズラすには?

基本的にパスの先頭からテキストが配置されるようになっているため、もしテキストの配置位置をズラしたい場合は次のようにしてください。

テキストツールでテキストの先頭をクリックしてカーソルを置いてください。ツールコントロールバーにある[水平カーニング]に数値を変更します。するとテキスト開始位置がズレていきます。
水平カーニング

パスとテキストとの関係

パスとテキストはそれぞれがリンクしている(連動している)状態です。パスとテキストはそれぞれ選択して移動することができますが、リンクしているので例えばパスの形を変更するとテキストもそれに連動して変形します。

またパスだけを削除したとしても、一緒にテキストも削除されてしまうので注意してください。もしパスを見えなくしたい場合はパスのみを選択してストロークの色を[×]で「塗りなし(None)」に設定します。
ストロークの色を塗りなし

もしパスに沿わせる前の状態に戻したい場合は、テキストを選択してメニューバーの[テキスト]>[パスからテキストを削除]を選択してください。
パスからテキストを削除

執筆者情報
2004年から当サイト「iscle」を始めた管理者。Google 公認のプロダクトエキスパートとして、YouTube、Google AdSense、Play の公式コミュニティで活動中。スマホアプリ、Web ツールの使い方や最新情報を中心に発信しています。