こんにちは!なかびーです。
Inkscapeで文字を扱うときは、文言を入力すること、見た目を変えること、位置をそろえること、編集用に残すことを分けて確認します。架空の道具交換会の見出しと案内文を使い、クリックから作る短い文字と、枠へ流し込む説明文を整える入門です。
1.文字を入れる目的と、三つの文の役割を決める

図形を描く前に、何を伝えるかを整理する
Inkscapeで文字を入れるときは、先に伝えたい文を決めると操作を選びやすくなります。短い見出しを置きたいのか、決まった幅へ説明文を入れたいのかで、文字の作り方が異なります。いきなり大きさや飾りを変えるより、言葉の役割を整理してから、入力、編集、配置、保存へ進みましょう。
この教材では、ひとつのページに短い見出し、会場の案内、少し長い説明の三つを置きます。見出しはまず目に入る情報、会場は読み手が探す短い条件、説明は内容を補う文章です。同じ文字でも役割が違うため、全部を一つの大きな段落へまとめず、あとから位置を調整できる単位へ分けます。
名刺や印刷用データを完成させる記事ではありません。印刷先の仕様、実在の催しの告知、フォントの新規導入、文字のパス化は扱いません。すでに利用できるInkscapeで、短い文を入力し、必要な箇所を直し、ページ上へ配置して編集用の状態を残す入門です。
架空の道具交換会を、練習の題材にする
見出しは「練習・道具交換会」、会場の文は「会場は第一室です。」とします。説明文は「使わなくなった道具を持ち寄り、必要な人と交換する練習です。持ち物と会場のルールは、受付で確認してください。」という架空の文章です。実在の会を案内したり、参加を募集したりするものではありません。
この三つの文章を使うのは、見出しと条件、長い説明を違う形で扱うためです。実際にInkscapeで作成済みのファイルを配布しているわけではなく、筆者の実機の成功例でもありません。読者が練習するときは、自分で扱ってよい内容へ置き換えてください。個人情報や他人の仕事の資料を持ち込む必要はありません。
途中で会場の文を「会場は第二室です。」へ直す練習もします。これは入力済みの文字を編集するための課題で、実際の催しの会場変更ではありません。変更する箇所を一つに決めることで、文字の書き換えと位置の移動を別々に確かめられます。最後の見直しでは、第二室になっているかを確認します。
表は横にスクロールできます。
| 役割 | 教材の文 | 作り方の例 |
|---|---|---|
| 見出し | 練習・道具交換会 | クリックから短い一行 |
| 会場 | 会場は第一室です。→第二室へ修正 | 別の短いテキスト |
| 説明 | 持ち寄る練習と受付の案内 | ドラッグした枠へ入力 |
ページ、文字の枠、文字の内容を区別する
ページは配置の基準になる領域です。その上に置く文字は、編集できる対象として扱います。文字の周りに見える枠と、ページの外周は別です。枠を小さくしたらページも小さくなる、という関係ではありません。どの範囲の話をしているかを、作業中も分けて考えましょう。
文字の内容も、その枠の大きさと同じ情報ではありません。説明の枠を狭くして折り返しが増えても、文章を短くしたわけではありません。反対に一文を削除したなら、文字の内容が変わっています。見た目を変えた作業と、文言を変えた作業を区別すると、保存後に何を比べるべきかが分かります。
今回は、見出し、会場、説明をそれぞれ別のテキストとして作ります。三つの対象を分けると、会場だけを直したり、見出しだけを大きくしたりしやすくなります。ただし細かく分ければいつもよいわけではありません。まず役割の違う三つに分け、必要もないのに一文字ずつ別の対象へ作り直さないようにします。
手元の版と、使える書体を確認する
この記事は、現在参照できるInkscapeの共同体による入門ガイドの基本操作を基準にしています。参照資料は1.3と表記されるため、手元の版のすべての表示位置や項目名まで同じと断定しません。機能の目的を読み、自分の画面にある文字ツールや設定欄を確かめながら進めてください。
書体は、使用しているパソコンへ入っているものから選びます。ガイドでもInkscape自体が書体を一式提供するわけではなく、システムにあるフォントを使うことが説明されています。記事の見本と同じ書体がないからと、知らない配布元から追加する必要はありません。今回は日本語が表示できる既存の書体を選びます。
仕事で文字を使う場合は、そのフォントの利用条件も別に関わります。文字が表示されたことだけで、どんな用途にも配布や商用利用ができるという結論にはなりません。本稿では書体の利用権を判定せず、許可された環境の既存フォントで基本を練習します。入力と配置を理解することを先の目標にしましょう。
2.クリックする文字と、枠へ流し込む文字を作り分ける

