【フォトバッシュ背景講座】写真から作る風景イラスト

写真を使ったイラスト構成を学ぼう！

複数の写真（Photo）をキャンバスに貼り込んで組み合わせ（bash）、1 枚のイラストを制作するフォトバッシュという技法が有ります。（くわしくはこちらより）

この技法はうまく利用すればフォトリアルな絵柄以外にも広く活用できる技法です。
多くのメリットのある技法ですが、もちろんデメリットも存在します。

例えば、フォトバッシュは写真同士の組み合わせをきちんと考えないと、ひどくチグハグな画面になりやすいという問題が存在します。
具体的には、ディテールのサイズ感、色合い、アイレベルなどの統一感をよく考える必要があります。
今回の記事では特に、写真の組み合わせ方についての注意の仕方、解決の仕方を風景写真の組み合わせを例にして解説します。

▲複数の写真を利用して一枚の風景イラストにするフォトバッシュ

1.画面構成の考え方

ここでは、複数の写真をキャンバスに貼り込んで組み合わせてイラストを描く、「フォトバッシュ」の為の基本的な考え方や技術を解説します。

第一にフォトバッシュでは、配置する写真の大きさや位置のバランスが重要になってきます。

ここではその基礎となる、構成を考えるにあたっての距離の考え方と視線誘導の重要性について解説していきます

（これらは、フォトバッシュに限らず、風景イラストを描くための普遍的な考え方でもあります）。

3つの距離と視線誘導

風景イラストは、個々の物の描き込みよりも、全体の調和が重要になってきます。
そのため、いきなり描き始めるようなことはせずに、まずはきちんと構図を決め、画面構成を計画する癖をつけておきましょう。
画面構成のやり方は人によってさまざまですが、私の場合、奥行きを「近景」「中景」「遠景」の3つの距離に分けて考えるようにしています。
下の風景イラストを例に見ていくと、黄色の範囲が「近景」、緑色が「中景」、青色が「遠景」となります。

このように分けることで、どの部分にどういった物を配置するのか、どこをより描き込む必要があるのか、逆に描き込まないのかを全体のバランスで考えることができます。

とくに、フォトバッシュの場合、使用する写真に最初からディテールが備わっているので、ただでさえ情報量の多くなりがちな風景イラストに、さらに過剰な情報が加わることになります。

情報量の多過ぎるイラストは、見る側の視線が迷ってどこを見ていいのかわからなくなるため、結果的にイラストのバランスを壊します。

そのため、まずは「どこに視線を集めたい（どこを目立たせたい）のか」「どういった視線の流れで見てもらいたいのか」といったことを、しっかりと考えます。

その上で、各写真を配置してディテールの残すところと残さないところを決めて全体の調和を図っていくことが、フォトバッシュでもとくに重要です。

手描きの風景イラスト以上に、3つの距離でのバランスを意識し、見る側の視線をうまく誘導していく必要があります。

2.写真枚数を絞った構図例

ここでは、写真の組み合わせ方を変えた6 パターンの構図例を紹介します。

同じ写真でも、配置する距離や位置を変えるだけで構図は大きく変わってきます。それぞれの構図の利点、意図、見せ方の工夫、そして視線誘導の考え方について言及します。

また、組み合わせ方によっては問題点も出てくるので、そこにも言及、解決策を提示します。

①川（近景）森（中景）建物（遠景）

②川（近景）建物（中景）森（遠景）
③建物（近景）川（中景）森（遠景）
④建物（近景）森（中景）川（遠景）

⑤森（近景）建物（中景）川（遠景）
⑥森（近景）川（中景）建物（遠景）

※作例はどれも「写真：空a」「写真：空b」「写真：森」を組み合わせたものを使用

構図と視線の流れ

近景に川を配置した構図ですが、そのままぐるっと森を迂回して、森の後
ろ側へとつながっているような構成にしています。

〈イラストのメイン〉

メインは遠景の建物です。ただ、川岸に配置するだけだとあまりに目立たないため、高台を描いてその上に配置しました。

高台には、建物を強調するように背の高い針葉樹を追加しています。この針葉樹は、遠景のラインが横一直線で均一だったところにリズムをつける意味もあります。

〈視線誘導〉

視線の出発点は近景の水面の光の強い部分で、そのまま川に沿って奥へと進む流れを想定しています。
さらに、高台と森に挟まれた遠景部分を大きく薄くぼかして遠近感を強めた
ことにより、視線がすっと画面の奥まで流れるようにしています。

見る側の想像力をかきたてる

