体の形に黄色でベタ塗りする

では、キセキレイの体を描いていきましょう。 この記事では、キセキレイの体の形に黄色でベタ塗りするまでを行います。

まずは下描きの線を引きます。 下描きは、作成済みのレイヤ "下描き" に描きます。 ただし、今は枝の形状が描かれていますので、最初に枝の下描きを消します。

1. レイヤ "下描き" のみを表示
1. レイヤ "下描き" のみを表示

上図のようにレイヤ "下描き" を表示状態で選択し、他のレイヤは非表示にします。 キャンバス上には枝の下描きだけが表示されている状態になります

続いて範囲選択を行います。 キーボードのCTRL+Aを押してください。

2. キャンバス全体が範囲選択される
2. キャンバス全体が範囲選択される

上図のようにキャンバス全体が範囲選択されます。 キャンバスが動く点線(蟻の行列とも呼ばれる)で囲まれていることがわかります。

では枝の下描きを削除しましょう。 キーボードのDeleteキーを押してください。

3. キャンバス全体の画像が削除される
3. キャンバス全体の画像が削除される

上図のようにキャンバス全体の画像が削除されます。 もちろん、削除されたのは選択中のレイヤ "下描き" の画像だけです

では、範囲選択を解除しておきましょう。 キーボードのSHIFT+CTRL+Aを押してください。

4. 範囲選択が解除される
4. 範囲選択が解除される

上図のように範囲選択が解除されます。

これで枝の下描きを消すことができました。 続いて、新たにキセキレイの体の下描きを描いていきます。

まず、非表示にしておいたレイヤを再表示します。

5. 全てのレイヤを表示する
5. 全てのレイヤを表示する

上図のように全てのレイヤを表示します。

6. レイヤ "下描き" が選択されていること
6. レイヤ "下描き" が選択されていること

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

7. フリーハンドブラシツールを選択
7. フリーハンドブラシツールを選択

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

次に描画色・背景色の初期化を行います。

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

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

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

9. ブラシに "Pencil 1 Sketch (mypaint)" を選択する
9. ブラシに "Pencil 1 Sketch (mypaint)" を選択する

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

ではキセキレイの体の形を輪郭線で下描きしましょう。

10. キセキレイの体の輪郭線を描く
10. キセキレイの体の輪郭線を描く

上図のようにキセキレイの体の輪郭線を描きます。 これで下描きは完成としましょう。

下描きが準備できましたので、次にシェイプ(パス)でキセキレイの体の形を作ります。 なお、脚は含みません。

シェイプで体を作るのは、図形であるため再利用しやすいという理由からです。 シェイプに沿って描画する、ということが簡単にできるのです。 つまり、作成済みのシェイプを使って何度でも同じ軌道で筆を走らせることができる、ということです。

シェイプはベクタレイヤにしか配置できませんので、まずは新たなベクタレイヤが必要です。

11. ベクタレイヤ "キセキレイのシェイプ"  を最上位に追加する
11. ベクタレイヤ "キセキレイのシェイプ" を最上位に追加する

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

  
[+]ボタンの右にある[▼]ボタンを押し、表示されるサブメニューから "ベクターレイヤーを追加(V)" を実行します(またはキーボードのSHIFT+Insertを押します)。

続いてはツールの選択です。

12. 折れ線ツールを選択
12. 折れ線ツールを選択

上図のように画面左部にあるツールボックスから折れ線ツールを選択します。 クリック点とクリック点を直線でつなぐことができます

直線で引かれるため手ブレの影響はありません。 そのためマウスでも操作しやすいです。

次に色の初期化を行います。

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

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

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

14. ブラシに "Basic-1" を選択する
14. ブラシに "Basic-1" を選択する

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

次にブラシのサイズを変更します。

15. ツールバーの "サイズ" を 20 に設定する
15. ツールバーの "サイズ" を 20 に設定する

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

では、折れ線ツールでパスの線を引いていきましょう。

16. クリックで線をつないでいく
16. クリックで線をつないでいく

上図のようにマウスの左ボタン(マウスの左ボタン)のクリックで線を下描きの形状に合わせてつないでいきます。 なお、上の例ではくちばしから時計回りつなげています。 なお、Enterキーはまだ押さないでください