短い見出しは、文字ツールでクリックして入力する
文字を入力するツールを選び、ページの上の方を一度クリックします。ガイドではTやF8から起動する方法も案内されていますが、文字入力中のキーは文字として入ることもあるため、まずツールの名前を確認して選ぶと分かりやすくなります。アイコンの位置は自分の画面で確かめてください。
クリックした位置に文字の入力カーソルが出たら、「練習・道具交換会」と入力します。日本語の変換が必要なら、表示したい文字に変換して確定してから次の操作へ進みます。今回の見出しは短い一行として作るので、最初に四角い範囲をドラッグして作る方法とは分けます。
クリックから作る文字では、必要な改行は自分で入れる考え方になります。長い文を入れれば、用意した枠の端で必ず自動的に折り返すというものではありません。見出しがページからはみ出した場合は、内容の長さ、大きさ、位置を見直します。何度も空白を入れて折り返しの代わりにする前に、文字を作った方法を確認しましょう。
会場の一文を、見出しとは別に作る
見出しの入力を終えたら、別の位置へ二つ目の文字を作ります。会場は「会場は第一室です。」という一文です。見出しの末尾へ続けて打ち込まず、別のテキストとして作れているかを確認してください。文字ツールを使っていても、既存の文字の中をクリックした場合は、その文の編集になるためです。
別の対象へ作る理由は、あとで会場だけを直したり移動したりするためです。文字が同じ段落に混ざっていると、一部だけの位置を変えたいときに扱いにくくなります。今回は見出しと会場の役割を先に決めているので、入力後にそれぞれを選び、どこまでが一つの対象かを確認します。
似た位置へ二重に文字を作ってしまった場合は、重なったまま見た目だけを合わせないようにしましょう。どちらを編集しているか分からない状態になるからです。まず一つずつ選び、必要な文章がどこにあるかを確認します。不要な重複を整理するときも、残す方の内容が正しいかを先に見ます。
長い説明は、ドラッグで枠を作って入れる
三つ目の説明文は、文字ツールでページ内をドラッグし、文章を入れる枠を作ってから入力します。ガイドでは、長い文を一定の領域へ入れる方法として案内されています。作った枠の幅へ文字が流れ、行が折り返されます。短い見出しをクリックから作る方法との違いを、同じページで見比べましょう。
入力するのは、道具を持ち寄る練習と、受付でルールを確認する二文です。見出しの内容を繰り返すためではなく、補足する文章として配置します。枠が狭ければ行数が増え、広ければ一行に入る文字が増えます。文章そのものを変えていなくても、枠の幅によって見え方が変わることを確かめてください。
枠へ文字が入り切らない場合は、見えている部分だけで入力が終わったと判断しません。ガイドでは、すべてが収まらない状態を枠の表示で知らせることも説明されています。表示色だけを暗記するより、最後の「確認してください。」まで見えているか、文が途中で欠けていないかを読む方が具体的です。
枠を広げることと、文字を大きくすることを分ける
文章の枠は、ハンドルを使って大きさを変えられます。枠を広くすると、同じ文字サイズでも行の折り返しが変わります。枠を広げたからと、文字自体がその枠をいっぱいに埋める大きさへ自動で伸びるわけではありません。この点もガイドで区別されています。
文字を読みやすくしたいなら、文字サイズを変える判断が必要です。入る行数を減らしたいなら、枠の幅や文章の長さを考える場合があります。どちらか一つを変えれば必ず解決するとは限らないので、今回変えたいのが文字の見た目か、文章を置く領域かを先に決めましょう。
最初の練習では、説明の枠を少し広げて末尾まで見えるかを確かめ、その後に文字サイズを調整します。両方を同時に大きく変えると、何が折り返しを変えたか分かりにくくなります。一つの変更ごとに、文の内容が保たれているかも確認しておくと、次の書式調整へ進みやすくなります。
3.文字の修正と、書体・大きさ・行間の調整を分ける

