囲み線に文章を入れる

前の記事では、黄色の太い二重線である "囲み線" を描きました。 この記事では囲み線の内側に、

胸と腹部の黄色がチャームポイントの野鳥です。
尻尾を上下に振る姿がなんともカワイイです。

という文章を黒色の文字で入れます。

では、作業を初めましょう。 初登場となる "テキスト" を利用します。

1. 最上位レイヤ "囲み線" を選択する
1. 最上位レイヤ "囲み線" を選択する

上図のように最上位レイヤ "囲み線" を選択します。 黄色の太い二重線が描かれているペイントレイヤです。

2. テキストツールを選択
2. テキストツールを選択

上図のように画面左部にあるツールボックスからテキストツールを選択します。 テキストツールでは、マウスのクリックやドラッグでテキストを作成することができます。

  
ドラッグした場合はその形状のテキストボックスが作成され、クリックすると前回と同じ形状のテキストボックスが作成されます。

次に描画色を黒色に設定します。

3. ツールバーにある[色の初期化]ボタンを押す
3. ツールバーにある[色の初期化]ボタンを押す

上図のようにツールバーにある色の初期化ボタンを押します。 描画色が黒色に、背景色が白色に設定されます

テキストを入れる準備ができました。 選択中のテキストツールを使い、囲み線の内側にピッタリ収まるテキストを作成しましょう

4. 囲み線の内側を対角にドラッグ
4. 囲み線の内側を対角にドラッグ

上図のように囲み線の内側を対角にドラッグします。 赤色の矢印はドラッグの動きを表しています。

5. 新たなテキストが作成される
5. 新たなテキストが作成される

上図のように新たなテキスト "プレスホルダー テキスト" が作成されます。 このように、新たに作成されたテキストの初期値は "プレスホルダー テキスト" となります。

  
Krita 5.2 / Krita 5.1 では "テキスト編集" ダイアログが表示されます。 [閉じる(C)]ボタンを押して閉じてください。

ではここで、レイヤ一覧に注目してください

6. ベクタレイヤが追加されている
6. ベクタレイヤが追加されている

上図のようにベクタレイヤが追加されています。 選択されていたレイヤがペイントレイヤだったため、このように自動的にベクタレイヤが追加されました。

  
ペイントレイヤが選択されている場合は、新たなベクタレイヤが自動的に追加されます。 テキストは追加されたベクタレイヤ上に作成されます。

では続いて、テキストの文章を変更しましょう。 現在の、

プレスホルダー テキスト

から、

胸と腹部の黄色がチャームポイントの野鳥です。
尻尾を上下に振る姿がなんともカワイイです。

に変更します。

7. テキストツールでテキストをクリックする
7. テキストツールでテキストをクリックする

上図のようにテキストツールでテキストをクリックします。

  
Krita 5.2 / Krita 5.1 の場合は形状選択ツールに切り替わっているハズです。 テキストツールに切り替えて、ダブルクリックしてください。
8. テキストが編集可能な状態になる
8. テキストが編集可能な状態になる

上図のようにテキストが編集可能な状態になります。 メモ帳での編集と同じようにキーボード操作で文字を追加や削除することができます。

Deleteキーで文字を消したり、カーソルキー()で編集場所を移動することができます。 キーボードから何か文字を打ち込むと、テキストに文字が追加されます。

  
Krita 5.2 / Krita 5.1 では "テキスト編集" ダイアログが再表示されます。 テキストを編集したら、[保存(S)]ボタンで保存してから[閉じる(C)]ボタンを押して閉じてください。

では、テキストを修正しましょう。

9. テキストを修正する
9. テキストを修正する

上図のようにテキストを修正します。 なお、Enterキーで改行を入れて2行のテキストにしてあります。


ここでちょっと寄り道して、テキストのフォントやサイズの変更方法を紹介しておきます。

  
Krita 5.3 では、テキストのフォントやサイズの変更方法が大幅に変更されました。
  
Krita 5.2 / Krita 5.1 では "テキスト編集" ダイアログでフォントやサイズを変更できます。
10. ツールのオプションパネルの[Open Text Properties]ボタンを押す
10. ツールのオプションパネルの[Open Text Properties]ボタンを押す

上図のようにツールのオプションパネルの[Open Text Properties]ボタンを押します。

ボタンを押しても何も起きていないように感じるかもしれませんが、もちろんそんなことはありません。 ドッキングパネルの下部に注目してください

11. ブラシプリセットパネルの下にテキストのプロパティパネルが増えている
11. ブラシプリセットパネルの下にテキストのプロパティパネルが増えている

上図のようにブラシプリセットパネルの下にテキストのプロパティパネルが増えています。 このパネルで、テキストのフォントやサイズ・配置などを変更することができます。

今回はテキストのプロパティは変更しませんので、ここでパネルを閉じておきましょう

12. テキストのプロパティパネルの[X]ボタンを押す
12. テキストのプロパティパネルの[X]ボタンを押す

上図のようにテキストのプロパティパネルの[X]ボタンを押します。 テキストのプロパティパネルが閉じます。


本題に戻りましょう。 最後にレイヤ名称を変更します。

13. レイヤ名称を "文章" に変更する
13. レイヤ名称を "文章" に変更する

上図のようにレイヤ名称を "文章" に変更します。 これで、"囲み線" と "文章" が揃いました。 "説明文" のひとまずの完成です。

  
  

まとめ

テキストツールではマウスのクリックやドラッグでテキストを作成することができます。

ドラッグするとその形状のテキストボックスが作成され、クリックすると前回と同じ形状のテキストボックスが作成されます。

操作/コマンド 説明
[テキストツール]ボタン テキストツールを選択する
(テキストツール選択中)
マウスの左ボタン(マウスの左ボタン)のドラッグ
ドラッグした形状のテキストボックスが作成され、初期テキストが配置される
※ペイントレイヤであれば新たにベクタレイヤが作成される
(テキストツール選択中)
マウスの左ボタン(マウスの左ボタン)のクリック
前回と同じ形状のテキストボックスが作成され、初期テキストが配置される
※ペイントレイヤであれば新たにベクタレイヤが作成される

ツールのオプションパネルの[Open Text Properties]ボタンを押すとテキストのプロパティパネルが出現します。

テキストのプロパティパネルでは、選択中のテキストのフォント・サイズ・配置などを設定することができます。