17. 開始点をクリック
17. 開始点をクリック

上図のように開始点をマウスの左ボタン(マウスの左ボタン)でクリックします。

18. 閉じたパスが作成される
18. 閉じたパスが作成される

上図のようにパスの線が引かれます。 このように、開始点をマウスの左ボタン(マウスの左ボタン)でクリックすることでも線引きを終了することができます

  
今回作成されたパスは "閉じたパス" です。

作成されたパスは直線的であるため、とても野鳥には見えません。 ここからは線を曲げて調整していきます

19. 形状編集ツールを選択
19. 形状編集ツールを選択

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

  
シェイプを編集するためのツールです。 基本図形やパスの形状を加工することができます。 なお、テキストの編集はできません。

では、対象のシェイプを選択します。

20. キセキレイの体の形状をクリックする
20. キセキレイの体の形状をクリックする

上図のようにキセキレイの体の形状をマウスの左ボタン(マウスの左ボタン)でクリックします。

  
上の例では線の上をクリックしていますが、内部の領域(フィルが設定されていないため透明)のクリックでも大丈夫です。
21. パスが選択される
21. パスが選択される

上図のようにキセキレイの体の形状のパスが選択されます。 なお、菱形ハンドル(◇)はパスを構成する点である "ノード" を表しています。

過去の記事で触れたように "パス" とは "複数の点でつながった線" のことです。 その点のことを "ノード" といい、ノードとノードを結ぶ線のことを "セグメント" といいます。

ノードは好きなように移動させることができ、セグメントも自由に曲げることができます。

今回はノードを移動させる必要はありません(すでに良い位置にあるので)。 セグメントを曲げる作業のみを行います。

22. 尾羽の下のセグメントを少しだけ上へドラッグ
22. 尾羽の下のセグメントを少しだけ上へドラッグ

上図のように尾羽の下のセグメントを少しだけ上へドラッグします。 赤色の矢印はドラッグの動きを表しています。

23. セグメントが曲がる
23. セグメントが曲がる

上図のようにセグメントが曲がります。 このようにセグメントはマウスの左ボタン(マウスの左ボタン)のドラッグで曲げることができます。

  
ノードは菱形ハンドル(◇)をマウスの左ボタン(マウスの左ボタン)でドラッグすることで移動させることができます。

では、同じ要領でキセキレイの体を形作ってください

24. キセキレイの体の形状に加工する
24. キセキレイの体の形状に加工する

上図のようにキセキレイの体の形状に加工します。 これでキセキレイの体の形のシェイプは完成とします。

次に、しばらく不要なレイヤ "下描き" を非表示にします。

25. レイヤ "下描き" を非表示にする
25. レイヤ "下描き" を非表示にする

上図のようにレイヤ "下描き" を非表示にします。

パスのその他の編集について


本ウェブサイトの記事では紹介しませんが、パス(ノードやセグメント)に対して行える編集は、

  1. ノードの移動
  2. セグメントの曲げ

だけではありません。 それ以外にも、

  1. ノードの追加
  2. ノードの削除
  3. ノードで分割
  4. セグメントの直線化
  5. セグメントの曲線化
  6. セグメントの削除

のような操作も行えます。 これらの操作はツールのオプションパネルの各種ボタンから実行します。

 

上図のように(形状編集ツールを選択中は)ツールのオプションパネルにパスを編集するための様々なボタンが表示されます。

最後にシェイプの形状に塗りつぶします。 体の形の黄色のベタ塗りを完成させましょう。

26. フリーハンドブラシツールを選択
26. フリーハンドブラシツールを選択

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

次に描画色を設定します。 黄色でベタ塗りしますので、もちろん黄色を設定します。

27. 描画色に黄色を設定する
27. 描画色に黄色を設定する

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

続いてブラシの選択です。 基本のブラシである "Basic-1" を選択しましょう。

28. ブラシに "Basic-1" を選択する
28. ブラシに "Basic-1" を選択する

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

フリーハンドブラシツールを選択し、描画色の設定とブラシの選択も終えました。 これでいつでも線を引くことができます。 ただし、マウスのドラッグで線を引くことはしません

