Inkscape 文字を入力したり編集してみよう【初心者なび】

Inkscapeで文字を入力したり編集してみようTOP

Inkscapeで画像を作成したりすると、文字を入力する場面もでてきますね。今回は、文字を入力するときに使う「テキストツール」の基本的な使い方や、編集、修正方法など、Inkscapeを使い始めたばかりのあなたにもわかりやすくご紹介します。

それではさっそく、「テキストツール」の基本操作を覚えてスムーズに画像を作成できるようにしましょう。

テキストツールの使用方法

Inkscapeで「テキストツール」を使用する場合、以下の方法が用意されています。

  • ツールボックスの「テキストツール」アイコンInkscapeのテキストツールアイコン
  • キーボード(ショートカットキー)F8

文字を入力してみよう

Inkscapeでは、文字もオブジェクトの一つになります。文字の入力は、クリックした位置から入力する方法とドラッグしてテキストのフレームを作成して流し込む2つの方法があります。

はじめに、ツールボックスから「テキストツールInkscapeのテキストツールアイコン」を選びましょう。

キーボードのF8を押すことでも「テキストツール」を選ぶことができます。
テキストツールを選択

「テキストツールInkscapeのテキストツールアイコン」を選ぶと、ツールコントロールバーから文字のスタイル「フォント」や「フォントサイズ」などを設定することができるようになります。

文字のスタイルは入力後でも簡単に編集することができます。
フォントの設定

クリックしたところから文字を入力してみよう

「テキストツールInkscapeのテキストツールアイコン」を選んだら、キャンバスにマウスポインタを持っていきましょう。すると、マウスポインタがテキストツールのマウスポインタにかわるので、文字を入力したいところで一度左クリックしましょう。

文字を入力したいところで左クリック

左クリックすると、クリックしたところにカーソルが表示されます。あとは、キーボードから文字を入力しましょう。

キーボードから文字を入力

決まったスペースに文字を入力してみよう

今度は、決まった範囲に文字を入力したい場合、流し込みテキストフレームを作成し、その中に文字が収まるように入力してみましょう。

はじめにテキストフレームを作成してみましょう。先ほどと同じように文字を入力したいところにマウスポインタを持っていき、左クリックしたままドラッグしましょう。

すると、ドラックした範囲に青い枠の流し込みテキストフレームが作成されます。

ドラックしてテキストボックスを作成

あとは、キーボードから文字を入力しましょう。

テキストフレームの幅に合わせて自動改行します。
流し込みテキストフレーム内に文字を入力

青い枠が赤い枠になっているときは、流し込みテキストフレーム内に文字が収まりきれていないので、左上または右下にある□のハンドルにマウスポインタを持っていきドラックしましょう。

四角いハンドルをドラッグして範囲を拡大

ドラッグすることで、流し込みテキストフレームの大きさを自由に変えることができ、文字をフレーム内に収めることができます。

範囲内に文字が収まると、青い枠のフレームに変わります。
範囲内に収まると、枠線が青に

また、テキストボックス右上にある丸いハンドルを下方向にドラッグすることで、垂直丸め半径を調整することができます。

キーボードのCtrlキーを押しながらドラッグすると水平方向の半径も同じにすることができます。
丸め半径を調整

ツールコントロールバーから入力した文字を編集してみよう

Inkscapeでは、入力した文字のサイズや太さ、間隔、文字列の位置などを、ツールコントロールバーから簡単に編集や修正することができます。

はじめに、編集作業をする文字をクリックして枠線(点線)を表示して編集可能にしておきましょう。

枠線を表示して編集可能にする

フォントを変更してみよう

フォント(書体)を変えたいときは、ツールコントロールバーから「フォントファミリ」のプルダウン(下矢印)をクリックすると、今PCに入っているフォントがリストで表示されます。リストの中からあなたが思っているフォントを選ぶことで書体を変えることができます。

フォントを変更

選択した文字だけフォントを変えてみよう

選択した範囲のフォントを1文字単位で変えることができます。

はじめに、変えたい文字をドラッグして選択しましょう。次にツールコントロールバーから「フォントファミリ」のプルダウン(下矢印)をクリックし、変えたいフォントをリストから選択することで、以下のように1文字だけでも変えることができます。

一文字単位でフォントを変更

フォントを太字にしたり斜体にしてみよう

ツールコントロールバーから「フォントスタイル」のプルダウン(下矢印)をクリックして、入力した文字を簡単に太くしたり斜めにしたりすることができます。

Normal:普通 Italic:斜体 Bold:太字 Bold Italic:太字+斜体

太字や斜体に対応しているフォントに限ります。
太字や斜体にすることができる

文字のサイズを変更してみよう

ツールコントロールバーから「フォントサイズフォントサイズアイコン」のプルダウン(下矢印)をクリックして、入力した文字の大きさを変更することができます。ちなみに単位はptです。

また、数値を直接入力することで好きな大きさの文字に変更することができます。
数値を選ぶか直接入力してフォントサイズを変更

行間を編集してみよう

ツールコントロールバーから「行間隔行間隔アイコン」の数値を変更することで、複数行ある文字の行と行の間を調整することができます。

単位は、空白(フォントサイズの倍数)、mm、pc、pt、in、cm、px、%、em、exの中から選ぶことができます。
キーボードのCtrl+Altを押しながら.で行間隔を1pxずつ広げることができ、Ctrl+Alt押しながら,で行間隔を1pxずつ狭くすることもできます。また、キーボードのShift+Ctrl+Alt押しながら.で行間隔を10pxずつ広げることができ、Shift+Ctrl+Alt押しながら,で行間隔を10pxずつ狭くすることができます。
行間隔の調整

