~背景をうまく見せるコツ編~ツイート皆さまこんにちは!主にイラストを描いています、サボです。最近暖かくなってきたのでアイスの消費量が日に1本から3本くらいに増えてきました。私が好きなのは氷菓系なので、カロリーは低いしダイエットなど取るに足らないと思っています。お腹を壊す頻度が増えてきたので、そろそろその生活習慣も見直そうかと思っています。好きなアイスはラムネバーです。強がりましたがやっぱりダイエットしようと思っています。今回は背景イラストについてお話ししたいと思います。メインとなるイラストがあり、そこにちょっとした背景のイラスト(以後BG)を入れなければならない時って、ありますよね?そんな時に覚えておくと少し役立つ、BGの小ワザをご紹介します。美しい一枚絵としてのBGを描く方法ではなく、デザイン重視のテキスタイルのようなBGについてでもなく、あくまでメインありきの状況説明用BGについてのお話ということで、ドウゾオヒトツ。1主張しすぎないことどのようなBGを入れるかは、メインイラストのテイストによって大きく左右されることなのですが、どの状況にも言えることは、目立ちすぎないこと、一番見せたい要素を引き立たせることです。普段何気なく見ているアニメ。皆さん動画については結構注目されていますが、BGまで意識して見ている方って、意外と少ないですよね。した室内のBGでも、丁寧に描き込みされていたり、とてもリアルで綺麗に描かれているのに、それについては特に感想もないのが実際のところではないでしょうか。理由はたくさんあると思いますが、第一に言えることは、アニメBGは「キャラクターを立たせることに徹している」からです。キャラが浮かないよう画面全体の色設定をし、必要とあらば家の広さや天井の高さなど、スケール感に嘘をつき、キャラやその動きに違和感を持たせないような画面作りをしているからなのです。大体のアニメのキャラクターには、まずきっちりとした線画があり、そして色もぼかしなどはあまり使われないはっきりとした色配置が基本です。した色が付けられ、更にくっきりとした線で囲われているアニメキャラが乗るBGは、それなりに描き込んでもキャラに勝つことはありません。BGに描かれているそれぞれの物の質感にリアル感があるほど、キャラ自体にもリアリティを持たせられるのです。これが、主線がない淡い色合いのキャラが乗るBGとなると、また随分勝手が変わってきます。2状況に合った色彩設計さて、アニメBGについてお話ししましたが、今度はもっと実践的なBG作りについてです。弊社で制作している「ガチャもん」や「毛玉ねこ」などのサービスには、定期的にイベントというものがあり、毎回イベントに則したデコレーションイラストが作成されます。それらのイベントに合わせたBGもデコレーションと一緒に作成します。BGは、室内か屋外か決めることから始まります。ピクニックイベントなら屋外設定ですし、あやしい科学研究室イベントなら室内設定が望ましいかと思います。次に、イベントのデコレーションを制作します。デコレーションが出来たら、それに合ったBG制作の開始です。下は「ガチャもん」のいちごイベントの際のサンプル画像です。今回は家具のデコレーションが多かったため、BGを室内に設定しました。デコレーションはいちごモチーフをふんだんに使ったデザインなので、BGも可愛らしくいちご柄で統一してあります。ここでちょっと注目したいのが、デコレーションよりも淡い色彩でBGが作成されている点です。デコレーションが映えるよう、強い色は使わず、彩度はやや落ちる色味で作られています。デコレーションとの統一感を出すため、赤の色味はデコレーションとなるべく近いものを使用しています。一つ、こちらは「毛玉ねこ」のマイページです。「毛玉ねこ」は淡いパステルカラーを基調としたイラスト(ねこやデコレーション)がメインですので、そのイラストたちに違和感なく溶け込めるように、彩度が低く落ち着いた色設定をしています。イラスト自体が柔らかい印象ですので、それを引き立たせるには、さらに淡く薄い印象でBGを制作する必要があるのです。これが、メインのイラストを意識しない色設定にすると、どうでしょう。明るく元気な印象にはなりますが、ねこが大切にしている「ふんわりした可愛らしさ」とはかけ離れてしまいました。最初のマイページのイラストに比べると、BGの色が強すぎるため、見せたいはずのデコレーションの存在感が薄らいでいるのもお分かりいただけるかと思います。これはこれでいいけれど、メインを引き立たせるBGとしては失格です。BGは、見せたいイラストの邪魔になってはいけないのです。3ざっくり省略&空気感これは主に風景画を描く時などに重要なポイントですが、ぺったりしたイラストレーター使用のイラストの際にももちろん使える要素です。風景は大きく分けて三つに分類されます。近景と中景、そして遠景です。BGを描く際、遠景になればなるほど、ディティールは省略され、最終的に輪郭のみが見える状態になるよう描きます。遠景までも細かく要素が見える状態ですと、どこを見ればいいのか分からない状況になり、遠近感自体があまり感じられなくなってしまうのです。遠景、というか、描くオブジェクトとオブジェクトの間に距離があればあるほど、空気の層も厚くなり、その影響で青く霞んでいくのです。空気の層が青いというのは、空が青いことと原理は同じなのですが、詳しい説明はここでは省略します。遠くにあるものを青い色味で描くと、もっと遠くにあるように見えるよ!ということです。以上を踏まえた上での、思いっきりデフォルメされたBGをご覧ください。弊社で制作しているソーシャルゲーム「海の上のカメ農園」のBGの一部です。これでもか!と言うくらい簡略化されたビルや山ですが、それらが何を表しているのかはちゃんと判別できると思います。近景には色を付けるなどのアクセントがありつつ、基本は遠景ですので、青みの多い色で絵作りをしています。遠くに行けばいくほど空気の層で霞んで見える。遠くに行けばいくほど青が干渉してくる。なりますが、オブジェクトを引き立てるBG作りに大切なのはオブジェクトと色のトーンを合わせるオブジェクトより強い色は使わないオブジェクトより全体的に彩度を低くする番外:遠景には青色で空気感を出すこんな感じかなぁと思います。~ツイート記事作成者の紹介サボ(デザイナー)モバイルコンテンツチーム所属の残念デザイナー、サボと申します。サボは仏語のサボタージュから来ていますが、だからと言って業務をサボタージュしている訳では決してありません。~反射光編~関連するSONICMOOVのサービスデザイン・イラスト制作オリジナリティのあるデザインが欲しい、フリー素材では満足できないなど、ロゴデザインや各種グラフィック、キャラクターイラストまでお客様のニーズに合わせたデザイン・イラストをご提供いたします。×SNSでも情報配信中!ぜひご登録ください。Market花火大会シミュレーターSHARESHAREWeb制作・アプリ開発に関する、UI/UX情報、イラストテクニック、エンジニア向け情報をお届けしています。