前述のように "シェイプに沿って描画する" という機能で線を引きます。 フリーハンドブラシツールは使いません。

  
フリーハンドブラシツールを選択する必要は実はありませんでした。

では、シェイプに沿って線を引きましょう。 最初に行うのはシェイプの選択です。

29. 形状選択ツールを選択
29. 形状選択ツールを選択

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

30. キセキレイの体のシェイプ(パス)を選択する
30. キセキレイの体のシェイプ(パス)を選択する

上図のようにキセキレイの体のシェイプ(パス)を選択します(すでに選択されていると思います)。

31. レイヤ "キセキレイのシェイプ" を非表示にする
31. レイヤ "キセキレイのシェイプ" を非表示にする

上図のようにレイヤ "キセキレイのシェイプ" を非表示にします。 非表示にするのは、以降の作業を見やすくするためだけです

では、キセキレイの体のシェイプ(パス)に沿って筆を走らせましょう。

32. 編集(E) -> 選択された形状をブラシ描線でなぞる(K) を実行
32. 編集(E) -> 選択された形状をブラシ描線でなぞる(K) を実行

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

  
日本語訳が少々わかりにくいですが "選択されたシェイプをブラシのストローク描画でなぞる" という意味です。
33. シェイプの形状に沿って塗られる
33. シェイプの形状に沿って塗られる

上図のようにシェイプの形状に沿って塗られます。 このように、利用者が自分でブラシを動かして描画するだけでなくシェイプの形状に沿って描画させることもできます

ではここで、レイヤーパネルのレイヤ一覧に注目してください

34. "描線でなぞられた図形" というペイントレイヤが追加されている
34. "描線でなぞられた図形" というペイントレイヤが追加されている

上図のように "描線でなぞられた図形" というペイントレイヤが追加されています。

このように、プルダウンメニューの "編集(E) -> 選択された形状をブラシ描線でなぞる(K)" を実行するとペイントレイヤが自動的に追加され、そのレイヤに描画が行われます。

では、自動的に作成されたレイヤ "描線でなぞられた図形" の名称を変更しましょう。

35. レイヤ名称を "キセキレイ" に変更
35. レイヤ名称を "キセキレイ" に変更

上図のようにレイヤ名称を "キセキレイ" に変更します。

仕上げとして内部を塗りつぶします。 以前に紹介した塗りつぶしツールで内部を塗りつぶしてください

36. 内部を塗りつぶす
36. 内部を塗りつぶす

上図のように内部を塗りつぶします。 これで体の形の黄色のベタ塗りが完成しました。

苦労して描いたキセキレイの体ですが、ここで非表示にしておきます。 次の記事での作業のためです。

37. レイヤ "キセキレイ" を非表示にする
37. レイヤ "キセキレイ" を非表示にする

上図のようにレイヤ "キセキレイ" を非表示にします。

  
  

まとめ

キーボードのCTRL+Aを押すことで、キャンバス全体を範囲選択することができます。 キーボードのSHIFT+CTRL+Aでは範囲選択が解除されます。

また、キーボードのDeleteキーを押すことで選択範囲の内側を削除することができます。

操作/コマンド 説明
CTRL+A キャンバス全体を範囲選択する
SHIFT+CTRL+A 範囲選択を解除する
Delete 選択範囲の内側を削除する

形状編集ツールではシェイプを編集することができます。 ノードを移動したり、セグメントを曲げることができます。

操作/コマンド 説明
[形状編集ツール]ボタン 形状編集ツールを選択する
(形状編集ツール選択中)
(ノードの上で)
マウスの左ボタン(マウスの左ボタン)のドラッグ
ノードを移動する
(形状編集ツール選択中)
(セグメントの上で)
マウスの左ボタン(マウスの左ボタン)のドラッグ
セグメントを曲げる

選択中のシェイプの形状に沿ってストローク描画することができます。 実行すると "描線でなぞられた図形" というペイントレイヤが追加されて描画されます。

操作/コマンド 説明
(画面上部のプルダウンメニュー)
"編集(E)" ->
"選択された形状をブラシ描線でなぞる(K)"
選択中のシェイプの形状に沿ってストローク描画する