制作経過報告:背景│12ヶ月連続イラスト12枚目

2017年3月11日

blog_20120415_title

先日の記事で一応完成の報告をした、12ヶ月連続イラストシリーズ12枚目「Lady Go!」。順番が逆になってしまいますが、これの制作経過を、各レイヤをもとに紹介していきます。

完成作品はこちら。
【図】『Lady Go!』
1200×852ピクセルです。

これにいたる過程をご紹介。

前回は、キャラクターの色塗りが終わったところまで紹介しました。

今回は、背景の制作過程を紹介します。

↓完成した背景はこちら。
【図】背景完成図│12ヶ月連続イラスト12枚目

この背景が完成するまでを、順を追って紹介します。

(なるべく簡単に紹介したつもりですが、結構長い記事になってしまいました……^_^;)

1.「色塗り」ファイルのレイヤを結合して、別ファイルで保存

まずは、前回塗り終わったキャラクターを、1枚のレイヤに結合します。

色塗り終了時のレイヤ構成は、優先順位が高い順に、以下の通りでした。(レイヤ濃度はすべて100%です。)

  1. 「ハイライト」レイヤ(レイヤ合成方法「ハイライト」)
  2. 「線画」(「乗算」)
  3. 「差し色」(「重ねる」)
  4. 「乗算2」(「乗算」)
  5. 「明暗」(「重ねる」)
  6. 「乗算」(「乗算」)
  7. 「模様1」(「オーバーレイ」)
  8. 「模様2」(「乗算」)
  9. 「基本色」(「重ねる」)
  10. 「試し塗り」(非表示)
  11. 「色マスク」(非表示)

これを、「色マスク」レイヤを除いて1枚のレイヤに結合します。

「色マスク」のみを非表示にして、「非表示レイヤを破棄しないで新規ウインドウ」で結合します。

結合された「レイヤ0」と、残しておいた「色マスク」、この2枚のレイヤがある新しいウインドウが出てきます。

この新規ウインドウを、「名前を付けて保存」します。ファイル名は「背景」としておきます。

この「背景」ファイルで、背景を描いていきます。

ここまでの状態はこんな感じ↓。
【図】色塗り終了時│12ヶ月連続イラスト12枚目

色マスクは非表示です。

(※キャラの色塗りと背景でファイルを分けるのは、レイヤ枚数の増加を防ぐためです。レイヤ枚数が増えれば増えるほど、Pixiaの動作が不安定になってきます。なので、適当なところでファイルを分けて最終的に1つにまとめる方が安全だと私は考えています。ちょっと面倒くさいですが、ファイル破損ですべてがパァになる事態が防げます。)

2.「背景」レイヤ

空の描き方で参考にしたのはこちら→「空と雲のメイキング(for Pixia)」/「かたる」のイラスト [pixiv]

まずはレイヤを1枚追加して、背景をざっくり塗って、「ぼかす2」で大ざっぱにぼかします。
【図】「背景」レイヤ│12ヶ月連続イラスト12枚目

「背景」というか、「空」ですね。

キャラクターのレイヤを合わせるとこんな感じ。
【図】「背景」+「キャラ」│12ヶ月連続イラスト12枚目

※ちなみに「キャラ」レイヤは、色マスクを利用して背景部分を領域選択し、「透明」プレーンを黒で塗りつぶして背景部分のみを透過しています。

3.「雲」レイヤ

つぎに「背景」レイヤの上に新規レイヤを1枚追加。ここに雲を描いていきます。

雲の写真を参考にしながら描きました。「背景」レイヤと合わせるとこんな感じ。
【図】「背景」+「雲」│12ヶ月連続イラスト12枚目

光源は真上のつもり。もうちょっと遠近感が出せると良かったな、と今あらためて見ると思います。

4.「空気」レイヤ

参考サイトの手順通りに進みます。

さらに1枚レイヤを追加。このレイヤは、「背景」レイヤと「雲」レイヤの間に入れます。

「背景」と「雲」、そしてこの「空気」レイヤを合わせるとこんな感じ。
【図】「背景」+「雲」+「空気」│12ヶ月連続イラスト12枚目

「空気」レイヤの濃度は21%に下げてあります。

5.「光」レイヤ

上から光がさしてる感じの光線を入れます。

新規レイヤを追加。黒で塗りつぶして、薄い黄色で複数の線を引きます。

これを複製。1枚は「標準」フィルタの「ぼかし」でぼかし、「明るさとコントラスト」で調整。
【図】「光」レイヤ1枚目│12ヶ月連続イラスト12枚目

もう1枚はフィルタでぼかしたあと、さらに手でぼかしました。このレイヤ単独で見るとかなり汚いですね(^_^;)
【図】「光」レイヤ2枚目│12ヶ月連続イラスト12枚目

2枚の「光」レイヤの合成方法を「ハイライト」に変更。完全にビームですね(^_^;)
【図】「光」レイヤの合成方法を「ハイライト」に変更│12ヶ月連続イラスト12枚目

レイヤ濃度を、1枚目は4%、2枚目は11%に下げました。
【図】レイヤ濃度を下げる│12ヶ月連続イラスト12枚目

6.「背景2」レイヤ

全体的に色が暗いなと思ったので、調整することにしました。

