トップ > キセキレイのイラストを描いてみる > 背後の丸枠を作る >
楕円を描く

範囲選択して塗りつぶす

まず紹介するのは選択ツールで範囲選択し、その領域を塗りつぶしツールで塗りつぶすという方法です。 ペイント系ソフトウェアであれば、一番に思いつく方法でしょうか。

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

上図のように作成したい楕円を囲む矩形の対角線をドラッグします。 赤色の矢印はドラッグの動きを表しています。

上図のように楕円の形状で範囲選択されます。

後は選択範囲の内側を塗りつぶせばいいだけですが、その前に描画色と背景色を初期化しておきましょう。

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

次にブラシ(筆先)を選択します。

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

ブラシには、鉛筆・ペン・マーカー・チョーク・消しゴムなど色々な種類がありますが、今回は基本的なブラシである "Basic-1" を選んでみました。

これで塗りつぶしの準備ができました。

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

上図のように選択範囲の内側をクリックします。

上図のように選択範囲の内側が塗りつぶされます。 目的の通りに楕円を描くことができました。

せっかく塗りつぶしましたが、ここで元に戻しておきます。 楕円を描く別の方法も説明しておきたいので。

では、キーボードのCTRL+Zを2回押してください。

上図のように白紙に戻ります。 キーボードのCTRL+Zを2回押したことで、塗りつぶしと範囲選択の両方の操作が取り消されました。

ベクターツールで描画する

続いて紹介するのは、ベクターツール(図形ツール)を利用する方法です。 ベクターツールには楕円ツール・矩形ツール・多角形ツールなどありますが、今回は楕円ツールを利用します。

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

上図のように作成したい楕円を囲む矩形の対角線をドラッグします。 赤色の矢印はドラッグの動きを表しています。

上図のように楕円の形状で図形が描画されます。 ただし、内部が塗られていません。

これではダメですので、キーボードのCTRL+Zを押して元に戻しましょう。

元に戻したら、続いて楕円ツールのオプションを変更します。 内部が塗られるように設定を変更しましょう。

上図のようにドッキングパネルの "ツールのオプション" のタブをクリックします。

上図のようにツールのオプションパネルに切り替わりますので、"塗りつぶし" を "描画色" に変更します。

設定を変更したら、先ほどと同様の手順で楕円を描いてください。

上図のように内部も塗られます。 狙い通りの "内部が塗られた楕円" を描くことができました。

せっかく楕円を描きましたが、ここで元に戻してください。 楕円を描くさらに別の方法も説明したいので。

では、キーボードのCTRL+Zを押してください。

上図のように白紙に戻ります。

ベクターツールでベクタレイヤに描画

続いて紹介するのもベクターツールを利用した描画です。 ただし、シェイプ、つまりベクタ画像として図形を作成します。

今回も利用するのは楕円ツールですが、書き込む先のレイヤを "ペイントレイヤ" ではなく "ベクタレイヤ" にします。

まずはベクタレイヤを新たに追加する必要があります。

上図のようにレイヤパネルの[+]ボタンの右にある[▼]ボタンを押します。 サブメニューが表示されますので "ベクターレイヤーを追加(V)" を実行します(またはキーボードのSHIFT+Insertを押します)。

上図のように新たにベクタレイヤが追加されます。 レイヤ一覧に "ベクターレイヤー 2" という名称のレイヤが増えていることがわかります。

では、楕円を描きましょう。

上図のように作成したい楕円を囲む矩形の対角線をドラッグします。 赤色の矢印はドラッグの動きを表しています。

上図のように内部が塗られた楕円が描かれます。 見た目ではわかりませんが、この楕円はベクタ画像であるシェイプ(基本図形)です。

ここで少し脱線して、ペイントレイヤに描き込んだ場合とベクタレイヤに描き込んだ場合の比較をしてみましょう。

現在のブラシである "Basic-1" では違いはわかりませんので、他のブラシ "Ink-8 Sumi-e" で比べてみます。

