トップ > キセキレイのイラストを描いてみる > 説明文の仕上げ >
文章を目立たせる

文章を縁取り

まずは、文章の縁取りから行います。 文章の形状で範囲選択し、次に選択範囲を 4 ピクセル拡大します。 続いて文書のレイヤの下に新たなペイントレイヤを追加し、そこを拡大した選択範囲で塗りつぶします。

では、文章の形状に範囲選択しましょう。 最初にレイヤを選択します。

上図のようにペイントレイヤ "文章" を選択します。 文章の一部(長音符)を弓なりに変形させたラスタ画像が描かれているレイヤです。

では、このペイントレイヤの黒色の部分を選択しましょう。

上図のように画面左部にあるツールボックスから近似色選択ツールを選択します。

近似色選択ツールは、似た色をまとめて範囲選択するためのツールです。 クリック位置の色に近い色を持つ周囲のピクセルもまとめて選択されます。

続いて表示倍率を調整します。 クリックしやすいよう、表示倍率を高くしましょう。

上図のようにクリックしやすいよう表示倍率を上げます。

では、黒色の部分をクリックしましょう。

上図のように黒色の部分をマウスの左ボタン()でクリックします。

上図のように黒色に近い色も含めてまとめて範囲選択されます。

続いて選択範囲の拡大を行います。 4 ピクセル広げます。

上図のようにプルダウンメニューの "選択(S) -> 選択範囲を広げる(G)..." を実行します。

上図のように選択範囲を広げるダイアログが表示されます。 "広げる" に 4 を入力して[OK]ボタンを押します。

上図のように選択範囲が 4 ピクセル広がります。

続いて新たなペイントレイヤを追加します。 黄色で塗りつぶすためのレイヤです。

上図のようにペイントレイヤ "文章フチ" を "文章" の下に追加します。

では、このレイヤの選択範囲の内側を塗りつぶしましょう。 塗りつぶしツールを使います。

上図のように画面左部にあるツールボックスから塗りつぶしツールを選択します(またはキーボードのFを押します)。

次に描画色の設定を行います。 黄色で縁取りしますので、もちろん黄色を設定します。

上図のように描画色に黄色を設定します。

続いてブラシを選択します。 消しゴムのブラシ以外なら何でもいいです。

上図のようにブラシプリセットパネルから "Basic-1" を選択します。

続いて、塗りつぶしモードを変更します。 現状ではクリック位置から連続した領域しか塗られません。 選択範囲の内側全体が塗られるように変更しましょう。

上図のようにツールのオプションパネルの "塗りつぶしモード" を "アクティブな選択範囲またはキャンバス全体を塗りつぶす" に変更します。

このモードでは、範囲選択されていれば選択範囲の内側全体が、されていなければキャンバス全体が塗られます。

では塗りつぶしを実行しましょう。

上図のように選択範囲の内側をマウスの左ボタン()でクリックします。

上図のように選択範囲の内側全体が黄色で塗られます。 クリックした位置とはつながっていない箇所もきちんと塗られています。

では、表示倍率を戻しましょう。 キーボードの2を押します。

上図のようにビューにキャンバスが収まるように表示倍率が調整されます。 ただし、選択範囲を示す蟻の行列が邪魔で見づらいです。 キーボードのSHIFT+CTRL+Aを押して範囲選択を解除しましょう。

上図のように範囲選択が解除されて見やすくなります。 無事、狙い通りに縁取ることができています。

文章の縁をぼかす

さあ、いよいよ最後の加工となる "縁取りした縁をぼかす" 作業です。 この作業では、新たな種類のレイヤである "グループレイヤ" と "フィルタレイヤ" が登場します。

グループレイヤは複数のグループをまとめるフォルダのような役割のレイヤで、フィルタレイヤは下位のレイヤに様々な視覚効果を与えることができるレイヤです。

上図のようにレイヤパネルの[+]ボタンの右にある[▼]ボタンを押します。 サブメニューが表示されますので "グループレイヤーを追加(G)" を実行します。

