あなたのデザインスキルを一段上に上げたいと思います–それがロゴをデザインするためであろうと単に目を引くテキストピースを作成するためであろうと？ このチュートリアルでは、Inkscapeで円の周りにテキストを配置する方法を紹介することで、そのためのお手伝いをします。 この手法は非常に簡単で、ほんの数ステップの簡単な手順で済みますが、最終結果により、テキストを操作するときのグラフィックデザイン機能が大幅に向上します。

このチュートリアルは、初心者のInkscapeユーザーが従うのに十分簡単であり、ステップバイステップのプロセスに従って、説明されている概念を完全に理解するのに役立ちます。 それ以上の知識がなければ、飛び込みましょう！

InkscapeキャンバスをAdobe Illustratorのアートボードのように設定しました。このチュートリアルでは、その方法を学ぶことができます。

ステップ1：テキストを追加する

このプロセスは、Inkscapeユーザーインターフェイスの左側にあるツールボックス（上の画像の赤い矢印）からテキストツールを取得することから始めます（キーボードのF8を押してこのツールにアクセスすることもできます）。

次に、Inkscapeキャンバスの任意の場所をクリックして、テキストの行を開始します（上の写真の赤い矢印）。 次に、1行目のテキストを入力します（合計2行のテキストがあります。1行は円の上部を回り、もう1行は円の下部を回ります）。 テキストの最初の行については、「テキストを簡単に折り返す」を使用しました。

次に、テキストツールをアクティブにしたままキャンバス上の別の場所をクリックして、別のテキスト行を開始し、2行目のテキストを入力します。 この例では、「Around a Circle」を2行目にしました。

ステップ2：フォントを設定する

両方のテキスト行が作成されたので、使用するフォントを選択します。

これを行うには、ツールボックスから選択ツールをクリックします（上の写真の赤い矢印で示されるF1ショートカットキーを使用してアクティブ化することもできます）。テキストの。 これにより、両方のテキスト行が選択されます。

次に、Inkscapeユーザーインターフェイスの右側にあるコマンドバーアイコン（上の画像の赤い矢印）を使用して、[テキストとフォント]ダイアログにアクセスします。 このアイコンをクリックすると、[テキストとフォント]ダイアログ（緑色の矢印）が開きます。

このダイアログを開くと、複数行のテキストを同時に編集できます。 そのため、好きなフォントが見つかるまで（上の画像で緑で囲まれている）フォントをスクロールします（フォントをクリックすると、そのフォントでのテキストのプレビューを生成できます）。 この場合、「Wicked Grit」というフォントを使用し、サードパーティのフォントとしてダウンロードしてインストールしました（つまり、このフォントにはデフォルトでInkscapeが付属していません）。 フォントのインストール方法については、次をご覧ください。 Inkscapeのテーマに関するヘルプ記事。

必要なフォントを取得したら、[適用]ボタン（赤い矢印）をクリックして、新しいフォントをテキスト行（青い矢印）に適用します。

新しいフォントができたので、テキストも少し大きくすることにしました。 フォントサイズを変更するには、[フォントサイズ]ドロップダウン（上の写真の赤い矢印）をクリックして、新しいサイズを選択します。 この場合、新しいフォントサイズ（青い矢印）に48を使用しました。 [適用]ボタンをもう一度クリックして、この新しいフォントサイズをテキスト行に適用できます。

ステップ3：円を描く

テキストの準備が整ったら、テキストをラップできる円形を描画する必要があります。 これを行うには、ツールボックスの楕円ツールをクリックします（上の写真のショートカットキーF5 –赤い矢印を使用することもできます）。

次に、マウスをクリックしてキャンバス上でドラッグし、Ctrlキーを押しながらドラッグして完全な円を描きます。 円が希望のサイズになったら、マウスを離して、円の描画をキャンバスに適用できます。 円を特定のサイズにしたい場合は、使用したい値に基づいて、「Rx」と「Ry」の値を手動でいつでも入力できます（上の写真では緑で縁取りされています）（デフォルトでは単位はピクセル）。

次に、コマンドバー（赤い矢印）から[整列して配布]ダイアログアイコンをクリックします。 このダイアログにより、キャンバス上で円を揃えることができます。

円をキャンバスの中心に揃えたいので、「相対」ドロップダウンの下で「ページ」（上の写真の緑の矢印）を選択します。

次に、「垂直軸の中心」オプション（上の写真の赤い矢印）をクリックしてから、「水平軸の中心オプション」（緑の矢印）をクリックします。 これにより、キャンバス上の円が中央に配置されます（青い矢印）。

ステップ4：テキストの一番上の行をサークルに追加します

