トップ > キセキレイのイラストを描いてみる > 説明文を作る >
囲み線を描く

説明文の枠となる囲み線を描く

この記事では、文章を囲む "黄色の囲み線" を描きます。 囲み線は二重線で描きますが、黄色い線を2回引くことはしません。

黄色の太い線を引き、次に細いサイズの消しゴムのブラシで同じ軌道をなぞります。 つまり、線の真ん中を消すことで二重線にする、というわけです。

同じ軌道で2度筆を走らせる必要があるため、最初に囲み線の形状のシェイプを作成します。 作成したシェイプを利用し、その形状に沿って2回筆を走らせます。

まずは表示倍率を調整しましょう。 キーボードの2を押してください。

上図のようにキャンバスがビューに収まるように表示倍率が調整されます。

次にシェイプを配置するためのベクタレイヤを作成します。

上図のようにベクタレイヤ "囲み線のシェイプ" を最上位に追加します。

では、作成したベクタレイヤに四角い枠を描きましょう。 初登場となる矩形ツールを利用します。

上図のように画面左部にあるツールボックスから矩形ツールを選択します(またはキーボードのSHIFT+Rを押します)。

矩形ツールはマウスのドラッグで矩形(四角)を描くためのツールです。 楕円ツールと同じく、ベクタレイヤであればシェイプ(基本図形の矩形)が作成されます。

次に色を初期化します。

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

続いてはブラシの選択です。

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

矩形を描画する準備ができました。 囲み線の形状を描きましょう。

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

上図のように矩形が描画されます。 ベクタレイヤであるためシェイプが作成されています。

シェイプの準備ができました。 次に、このシェイプの形状に沿って黄色の太い線を引きます。

上図のように画面左部にあるツールボックスからフリーハンドブラシツールを選択します(またはキーボードのBを押します)。

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

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

続いてはブラシを選択します。

上図のようにブラシプリセットパネルから "Pencil-6 Quick Shade" を選択しましょう。

では、シェイプに沿って線を引きます。 まずはシェイプを選択しなくてはなりません。

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

上図のように囲み線のシェイプを選択します。

上図のようにレイヤ "囲み線のシェイプ" を非表示にします。 非表示にするのは、これ以降の作業での見やすさのためです。

では、このシェイプの形状に沿って筆を走らせます。

上図のようにプルダウンメニューの "編集(E) -> 選択された形状をブラシ描線でなぞる(K)" を実行します。

上図のようにシェイプの形状に沿って塗られます。 狙い通りの黄色の太い線を引くことができました。

続いて、自動的に作成されたレイヤ "描線でなぞられた図形" の名称をわかりやすいものに変更します。

上図のように自動的に作成されたレイヤの名称を "囲み線" に変更します。

続いて、2回目のストローク描画を行います。 ブラシに消しゴムを選択した状態で、先ほどと同じ軌道で筆を走らせます。 これにより、線の真ん中を消すことができます。

ただし、黄色の太い線を引いた時と同じ方法は使えません。 プルダウンメニューの "編集(E) -> 選択された形状をブラシ描線でなぞる(K)" の機能で線を引くと、新たなレイヤ "描線でなぞられた図形" が作成されてしまうのです。

つまり、この機能では "すでに存在しているレイヤにストローク描画することはできない" ということです。

でも大丈夫です。 よく似た機能である "選択範囲に沿って描線" の機能を使えばやりたいことは実現できます。 まず範囲選択し、次に選択範囲に沿って描線する、という2段階の作業です。

では、囲み線のシェイプの形状に範囲選択しましょう。 もちろん、シェイプを選択しておく必要があります。

上図のようにレイヤ "囲み線のシェイプ" を表示状態にして選択します。

上図のように引き続き形状選択ツールを利用します。

上図のように囲み線のシェイプを選択します。 ここまでは黄色の太い線を引いた時と同じ手順です。

ここからは手順が異なります。 まず、囲み線のシェイプの形状に範囲選択します。

上図のようにプルダウンメニューの "選択(S) -> シェイプをベクター選択に変換(V)" を実行します。 これにより、囲み線のシェイプの形状で範囲選択されます。

次にストローク描画するレイヤ、つまり描き込み先のレイヤを選択します。

上図のようにレイヤ "囲み線" を選択します。 黄色の太い線が引かれているレイヤです。 なお、レイヤ "囲み線のシェイプ" は非表示にしておきましょう。

上図のように画面左部にあるツールボックスからフリーハンドブラシツールを選択します(またはキーボードのBを押します)。

次に色を初期化します。

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

次にブラシを選びます。 すでに引かれている黄色の太い線を消すのが目的ですので、もちろん消しゴムのブラシを使います。

上図のようにブラシプリセットパネルから "Eraser Soft" を選択します。 ぼかし効果のある消しゴムです。

続いてブラシのサイズを変更します。

上図のようにツールバーのサイズを 20 に設定します。

これで準備ができました。 選択範囲に沿ってストローク描画しましょう。

上図のようにプルダウンメニューの "編集(E) -> 描線選択(T)..." を実行します。

上図のように描線選択のプロパティというダイアログが表示されます。 タイプに "現在のブラシ" を選択して[OK]ボタンを押します。

上図のように選択範囲に沿ってストローク描画されます。 蟻の行列が邪魔で見づらいですが、黄色の太い線の中心が消されています。

見にくいので範囲選択を解除しましょう。

上図のようにキャンバスに表示されているパネルの[選択解除]ボタンを押します。

上図のように範囲選択が解除されます。 黄色の太い線の中心が消されて二重線になっているのがわかります。

まとめ

矩形ツールではマウスのドラッグで矩形(四角)を描くことができます。

シェイプの形状で範囲選択することができます。 ラスタ選択すれば選択率を調整することができ、ベクタ選択すれば開いた形状で範囲選択することができます。

選択範囲の形状に沿ってストローク描画することができます。 描画先は選択中のペイントレイヤであり、新たなペイントレイヤが作成されることはありません。