上図のようにグループレイヤが追加されます。 見ての通り、グループレイヤのアイコン(レイヤ名称の前に描かれているアイコン)はフォルダの形状をしています。

追加されたグループレイヤの名称をわかりやすいものに変更しましょう。

上図のようにグループレイヤの名称を "文章視覚効果" に変更します。

次に、縁取りのラスタ画像が配置されているペイントレイヤ "文章フチ" をグループレイヤ "文章視覚効果" に格納します。

上図のようにペイントレイヤ "文章フチ" をグループレイヤ "文章視覚効果" にドラッグします。 赤色の矢印はドラッグの動きを表しています。

上図のようにペイントレイヤ "文章フチ" がグループレイヤ "文章視覚効果" に格納されます。 このようにレイヤ一覧でのドラッグ操作でレイヤの親子関係を操作することができます。

続いてフィルタレイヤを追加します。 フィルタレイヤは下位のレイヤに視覚効果を与えるので "文章フチ" の上位に作成する必要があります。

上図のようにレイヤ "文章フチ" を選択します(新規レイヤは選択中のレイヤの上位に追加されます)。

では、フィルタレイヤを追加しましょう。

上図のようにレイヤパネルの[+]ボタンの右にある[▼]ボタンを押します。 サブメニューが表示されますので "フィルタレイヤーを追加(F)..." を実行します。

上図のように『新しいフィルタレイヤー』ダイアログが開きます。 視覚効果の種類の選択や設定を行うための画面です。

今回は左の一覧から "ぼかし -> ガウシアンぼかし" を選択して[OK]ボタンを押します。

上図のように新しいフィルタレイヤ "フィルタレイヤー 1 (ガウシアンぼかし)" が追加されます。 なお、フィルタレイヤのアイコンは漏斗の形状をしています。

ではここで、フィルタレイヤの名称をわかりやすいものに変えておきましょう。

上図のようにフィルタレイヤの名称を "ガウシアンぼかし" に変更します。

では、ガウシアンぼかしの効果が見やすいよう、表示倍率を上げてみましょう。

上図のようにレイヤ "文章フチ" に "ガウシアンぼかし" がかかっているのがわかります。

なお、ガウシアンぼかしがかかるのはレイヤ "文章フチ" のみです。 フィルタレイヤは全ての下位レイヤに影響を与えますが、レイヤグループを越えての効果はありません。

では、一時的にガウシアンぼかしを無効にしてみましょう。

上図のようにフィルタレイヤを非表示にします。 さあ、どういう変化があるでしょうか、キャンバスに注目してみましょう。

上図のようにガウシアンぼかしの効果が消えます。 このようにフィルタレイヤを非表示にすることで、フィルタの効果を一時的に無効にすることができます。

では、ガウシアンぼかしを再び有効にしましょう。

上図のようにフィルタレイヤを表示します。 ガウシアンぼかしが復活しているはずですので、キャンバスを見てみましょう。

上図のようにガウシアンぼかしの効果が戻ります。 このようにフィルタレイヤの効果の有効化・無効化は、レイヤの表示・非表示を切り替えるだけで済みます。

では、表示倍率を戻して全体を見てみましょう。 キーボードの2を押します。

上図のように表示倍率が調整されて全体が見渡せるようになりました。 作業はこれで全て完了です。

Kritaによる初めての作品の完成です。 デッサンや構図・色選びなどの "絵を描くコツ" については全く紹介できていませんが、Kritaの機能的な部分は一通り解説できたのではないかと思います。

PNGファイルに出力(エクスポート)する

締めくくりとして、完成した作品をPNGファイルに出力(エクスポート)しましょう。

上図のようにプルダウンメニューの "ファイル(F) -> エクスポート(X)..." を実行します。

上図のようにエクスポートダイアログが開きます。 ディレクトリを選択してファイル名を入力し、[保存(S)]ボタンを押します。

上図のようにPNG画像ダイアログが開きます。 必要であれば出力設定を変更し、[OK]ボタンを押します。

指定したファイル名のPNG画像が出力されます。