キャンバス上にすべての要素を配置し、テキストを円で囲むプロセスを開始しました。 最初に、円の上部にテキストの一番上の行を追加します。

これを行うには、キーボードのF1キーを押すか、ツールボックスの選択ツール（上の画像の赤い矢印）をクリックします。 次に、作成したテキストの最初の行（緑色の矢印）をクリックします。これは、円のテキストの一番上の行になります。

次に、Shiftキーを押したまま、円をクリックします。 これにより、テキストの最上行と円の両方を同時に選択できます（上の写真の赤い矢印）。

次に、「テキスト」>「パスに配置」に進みます。 これにより、テキストが円上に配置されます。

テキストを適切な位置に回転するには、まずキャンバス上の任意の場所をクリックして、選択した円とテキストの選択を解除する必要があります。 次に、サークルを2回クリックして、回転変換ハンドルを表示します。 次に、回転変換ハンドルの1つ（上の写真の赤い矢印）をクリックして、テキストが目的の位置になるまでドラッグします。

ステップ5：テキストの最終行をサークルに追加します

ctrl + dキーを押して選択したまま、前のステップのサークルを複製します。

次に、円をクリックし（一番上の円、または作成したばかりの複製された円を選択します）、スケール変換ハンドルを円の周りのボックスの隅（写真の赤い矢印）にドラッグします上記）円を拡大します。 Shiftキーを押しながらCtrlキーを押しながらクリックしてドラッグすると、円が中心から拡大縮小され、1：1の縦横比が維持されます（つまり、ドラッグ中は完全な円のままです）。

作成したテキストの一番上の行を覆うのに十分な大きさの円になったら、マウスを離します。

次に、テキストの下部であるテキストの2行目をクリックし、大きな円をShiftキーを押しながらクリックして、両方のオブジェクトが選択されるようにします（上の写真の赤い矢印で示されています） 。

もう一度[テキスト]> [パスに配置]に移動します。 これにより、円の外側にテキストの2行目が配置されます。

問題は、テキストを円の下部に配置する必要があるが、上下を逆にしたくないことです（前のステップでテキストの一番上の行に対して実行された回転方法を単に使用した場合に発生します） 。

そのため、これを解決するには、コントロールバーの[選択したオブジェクトを上下に反転]をクリックするだけです（上の画像の赤い矢印）。 これにより、テキストが円の下部に配置され、上下が逆にならないように反転されます（緑色の矢印）。 ただし、円に塗りつぶしを追加している場合（つまり、円に色が付いている場合）、最初はこれを見ることができません。 私の場合、テキストを覆っている水色の塗りつぶしがあります。

円の色付きの塗りつぶしを削除するには、キャンバスのランダムな領域をクリックしてオブジェクトの選択を解除し、円をクリックして円のみを選択し、最後にカラーパレットで赤い「X」が付いたボックスをクリックします（上の写真の赤い矢印）。 これにより、サークルから塗りつぶしが削除されます。

また、円をストロークにして最終ステップで見つけやすくするために、黒（または上の写真の任意の色–緑の矢印）をShiftキーを押しながらクリックすることをお勧めします。

テキストとその中の円を確認できるようになったので、最後の手順をいくつか実行して、テキストを適切な位置に配置します。 最初に、サークルが選択された状態で、キーボードの矢印キーを使用して、テキストの一番下の行が小さいサークル（上の写真の赤い矢印）に揃うまでサークルを下げます。

次に、テキストツールをつかみ、一番下の行ですべてのテキストを選択し、文字の間隔を広げて、テキストの一番上の行の間隔と一致する（またはより類似する）ようにします（設定します） 5との間隔–上の画像の赤い矢印で示されています）。

次に、回転変換ハンドルが表示されるまで、大きな円をクリックします。 テキストの一番下の行が目的の位置に配置されるまで、これらのハンドル（上の写真の赤い矢印）をクリックしてドラッグします。

ステップ6：コンポジションから円を削除する

作成した円の周りにテキストがラップされたので、不要になったため、コンポジションから円を削除します。

これを行うには、最初に円からテキストの行を本質的に「解放」する必要があります。 選択ツール（F1）を使用してテキストの最初の行をクリックし、Path> Object to Pathに移動します。

テキストの一番下の行に対してこのアクションを繰り返します。

テキストの各行が円から分離されました。 そのため、選択ツールで各円をクリックし、キーボードのBackspaceキーを押すだけで円を削除できます。

残っているのは、2行のテキストが円形にラップされていることです！

このチュートリアルはこれで終わりです。 気に入ったら、私のサイトで他のInkscapeヘルプ記事をチェックしてください。 GIMPヘルプ記事やGIMPビデオチュートリアルもたくさんあります。