上図のようにブラシプリセットパネルから "Ink-8 Sumi-e" を選択します。 このブラシはいわゆる毛筆で、墨絵のような "かすれた線" を引くことができます。

続いて、楕円ツールのオプションを変更します。 内部が塗られると比較しづらいので、内部が塗られないように設定を変更します。

上図のようにツールのオプションの "塗りつぶし" を "塗りつぶさない" に変更します。

では、まずはペイントレイヤに楕円ツールで描画してみましょう。

上図のようにレイヤ一覧からペイントレイヤを選択します(レイヤ名称の部分をクリックすることで選択できます)。

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

上図のように線がかすれた楕円が描かれます。 ペイントレイヤはラスタ画像を配置するためのレイヤであり、画像は色情報を持つ点の集まりとして管理されます。

そのため、このように "かすれた線" のような緻密な表現することができます。 ラスタ画像ならではの表現です。

では続いて、ベクタレイヤ、つまりベクタ画像として楕円を描いてみましょう。

上図のようにレイヤ一覧からベクタレイヤを選択します。

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

上図のように線がクッキリした楕円が描かれました。 墨絵のような "かすれた線" を引くためのブラシ "Ink-8 Sumi-e" を選択していたのに、です。

線がかすれなかった理由は、描き込んだ先がベクタレイヤだったからです。 ベクタレイヤには、『式で表される図形』であるベクタ画像しか配置できません。

例えば "座標(12,98)を中心とした半径112の円 で フィル(内部領域)が水色でストローク(境界線)は実線の緑色" という具合です。 点(ピクセル)ごとに色情報を分けることはできないのです。

では、比較実験はこれで終わりましょう。 キーボードのCTRL+Zを2回押してください。

上図のように元に戻ります。

本来の作業に戻ります。 作成済みの楕円の形状を整え、色を水色に変更する作業が残っています。

上図のようにベクタレイヤが選択されていることを確認します。 選択されていなければ選択してください。

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

上図のように楕円をクリックします。

上図のように楕円のシェイプが選択されます。 ベクタ画像であるため、このように選択することができます。

なお、中心にある赤色の四角ハンドル(■)でシェイプやテキストを移動させることができます。 また、上下左右と四隅にある8つの四角ハンドル(□)で拡大・縮小させることができます。

では、少し縦に潰してみましょう。

上図のように上部の四角ハンドル(□)を下方へドラッグします。 赤色の矢印はドラッグの動きを表しています。

上図のように縦方向に縮小されます。 楕円が少し潰れました。

残るは色を水色に変更する作業です。 具体的にはフィルを水色に変更し、ストロークは削除します。

では、フィルを水色に変更しましょう。 ツールバーから変更することもツールのオプションから変更することもできますが、今回はツールバーから変更してみましょう。

上図のようにツールバーの[描画色]ボタンを押します。

上図のように『色を選択』ダイアログが開きますので、水色を選択して[OK]ボタンを押します。

上図のようにフィルが水色に変化します。

残るはストロークの削除です。 ストロークの削除はツールのオプションから実施します。

上図のように "ツールのオプション" の "ストローク" のタブをクリックします。

上図のように "ストローク" タブに切り替わりますので[塗りつぶしなし]ボタンを押します。

上図のようにストロークが削除されます。

これで "背後の丸枠" はひとまず完成ですが、ここでレイヤ名称を変更しておきましょう。 現在の "ベクターレイヤー 2" という名称では理解しづらいですから。

上図のようにレイヤ名称の部分をダブルクリックします。

上図のようにレイヤ名称を変更可能な状態になります。 キーボードから "背後の丸枠" と入力し、最後にEnterキーを押します。

上図のようにレイヤ名称が変更されます。 これで理解しやすくなりました。

最後の仕上げとしてレイヤの上下関係を入れ替えましょう。 "背後の丸枠" はキセキレイよりも後ろに描かれますから位置を下げましょう。

上図のように[レイヤー/マスクを下に移動]ボタンを押します。

上図のようにレイヤが下位へ移動します。