会場の一文字を変更して、内容の編集を確かめる
文字ツールで会場の文を選び、「第一室」の「一」を「二」へ変更する練習をします。修正後は「会場は第二室です。」です。文の全体を消して作り直す前に、変更したい部分へ入力カーソルを置く、またはその文字を選ぶことで、部分の修正ができるかを確かめます。
文字を入力する状態なのか、文字全体の位置を動かす状態なのかも見ます。選択ツールでテキストの対象を選んでいるだけでは、文の中の一文字へカーソルを入れる操作とは違います。何を選んでいるかが分からないときは、まず文字ツールの役割へ戻り、修正する文を確認してください。
変更後は「第二室」と読めるだけでなく、前後の「会場は」「です。」が残っているかも見ます。一文字だけを直したつもりで句点まで消えたり、二つの文が重なったりしていないかを確認します。見た目を整える前に文言を確かめると、誤った文章を大きく目立たせてしまうのを避けられます。
書体と文字サイズを、役割に合わせて選ぶ
書式は、文字ツールの設定欄や「テキストとフォント」に相当するダイアログで調整します。ガイドでは、書体、スタイル、文字サイズ、行の間隔、揃え方などが案内されています。利用する版の表示に従い、選択した対象へ設定が反映されるかを確認してください。
見出しは他の二つより目に入りやすく、会場と説明は内容を読み取りやすい大きさにする、という方針が考えられます。ただし何ポイントなら必ず読めるという共通の正解はありません。書体、ページの用途、背景、見る大きさが関係します。まず三つの文章の優先度を見て、大きさの差を必要な範囲にとどめます。
書体を変えた後は、日本語の文字が欠けたり、意図しない形になったりしていないかも読みます。表示名を選べたことだけで、その文章のすべての文字を同じように表現できるとは限りません。別の既存フォントを使う場合も、見出しだけでなく「第二室」と説明の末尾まで確認してください。
全体の設定か、一部の文字の設定かを確認する
文の中の一部だけを選んでいると、その部分に書式を変える操作になる場合があります。見出し全体を同じ大きさにしたいのに、一文字だけが選ばれていれば、期待した範囲へ反映されないことがあります。変更前に、どの文字へ設定を適用するつもりかを言葉にして確かめましょう。
一部を強調すること自体が悪いわけではありません。しかし、最初の教材では役割を三つの対象で分けているため、無理に一文字ごとに装飾を増やす必要はありません。見出し、会場、説明をそれぞれ読みやすくすることを先に確認し、装飾を追加した場合は本当に意味が伝わりやすくなったかを見ます。
一文字だけ大きさが違って見えたら、すぐ書体の不具合と判断せず、その文字に別の設定が残っていないかを確認します。変更を重ねるより、どの範囲にどの書式があるかを調べる方が原因を追えます。全体の調整と部分の調整を分けることは、後から文言を直すときにも役立ちます。
行間と文字間隔で、情報を詰め込み過ぎない
長い説明は、行の間隔が狭いと読みづらくなる場合があります。ガイドには行の高さや間隔の調整が案内されていますが、数値を増やせば必ずよいわけではありません。広げると必要な領域も増えるため、枠の高さや文章の長さと合わせて確認します。末尾が見えなくなったら、行間だけでなく収まりも見直します。
文字間隔も、文の印象と収まりへ影響します。見出しを横幅いっぱいにするためだけに大きく空けると、語のまとまりが読みづらくなることがあります。今回の「練習・道具交換会」がひとつの見出しとして読めるかを見て、単に幅が合ったという理由だけで確定しないようにしましょう。
設定を変えるときは、文言を同時に変更せず、まず見た目だけを比べます。文字が大きくなったのか、行が広がったのか、枠が変わったのかを一つずつ確認します。三つの対象が別々にある教材なら、見出しの変化と説明の変化を区別しやすくなります。
4.文字の揃え方と、ページ上の配置を使い分ける