まず、「背景」「雲」「空気」の3つのレイヤを新規レイヤとして結合。これを「背景2」レイヤとします。

「ぼかし」フィルタや「ふんわり」フィルタで全体的にやわらかい感じになるように加工。さらにカラーバランスをいじって全体的に明るい水色になるようにしました。
【図】「背景2」レイヤ│12ヶ月連続イラスト12枚目

これを、「オーバーレイ」で合成。レイヤ濃度は100%、レイヤの位置は「背景」と「空気」の間です。

ここまでのすべてのレイヤを合成して表示すると、こんな感じ。
【図】「背景」+「背景2」+「空気」+「雲」+「光」+「光」│12ヶ月連続イラスト12枚目

7.「光3」レイヤ

さらに1枚レイヤを追加。

空の上の方が淡く光るように、黄緑色で画面上部をぼんやり薄く塗ります。

オーバーレイで合成すると、こんな感じ。レイヤ濃度は34%です。
【図】「光3」レイヤをオーバーレイ、濃度34%で合成│12ヶ月連続イラスト12枚目

これに「キャラ」レイヤを足すと、こんな感じ。
【図】背景に「キャラ」レイヤを足して表示│12ヶ月連続イラスト12枚目

★ここまでのレイヤ構成

ここまでのレイヤ構成は、優先順位が高い順に、以下の通り。

  1. 「キャラ」(「重ねる」、レイヤ濃度100%)
  2. 「光3」(「オーバーレイ」、34%)
  3. 「光」(「ハイライト」、11%)
  4. 「光」(「ハイライト」、4%)
  5. 「雲」(「重ねる」、100%)
  6. 「空気」(「重ねる」、21%)
  7. 「背景2」(「オーバーレイ」、100%)
  8. 「背景」(「重ねる」、100%)
  9. 「色マスク」(非表示)

8.レイヤを結合して、別名で保存

ここまで描いてきたら、一度背景のレイヤをすべて結合します。

「キャラ」レイヤと「色マスク」レイヤを非表示にして、「非表示レイヤを破棄しないで新規ウインドウ」で結合します。

この新規ウインドウを、「名前を付けて保存」します。ファイル名は「背景2」としておきます。

9.素材を加工して、地図の描かれたノートの画像を作る

素材サイトから、ノートの写真と古い地図の写真をダウンロードしました。

これをPixiaで開き、必要部分だけを領域選択して切り抜き、フィルタ・テクスチャ追加・カラーバランス調整などでイメージ通りの画像になるように加工します。

できあがったのがこちらの画像↓。
【図】ノートの地図│12ヶ月連続イラスト12枚目

ここですべてのレイヤを結合したものをコピーします。

10.空とノートを合成する

背景編最後のステップです。

ステップ8で保存した「背景2」ファイルを開きます。

ステップ9でコピーしたノートの地図画像を、新規レイヤとして貼り付け。「キャラ」レイヤと「背景」レイヤの間に移動して、レイヤ名を「ノート」にします。

ショートカットキー[Ctrl+Shift+ドラッグ]で「ノート」レイヤの位置を動かしながら、ちょうど良い配置を探ります。(※Ctrl+Shift+ドラッグ=カレントレイヤ(現在選択中のレイヤ)を移動させる。)

位置が決まったら、背景になじむようにノートの色をカラーバランスで調整します。

さらに背景になじませるために、「ノート」レイヤの透明プレーンを以下の画像のように塗りつぶしました。
【図】「ノート」レイヤの透明プレーン│12ヶ月連続イラスト12枚目

濃い青の部分はで塗りつぶしたところ、明るい水色の部分はで塗りつぶしたところです。前者は透明になり、後者は不透明になります。そして両者の中間の色の部分は、t値を下げて黒で塗りつぶした部分(=グレーで塗りつぶした部分)で、半透明になります。

画像プレーンに切り替えて、「ノート」レイヤのみを表示させるとこんな感じ↓。
【図】「ノート」レイヤの透明色を編集後、画像プレーンに切り替えたところ│12ヶ月連続イラスト12枚目 
背景色はピンクです。完全に背景色が見えている部分、逆に背景色が全く見えない部分、そしてうっすら透けて見える部分がお分かりいただけるでしょうか。

単純にレイヤ濃度を下げるだけでも良いんですが、それだと地図の部分が目立たなくなってしまうので、こういう方法をとりました。

これで背景が完成です!「ノート」レイヤと「キャラ」レイヤ・「背景」レイヤを合成して表示させると、こんな感じになります↓。
【図】「ノート」レイヤと「キャラ」レイヤ・「背景」レイヤを合成して表示│12ヶ月連続イラスト12枚目

「背景2」ファイルのレイヤ構成は、以下の通り。合成方法と濃度はすべて「重ねる」100%です。

  1. 「キャラ」レイヤ
  2. 「ノート」レイヤ
  3. 「背景」レイヤ
  4. 「色マスク」レイヤ(使わなかったなぁ^_^;)

つぎは加工!

これで、背景が出来上がりました。完成まであとひといき。

次回はフィルタ加工編です。そのあとが最終仕上げ編になると思います。ちょっと長い制作経過報告シリーズになってきてしまいましたが、次回以降も見ていただけたらうれしいです。

それでは!(^∀^)ノ