俯瞰(ふかん)図のコツもうDIYでいいよ。スケッチ2013.02.22毎月一回、スケッチ・カテゴリで、自作イラストを記事にしていますが、3月は先月に続いて、今作成中の新しいブログ用のイラストからご紹介します。view)、俯瞰図・鳥瞰図と呼ばれる作画法に近いもので、普通は、地形や都市の表現に利用されています。Webコンテンツ初心者で、PCで絵を描くのが得意な方には、非常にメリットのある作画表現ですので、参考にしてもらえるよう、今回は簡単な技法の話題にします。奥に行っても小さくならない画法のことです。Webで俯瞰表現のイラストを使うと、4つのメリットがあります。1ひとつひとつのパーツは、それほど画力と時間を必要としない。クドさを押さえ気味に、全てアッサリした共通のテイストで描く方がよく、パーツの集合が全体として、力を発揮する。2模式図に近い性格もあり、イラストに説明文や文字を入れやすい。文字情報を入れることで、画像が活き活きする場合が多い。後でパーツを追加したり、修正したりが自由。透視画法のように、パーツの位置を変えると不自然になるということが少なく、後で位置をかなり変更できる。フォトショップやイラストレーターのレイヤー管理を、きっちりしておくこと。全体的に把握しやすくなる。4⇒3⇒2の逆順で説明していきます。いうシェアハウスの、定期ライブのWeb配信を行なっていた、リビング兼スタジオの様子を再現したものです。見ないと、こんな風景にはなりません。実際にWeb配信されたライブ映像は、こんな2台のWebカメラによる画角です。この2つの場所は実はつながっていて、つなげるとイラストの部屋のような構造になります。それを表す手段として俯瞰表現が最適だったわけです。アーカイブの映像がさらに楽しめます。ファンなら目からウロコの人も結構多いような気がします。各パーツを管理して、便利に使う実際に家具などの各パーツをどうやって描くのか、簡単に説明します。この方法は、図学的に正確なアイソメトリック投影技法ではありません。ある程度アバウトなイラストレーションの個人的な一描画法であることを、あらかじめお断りしておきます。部屋をどんな角度で見下ろすかを決め、部屋全体の見取り図を大まかに描いて、床面をグリッドに分けます。家具を一つ一つ描いていくわけです。描き終える毎に元の部屋に加えます。加えてみて、なんとなく同一平面上に見えない場合は、たぶん、描く方向や形状が間違っているので、描き直します。各パーツをレイヤーで分けて管理し、それに対応した元の画像ファイルが別に存在するようにします。パーツの修正は元ファイルで行い、レイヤーを差し替えます。レイヤー修正の場合は、面倒でも元ファイルに反映させます。パーツを動かさないと決めた時点で、レイヤーを小集団に結合させます。お気づきでしょうが、この作業、対象に愛着がない場合だと、オススメしません(^Д^;)最後の注意点は、前提をくつがえすようですが、部屋の元グリッドは、実は普通のアイソメトリックのように平行線にせず、微妙に奥に行くにしたがって狭くなる2点透視法で描いています。アイソメトリック図法による立方体を、見たことのある人ならお分かりだと思いますが、その立方体は奥で広がっているような歪んだ形に見えます。ヒトの脳は視覚情報に、遠近法をデフォルトとした補完を無意識に加えてしまいます。奥に行くにしたがって狭まるはずの平行線が、平行線のまま見えるのは、それが平行線でなくて奥で広がっているからだというシグナルを勝手に意識に送り込んでしまうのです。周辺の位置修正なら問題はありませんが、大幅に前後に移動させると大きさの修正を加える必要があります。文字を入れることで活きる俯瞰表現このブログの以前の記事でも俯瞰表現のイラストを使っています。文字情報を入れた実用的なコンテンツの例として2つの図を紹介します。大きなイラストの方が迫力がありますので、リンクで記事を参照ください。』(←link)さて、イラストに興味をお持ちの皆様、LINEクリエイターズ・スタンプはご存知ですか(ヨナデンの体験記へ)。現在、ヨナデン・ロクタのスタンプとして、下の『僕が信じてる40の事』という、ちょっと変わったタイトルののスタンプが、40個1セット100円で販売中です。よろしければ、ラインのスタンプストアをのぞいてみてくださいませ。http://line.me/S/sticker/1000271以上、最後まで読んでくださってありがとうございました。