文の行揃えと、対象の位置は別の設定
中央揃えという言葉には、文章の中で行をどう揃えるかという意味と、文字の対象をページの中央へ置くという意味があります。文字の設定で中央揃えにしただけで、ページの真ん中へ自動で移動するとは考えないでください。いま調整するのが文章の内部か、ページ上の位置かを分けます。
見出しは一行なので、内部の揃え方の差が見えにくいかもしれません。複数行の説明なら、左揃えと中央揃えで行の並び方が変わります。どの並びが読みやすいかを考え、説明の文を全部同じ短さへ削って形だけを合わせる前に、文の意味が保たれているかも確かめてください。
ページ上で文字の塊を動かしたいときは、対象を選んで位置を調整する操作になります。文字を一文字ずつ動かすことや、行の先頭へ空白を追加することとは別です。配置のために入れた大量の空白は、文字を後から修正したときにずれの原因になりやすいため、目的に合う配置の機能を使います。
表が収まらない場合は左右へスクロールしてください。
| 確認する対象 | 変えるもの | 同時に変わるとは限らないもの |
|---|---|---|
| 文字の編集 | 第一室から第二室へ文言修正 | ページ上の位置 |
| 文字の書式 | 書体・大きさ・行間 | 入力した文章 |
| 対象の整列 | 基準に沿った位置 | 段落内部の行揃え |
三つの役割を、上下の順番で配置する
最初は上に見出し、その下に会場、さらに下に説明という順で置きます。ページの上端へ文字をぎりぎりに寄せず、周囲に余裕を残します。これはこの架空教材の配置方針で、すべての案内物へ同じ寸法の余白を指定するものではありません。まず三つの情報を順番に読めるかを確認します。
選択ツールで、動かしたい対象を選び、文字の内容を変えずに位置を調整します。見出しを動かすつもりでページ上の別の文字まで一緒に選んでいないかを見ます。複数が選ばれていれば、まとめて動く可能性があるためです。今回のように対象を少数にしておくと、何を動かしているかを追いやすくなります。
位置を変えた後は、見出しと会場、会場と説明の間をそれぞれ見ます。二つの隙間を必ず同じにするのではなく、関連する情報がまとまり、役割の違う部分が区別できるかを考えます。数字をそろえることだけを目的にせず、実際に上から読んだときの順序を確認しましょう。
整列を使う前に、基準を選ぶ
Inkscapeの整列と配置に関するダイアログでは、選んだ対象を揃える基準を指定できます。ガイドでは、先に選んだ対象、後で選んだ対象、ページなどの基準が説明されています。どれを基準にするかを確認せずボタンを押すと、動かしたくないものまで位置が変わることがあります。
この教材では、三つの対象をページの横方向の中央へ揃える方法を一例として考えます。三つが別々の高さにあることを確認し、対象を選び、基準をページにして、横方向の中央へ揃える操作の意味をツールチップなどで確認します。上下方向まで同時に中央へそろえる目的ではありません。
一度に両方向へ揃えて三つが重なってしまった場合は、結果を見て何を動かしたかを考えます。今回必要なのは、上下の順を保ちながら横の中心を合わせることです。操作を取り消せる状態なら戻して、基準と方向を一つずつ確かめてください。絵柄のアイコンだけを覚えるより、何の軸に対して揃えるかを理解すると応用できます。
中央へそろった後も、読みやすさを確かめる
三つの対象の中心が合っていても、説明文が長ければ見た目の重さは変わります。文字の枠の幅、行の揃え方、見出しとの距離を見て、読みにくくなっていないかを確認します。整列できたという機械的な状態と、読み手に伝わる配置は同じではありません。
説明文を左揃えにして、枠そのものをページの中央へ置く、といった組み合わせも考えられます。文の内部の揃え方と、枠の位置が別だからできる考え方です。今回の教材では、どの組み合わせを選んだかを記録し、あとで「中央揃え」とだけ書いて二つの意味を混同しないようにします。
最後にページ全体を見て、はみ出し、重なり、見出しと説明の取り違えがないかを確かめます。細部を拡大したままでは、ページ上のバランスを見失うことがあります。全体で順序を読み、必要に応じて個別の文を拡大して読むという二つの見方を組み合わせましょう。
5.編集用のSVGを保存し、開き直して確認する