ちなみに、数値を大きくしていくと行間隔は広くなり、小さくしていくと狭くなります。

行間隔のサンプル

行揃えの設定してみよう

ツールコントロールバーから「左揃え」「中央揃え」「右揃え」「均等割り付け(流し込みテキストのみ)」から行揃えの位置を設定することができます。

行揃えの位置を選択

行揃えのサンプル

上から「左揃え」「中央揃え」「右揃え」「均等割り付け(流し込みテキストのみ)」です。

行揃えのサンプル

文字を上付きや下付きに設定してみよう

Inkscapeではツールコントロールバーからフォントに上付き文字や下付き文字の設定をすることができます。

上付き文字や下付き文字にしたいときは、フォントをドラッグして選択し、「上付き上付きボタン」または「下付き下付き文字ボタン」ボタンを押すことで簡単に適用することができます。

上付き文字や下付き文字に

また、上付きや下付きに設定した文字のベースラインを調整するときは、キーボードのAltキーを押しながら方向キーを押すことで位置の調整をすることができます。

ベースラインの調整

文字と文字の間隔を調整してみよう

文字と文字の間隔を調整したいときは、ツールコントロールバーの「文字間隔文字間隔のアイコン」の上下ボタンを押すことで、文字全体の間隔を調整することができます。単位はpxです。

キーボードのAltキーを押しながら.を押すことで文字の間隔を1pxずつ広げることができ、Altキーを押しながら,を押すと文字の間隔を1pxずつ縮めることができます。また、Shift+Altキーを押しながら.を押すと文字の間隔を10pxずつ広げることができ、Shift+Altキーを押しながら,を押すと文字の間隔を10pxずつ縮めることができます。
文字間隔を調整

単語と単語の間隔を調整してみよう

単語と単語の間のスペースを調整したいときは、ツールコントロールバーから「単語間隔単語間隔アイコン」の上下のボタンを押すことで半角と全角スペースを調整することができます。単位はpxです。

単語と単語の間隔を調整

カーソル位置の間隔を調整してみよう

ツールコントロールバーの「水平カーニング水平カーニングアイコン」を調整することで、カーソルがある位置の間隔をpx単位で設定することができます。

流し込みテキストには設定することができません。
水平カーニングの設定

文字の縦位置を調整してみよう

ツールコントロールバーの「垂直シフト垂直シフトアイコン」を調整することで、カーソルがある位置から右側の文字または、ドラッグして選択した文字の縦位置(ベースライン)の設定をすることができます。

流し込みテキストには設定することができません。
キーボードのAltキーを押しながら方向キーを押すことで、1pxずつ上下または左右に移動することができます。また、shift+Altキーを押しながら方向キーを押すことで10pxずつ移動することができます。
垂直シフトの設定

文字を回転してみよう

ツールコントロールバーの「文字の回転文字の回転アイコン」を調整することで、カーソルがある位置から右側の文字または、ドラッグして選択した文字を左右に回転させることができます。

流し込みテキストには設定することができません。
キーボードのCtrl+Altキーを押しながら[または]を押すことで、1pxずつ文字を回転することができます。また、Ctrlキーを押しながら[または]を押すことで、90度ずつ文字を回転することができます。
文字の回転を調整

文字を縦書きにしてみよう

Inkscapeでは、ツールコントロールバーの「Vertical text-lines:right to left縦のテキスト行を右から左に」または、「Vertical text-lines:left to right縦のテキスト行を左から右」を選ぶことで、日本語などの文字を簡単に縦書きすることができます。

ちなみに、「Vertical text-lines:right to left縦のテキスト行を右から左に」は、縦のテキスト行を右から左に。「Vertical text-lines:left to right縦のテキスト行を左から右」は、縦のテキスト行を左から右にすることができます。
文字を縦書き

一度縦書きにしたあと、ツールコントロールバーの「Upright gryph orientationUpright gryph orientation」をクリックすると、英語、アルファベット、ローマ字などの横文字を縦書きにすることができます。

ローマ字などを縦書きに

編集した文字を元の状態に戻してみよう

水平カーニング、垂直シフト、回転などの編集設定を行ったテキストを、ツールバーからテキスト手動カーニングの除去をクリックすることで、まとめて元の状態に戻すことができます。

編集した文字を元の状態に戻す

テキストとフォントのダイアログからの設定

右側にあるコマンドバーの「フォントファミリ、フォントサイズ、その他テキストのプロパティの表示と選択テキストとフォントのアイコン」をクリックして、「テキストとフォント」のダイアログを開くことで、ツールコントロールバーからの操作と同じように、フォント、フォントサイズ、太字、斜体、行揃え、横書き、縦書きなどの設定をすることができます。

キーボードのshift+Ctrl+Tを押すことでも、「テキストとフォント」のダイアログを開くことができます。
フォントファミリ、フォントサイズ、その他テキストのプロパティの表示と選択をクリック

「テキストとフォント」のダイアログが開き、設定することができます。

「テキストとフォント」のダイアログ

おわりに

Inkscapeの「テキストツールInkscapeのテキストツールアイコン」を使って、基本的な文字の入力や文字の編集、変更方法をご紹介しました。このテキストツールは、文字のスタイルをいろいろ設定できるので、タイトル画像やバナー、ロゴなどの作成が楽しくなりますね。

スポンサーリンク
同じカテゴリーのコンテンツ一覧