画面の左に位置する森と川は色が暗く、そのままだと画面が重くなります。
また、目を引くような情報もないため、無駄なスペースにもなりかねません。
そこで、森の奥へと続く道を作りました。これで暗さを逆に利用して情報量を増やした上、森の中に人が入っていける道があることから、「何かがあるかもしれない」という想像、妄想をかきたてる要素ともなります。
こういった妄想や想像は、イラストを実際の情報量以上に豊かに見せることにつながります。

2 つの視線誘導

画面上で水面の占める割合が高いイラストになりました。このままでは、情報量が足りないと感じたので、水面に空の雲模様の反射させることで情報量の不足を補うことにしました。

〈イラストのメイン〉
メインは中景の建物です。建物もこれくらいの距離ならば情報量としては足りますが、念のために針葉樹を追加して強調しています。
さらに、広い空間にぽつんと存在するというロケーションが合わさり、イラストのメインとして成立しています。

〈視線誘導〉

この構図では、水面にきらめく光の筋を辿って、一直線に遠景まで抜けられる気持ちよさを意識しています。
しかし、これだけだと物足りなくなってしまうので、それとは別に、近景、中景、遠景それぞれに光が強く当たっている部分を作成して目を引かせ、視線をジグザグとダイナミックに動かせる気持ちよさを同居させています。

飽きさせない工夫

遠景に一直線に抜ける視線誘導がすっきりし過ぎると、せっかくのジグザグな視線誘導のほうに意識が向く前にイラストに飽きてしまいます。
そこで、細かい工夫として、視線の終着点である水平線の向こう側に山のシルエットを配置し、画面の抜け感をほんの少しだけ遮るようにしています。

山のシルエットにぶつかった視線は、標高の低くなる左側に向かって流れ、抜けていきます。
これで画面の抜け感を少しだけ抑え、結果的にイラストの飽きを緩和できます。

アイレベルが重要な構図

近景に大きく建物を配置しているため、そのパースから外れてほかの部位を配置してしまうと不自然になってしまいます（これよりも建物が小さければ、ほかは自然物ばかりなのである程度はパースをごまかせます）。
そこで、まず建物の位置を決め、そこから逆算してアイレベルとパースを決定していきます。とくに重要なのはアイレベルです。

〈イラストのメイン〉
メインは近景の建物です。パースを決める上でも位置が重要になってきます。

〈視線誘導〉
近景の建物と付近の地面の明るい部分を進み、川の明るい部分に沿って遠景まで続きます。そして、川の流れに沿って右端に続き、遠景の森に行き着きます。
ここで工夫しているのが、遠景右側の森を画面奥（右から左方向へ）に向かって傾斜をつけて配置していることです。

元々空気遠近法を意識して右から左に向かって色を薄くているのですが、それに合わせて傾斜をかけることで、パースによって縮んでいるようにも錯覚させています。

これにより奥行きが強く出て、川辺の森のさらにその奥へと空間が続いていることを示唆し、視線も奥へと抜けていくことになります。

メインの情報量不足

メインの近景の建物ですが、少し問題があります。

構図的に左側が画面外に切れているので（切れていること自体は問題ありません）、その分の情報量が減ってしまい、壁面のディテールが少ないことも相まってメインとしては少し物足りなさを感じてしまいます。

解決策としては、窓や扉など、新しくディテールを追加すればよいでしょう。

ロケーションの面白さ

「③建物（近景）川（中景）森（遠景）」と同じように建物が大きく写っていますが、ほとんど一部分しか写っていないため、パースを厳密に意識せずとも問題ありません。
また、左側の森、道の斜面、川の部分と大きく高低差が出るように、建物と同一平面上にほかの部分が存在していないような配置の工夫もしています。

〈イラストのメイン〉
このイラストはメインとなる部分が存在しませんが、「高台の街から見下ろす川（水面）」というロケーションの面白さで画面を構成しています。

〈視線誘導〉

近景右側から坂に沿って下りて行き、そこから川に沿って遠景の抜けている部分へと続いていきます。

坂をつなげずにところどころを隠しているのは、そのほうが距離感を感じるからです。

直接つながっていると見たままの距離にしかなりませんが、隠すことでもっと別の道筋を辿ってつながっているように感じさせることができます。
しかし、隠してもちゃんと道がつながるように配置しないと、視線が迷子になってしまい取り留めのないイラストになってしまいます。

見る側の想像力をかきたてる

視線の出発点あたりに幾何学的な形の影を描くことで、画面より手前にも建物が建っていることを示唆させています。

これにより画面外にまでイラストの広がりを感じさせ、画面内には少ししか建物を配置せずとも街の一部であることを意識させられます。