入力した文を直せる状態のまま残す
この入門では、後から文字を修正できる編集用データを残します。見出し、会場、説明の三つをテキストとして扱い、図形へ変換する手順は入れません。文を変更する可能性があるなら、文字を直せる元を残しておくことが、次の作業の出発点になります。
Inkscapeの入門ガイドでは、編集に使う情報を保つ形式としてInkscape SVGが案内されています。保存画面で形式を確認し、教材なら「道具交換会_文字練習.svg」のように内容が分かる名前を付けます。名前は一例です。実在の催しの正式データや、外部へ渡してよい成果物という意味ではありません。
拡張子をSVGへ変えた名前にするだけで、別の画像が編集できる文字へ変わるわけではありません。今回はInkscapeで作ったテキストを、編集用の状態として保存します。画像化した文字や写真の中の看板を、そのまま文字ツールで書き換える説明ではない点も分けておきましょう。
保存先と版の名前を確認する
保存先は、自分が後で開ける場所を選びます。元からある資料へ上書きするのではなく、練習用の新しいファイルとして残すと区別しやすくなります。同じ名前が既にある場合は、そのファイルが何かを見てから判断し、確認のための古い版まで消してしまわないようにしてください。
会場を第一室から第二室へ変えた後の版を残すなら、文言を確認してから保存します。名前に「修正済み」と書いたことだけで、文字の中身が直っているとは限りません。どの文を変えた版かを内容で確認し、必要に応じて元の版と区別できる名前にします。
通常の保存と別名で残すことを、自分の目的に応じて選びます。作業の途中を続けて保存したいのか、比較のために前の版を残したいのかで判断が違います。この記事では特定の保存場所や命名規則をすべての仕事の標準として押し付けず、名前と中身の対応を追えることを重視します。
SVGへ残したことと、別の環境の表示保証を分ける
SVGを保存できたことだけで、どのパソコンでも文字の見え方が完全に同じになるとは考えません。別の環境の書体や表示方法が関わるためです。共同体のガイドでも、システムにあるフォントを使うことが説明されています。自分の環境で表示できたという確認の範囲を、勝手に広げないようにします。
印刷や納品に使う場合は、相手が求める形式や文字の扱いを別に確認します。関連する考え方は印刷用データの作り方を参考にできます。本稿の編集用SVGを保存したことだけで、入稿仕様の確認や第三者の承認まで終えたとは判断しません。
今回は、パス化や印刷用PDFへの書き出しの具体操作を説明しません。目的に対して必要な出力を選ぶことは大切ですが、未確認の機能を追加して一度に完成させようとする必要はありません。まず入力と配置が直せる元を保存し、次に必要な形式が決まったら、その仕様を確認して進めます。
保存したファイルを開き、三つの対象を選び直す
保存が終わったら、実際の保存先のSVGを開き直します。作業中の画面だけを見ていると、別の場所や別の名前で保存したことに気付かない場合があります。開いたファイルの名前と、見出し、会場、説明が今回の版かを確認してください。
見出しが「練習・道具交換会」、会場が「会場は第二室です。」で、説明文の末尾まであるかを読みます。文字ツールでそれぞれの文字を選び直せるかも確かめます。位置がきれいに見えることだけでなく、続きの文言修正ができる状態を残したかを見るためです。
ここで行った確認を、自分の記録では保存先、ファイル名、確認した内容に分けます。「SVGができた」という一言より、どの版を開き、どの文を見たかを残す方が、次の修正へ戻りやすくなります。実際に開いていない版は、名前が似ていても確認済みにしないようにしましょう。
6.入力できない・収まらない・動くときに対象を見分ける

文字が入力できないときは、ツールと対象を確認する
文字を打っても期待した文が変わらない場合は、文字ツールを使っているか、入力カーソルがどこにあるかを確認します。選択ツールで文字全体を選んだ状態と、文字の中を編集する状態は違います。別の対象の末尾へ入力していないかも見てください。
日本語の変換中なら、確定前の状態と、ページへ入力された文字を区別します。文字の操作のために押したキーが、入力中の文へ入る場合もあります。反応が分からないときは、ショートカットを続けて押すより、表示中のカーソルと文字を見て、今どの状態かを整理します。
既存の資料にある文字らしい形が、今回のような編集できるテキストとは限らない点にも注意します。写真の中の文字や、図形として用意された形は別です。この記事の教材は新しくテキストを作る練習なので、別の素材を同じ操作で書き換えられると一般化しないようにしましょう。
説明が途中で見えなくなったら、枠と文字を分ける
説明文の最後が見えない場合は、枠の大きさと、文字サイズ、行間を確認します。文章そのものが削れたのか、領域へ収まらず表示し切れていないのかを分けます。最初から内容を短くする前に、入力した二文があるかを文字の編集状態で確認してください。
枠を少し広げると末尾が見える場合は、枠の領域が関わっていると考えられます。文字サイズを調整した場合も、読みやすさを保てるかを見ます。文字を極端に小さくして全部を入れたことを、使いやすい完成形とする必要はありません。文章の長さと配置の領域を一緒に考えます。
クリックから作った長い文が横へ伸びているなら、枠へ流し込む方法で作ったかを確認します。手動改行を大量に入れて形だけを整える前に、文の役割へ戻ります。短い見出しと長い説明を作り分けた理由が、この確認でも役に立ちます。
整列で思わぬ場所へ動いたら、基準と方向を見る
整列後に三つの文が同じ場所へ重なった場合は、上下方向も中央へ揃えていないか、基準が何になっているかを見ます。目標は上下の順序を保ち、横の中心を合わせることでした。基準や方向の違いを、文字の内容が壊れた問題として考えないようにしましょう。
見出しだけを動かしたはずなのに会場も動いたら、何個の対象を選んでいたかを確認します。複数の選択が残っていることと、ひとつの文章の中に複数行があることも別です。対象の数を整理すれば、どこを修正するかが分かります。見た目だけで一つの対象だと決めないでください。
位置の調整の後は、必ず文言も読み直します。移動と文字の編集を切り替える途中で、意図せず文字を追加したり削ったりしていないかを確かめます。配置が合ったことと、文章が正しいことは別の確認として扱います。
次の修正へ戻れる確認メモを残す
最後に、三つの文章、入力方法、書式、配置の基準、保存先を短くまとめます。見出しと会場はクリックから、説明は枠へ流し込み、会場の文は第二室へ修正、横の整列はページ基準という対応です。実際に選んだ設定へ置き換え、記事の例を自分の作業結果として写さないでください。
まだ開き直していないファイルや、別の環境での表示は未確認として分けます。編集用SVGが残ったことを、実際の印刷や公開、外部への引き渡しまで終わった記録へ広げないようにします。今回の入門で確認した範囲が分かれば、次に必要な仕様を別に調べられます。
文字を入れる作業では、入力、見た目、位置、保存を一度に変える必要はありません。まず読ませたい文を決め、その内容を保ちながら一つずつ整えてください。何を変えたかと、何を開いて確かめたかを対応させることが、短い文字を扱い始めるときの基本になります。
確認先:Inkscape共同体の入門ガイドの文字の入力、書式の調整、整列と配置、編集用データの保存。参照資料は1.3のガイドです。手元の版の表示を確認し、未確認の最新機能やすべての環境の見え方を保証するものとしては扱わないでください。