こういった工夫は、「② 川（近景）森（中景）建物（遠景）」で追加した森の道と同じように、見る側の想像力をかきたてるワクワク感へとつながります。

明暗のリズムを意識する

メインとなる建物からの視線誘導で、暗い部分、水面の明るい部分へと続くので、明暗のリズム的な気持ちよさも味わえる構図です。
近景の森をかなり近い場所に配置することで、その次の中景の建物も前のほうへと配置できるようにしています（むしろ、森は最近景、建物が近景、
川の手前側が中景、対岸の森が遠景となるかもしれません）。

〈イラストのメイン〉
メインは中景の建物です。これくらい前に配置した建物なら、画面の占有
面積的にもディテール的にも、単体でイラストのメインを勤めることができます。「② 川（近景）森（中景）建物（遠景）」のように針葉樹などで情報量を補強する必要はありません。

〈視線誘導〉
近景左側の明るさを強くしたので、そこから視線の動きが始まります。そのまま、影の落ちている暗い部分を進み、ぽっかりと明るく抜けている水面へと出ます。水面の光の筋が伸びるように配置されているので、それに沿って遠景へと到達します。

視線誘導の問題点

一見問題のない構図に見えますが、視線の終着点に問題があります。

遠景に到達したところで、少しだけ見える川の続きに沿って右の薄く霞んだほうへと視線を誘導しようとはしているのですが、これは、ほぼ横方向の移動となってしまい、奥へと進んでいません。

近景や中景で視線が移動している途中ならば横移動も悪くないのですが、視線が到達する終着点でこうなってしまうと、「画面の抜け」を感じることができず、奥行きの物足りなさや、狭苦しさを感じさせてしまいます。

解決策としては、どこか一部分でいいので遠景の森のラインに低い部分を作れば、そこから奥へと視線が抜けることになります。

反面教師的な構図

問題点がいくつかあるため、反面教師的な構図になります。

〈視線誘導〉
近景の地面を出発点にそのまま川を経由し、建物を辿って左奥へ流れていくようにしています。中景にも森を配置したのは、そこに障害物がないと左奥まで一直線に視線が飛んでしまうためです。それでは視線の移動が単調で物足りないイラストになってしまいます。

〈イラストの問題点〉
このイラストの問題点は、メインとなる見せ場がないことと、森の占有面積の過剰さです。

近景の森は、とくに見せるべきところがない割には画面の占有面積ばかり大きく、無駄な配置となっています。「② 川（近景）森（中景）建物（遠景）」と同じようにに森の中を描写していますが、近景にこれだけではとても見せ場にはなりません。
中景の川もとくに情報量が多いわけではなく、そもそも森のせいで右側が大きく隠れてしまっているため川の流れもうまくつかめません。
建物には針葉樹を追加し、少しは視線を集められるようにはなっていますが、これだけではとてもメインとなる派手さは出せません。

問題の解決策

問題点の解決策としては、森の部分に目を引く情報を加えるのが面積的にも一番です。

たとえば、新たに建物を追加するのがいいでしょう。

イラストのメインがないというだけなら、「⑤ 川（近景）森（中景）建物（遠景）」のように遠景の建物をなんとかして目立たせる手もありますが、それでは近景の森の占有率問題は解決しません。

フォトバッシュ（Photobash）とは

冒頭で述べたように、「フォトバッシュ」とは複数の写真を貼り込んで組み合わせ、1 枚のイラストを制作する技法です。

写真を利用するというと、昔からコラージュという技法が存在しています。

しかし、それはあくまで元からある写真をそのまま組み合わせ、そこに少々加筆する程度のものです。

昨今は、デジタル描画環境の普遍化により、貼る写真そのものを加工することや、写真から作り出した素材を活用することができるようになりました。
写真の利用と描画の境がより曖昧になり、その両方を組み合わせて一つの技術、技法として成立するようになったのです。

しかし、写真はあくまで写真としての独自の存在として成り立っているため、単にイラストの中に組み込んでも独立してしまい、異物にしかなりません。

その異物感を払拭し、しかし説得力だけはうまく利用する。そのための技術が「フォトバッシュ」です。

※本講座記事は風景イラストを描くための画面構成の考え方、厳選されたCLIP STUDIO PAINT PROのテクニックを学び、誰しもがフォトバッシュで風景イラストを描けるようになることを目指した一冊『フォトバッシュ入門　CLIP STUDIO PAINT PROと写真を使って描く風景イラスト』より内容を特別掲載頂きました。

書籍内ではここで解説している構図・レイアウトの考え方を元に、実際に多くの写真を使用して自然物からSF的な背景まで様々な風景イラストを描いていきます。

〈著者紹介〉