bcd@blog

汎用背景の描き方レイアウト編４

４回目です。一気に飛びますＷＷｗ

３回目でだいたいのガイドラインを作成しましたので、それを元に実際の線を引いて
行きます。いろいろ線を引いて見づらくなってきましたので、ガイドラインの入った用紙
の上に一枚紙を重ね、トレスボックスを使って新たに作画します。

　で、実際に作画した線が下の画像です。



特に過程が無く一気に描いてます・・・
正面からまっすぐに奥を見ている視点になってますので、作成したガイドラインを参考にして、アイレベルを基準にドアの高さや窓の位置などを描き入れていきます。
　ドアなどの高さは実際の建物を参考にすると分かりやすいです。

　ただまっすぐの壁・床・天井ではあまりおもしろみがないので、両サイドに柱を
描き入れ、左奥の壁を取り除いて通路をつなげてあります。こうすると奥行きが
表現できるので画面の密閉感を少なくし、空間を想像させることができます。


　ちなみに、上の画像に自己添削を入れたモノが下の画像です。



　自己添削していて右のドアノブがずれていることに気づきましたorz
中央奥のドアノブと比べると右のドアノブが低くなってしまっています。

　基本ドアノブは地面から７０～８０cmくらいの高さにあると考えてよいです。
（人間の手の位置から考えるとこれぐらいがちょうど良い高さになるので）
　ドアの高さを１８０cmぐらいと考えれば、真ん中よりもちょっと下ぐらいにあると
違和感が無く表現できます。　ドアの大きさ自体は大きくなったりすることもありますが
ドアノブの位置はドアの大きさにかかわらずある程度決まっていると考えてよいでしょう。


　こんな感じである程度の線を描くことができれば、これをクリンナップする
作業に移ることになります。
　

汎用背景の描き方レイアウトラフ編3

３回目です。２回目で長い通路のベースになる線を引きました。次はその線を分割していきます。



奥行きを分割していきます。まず画像の１に当たる一番奥の線から描き始めます。
　この線を基準にして図のように対角線を引いていけば、面を同じ面積で分割する
事ができます。（画面はあくまで平面で、透視図法によって奥行きを表現しています。
そう考えると擬似的に等間隔に見える線を、対角線を使って引いていく、と言えます）

　図の１番に当たる線を引いて、一番奥の面を分割するときには、線の位置に気をつけるようににてください。透視図法で奥に当たる部分その部分にちょっとしたズレがあると、そのズレが手前に来ればくるほど大きくなってしまいます。見た目にちょうど良くなるまで何回か描き直して見ると良いと思います。

奥行きの分割線を引いたら、基準となるあたり線は完了です。

　次はこの線を基準にして、実際の廊下をつくっていきます。



　

汎用背景の描き方レイアウトラフ編2

２回目です。１回目のはレイアウトの描き方もなにもないのですがＷＷ

とりあえず２回目は線を引いていきます。

１回目でアイレベルの設定を行いましたので、次はそれを基準にして空間を表現していきます。

 

上の画像にはいろいろと注釈いれてありますので参照してください。
最初は単純な箱の空間を描き入れます。今回は長い廊下を真ん中から見た視点の絵を描こうと思いますので、見た目に長細いような構図になってます。

　奥正面の壁面（長方形）はアイレベルの高さ（今回は１４０cmと定義しています）
を基準にして、高さ、幅を決定していきます。方眼のメモリを利用すると便利です。

　ここでは廊下の高さをアイレベルの２倍、２８０cmくらいに設定しました。実際の建物の天井までの高さなどのスケールを参考にしてみると良いです。

　意外にここが重要で、勝手が分かっていない人は実際の建物のスケールを反映していないレイアウトを作ってしまう事が多いです。アイレベルの高さを定義せず、実際の建物に対しての知識を持っていない事が原因だと思いますが注意するようにすると良いと思います。
　奥正面の壁を作ったら、消失点（ＶＰ）を基準にした直線を引いて、各側面を作ります。
これでアイレベルに対して平行な奥行きが表現されます。

　これで、高さ２８０cmのまっすぐな空間が作成できました。（横幅に関しては今回はあんまり重要でないので適当です。２８０cmよりも少し長いくらいでとってあります。）

　次は、この長い通路の奥行きを分割していきます。

汎用背景の描き方レイアウトラフ編1

仕事始めもすぎ、せっせと仕事に励んでいるなか、思いついて簡単な背景レイアウトの描き方をおさらいしてみようと思います。
　自分で考えた描き方ですので、あんまり参考にならないかもしれませんし、一気に進めてる部分もありますので、説明不足の感が否めませんが、一応の参考にしていただければ幸いです。
　昔取引している会社のスタッフ（原画・グラフィッカー）が描いたレイアウトを、依頼を受けて添削したことがありますが、気づいたのは意外に原画さんも立ち絵（バストアップ）を気にしないでレイアウトを作ってしまう、ということ。
　自分が今までに作っている背景画のほとんどはＡＤＶゲームの汎用背景で、立ち絵とのあわせが必要になるため、だいたいの構図は一定の規則があります。今回はそのあたりを簡単な構図の背景レイアウトの作成でまとめていきます。

まず、５ミリ間隔の方眼紙を用意します。今回はラフレイアウトを先に作り、それをクリンナップしていく流れにしていますので、クリンナップ線と区別するために赤鉛筆で作画していきます。

ちょっと見にくいかもしれませんが、まず４対３の大きさのフレームを決めます。
これが画面の基準になるので、注意して描きます。私はＰＣで４対３のフレームの線をプリントアウトしたものを先に作成し、それをトレスボックスを使ってなぞっています。
　せっかくですので、方眼紙の中心と合わせておくと作業が行いやすいです。

　４対３のフレームを決めたら、そのフレームの中心線を引きます。
これはあくまで基準線ですので、実線としては使いません。
　フレームの中心の水平線のちょっと上（だいたいメモリ２から３個分くらい）に
水平線を引きます。これをアイレベル（水平線）と決めて、すべての基準線とします。
　ちょうど三脚を使ってカメラで撮影すると気をイメージすると分かりやすいかもしれません。
アイレベルはカメラの目線の高さを表します。このあたりにするとちょうどキャラクターの立ち絵に合ったレイアウトになります。
　
　今回はまっすぐに見た一点透視のレイアウトを作成しますので、フレームの中心になる垂直線を引きます。この線がちょうどカメラの立ち位置（スタンディングポイント）となります。アイレベルと交差する点が、ちょうど視点の中心に位置し、これが消失点（VP）となります。
　
　・・・細かい透視図法の説明は省きますorz自分もまだまだ説明できるほどではありませんので。一つ言えるのは背景画の作成では、建築パースのような精密な透視図法は必要ではなく、むしろ目測でだいたいこれくらいかなーという程度で十分です。

　これで基準となる線・点の位置を決めました。
　アイレベルの水平線は目線の高さを表す線です。汎用背景のレイアウトの場合はこの線の高さをだいたい１４０～１５０cmと決めるとよいでしょう。
　ちょうど平均身長の男性の目線の高さが１５０cmくらいになりますが、実際に立ち絵を見るとちょっと１５０cmでは高すぎて合わない事が多いので、自分はちょっと下げて１４０cmくらいに定めるようにしています。

なんかこの説明だけでずいぶんと長くなってしまいましたので、何回かに分けて説明を進めていきます。

彩色過程７

彩色過程の７。これで作業完了です。ちょっといじって色調を整えてあります。

手前の通路の作成。まだ吊り橋は描いてませんが基本的には通路と同じように
彩色していきます。

手前の吊り橋を作成し、描き忘れていた樹を一つ追加して完成。
設定画を想定した絵作りなのではみ出した部分などの修正はしてません。
　
　完成したモノはデザインサンプルにもアップしておきます。

彩色過程６

彩色過程の６。細かい部分ですが。画像を追加してます。


周りの樹を2つ追加してます。いま気づきましたがもう一本樹描き残してる・・・


手前の通路を描き途中・・・・・まだディティールを描き込んでません。
下の木組みはあんまり描き込まないで流してます。

　多分今日中には完成できそうです

彩色過程５

彩色過程の5回目。手前の建物を描き進めてます。手前の建物の屋根の色を悩み中・・・・赤・緑ってのはちょっと合わないかも・・・・・

だいぶ全体が分かるようになってきました。次は手前の通路を描き進めていきます。

彩色過程４

彩色過程の4回目。ちまちまと進めてますが、やっと奥の家が描き終わりました。
次は手前の家を描き進めます

奥の木組みをはこんな感じ。描き終わるまでにはまだ時間がかかりそうです・・・

彩色過程３

ある程度仕事してもう寝ようかと床につきましたが何となく寝られなかったので少し作業を進めました。この感じだと結構時間かかりそうだ・・・・・・　あとぱっと見の印象として暗いというかちょっと黒っぽく汚く見えつつあるのが気になるところ・・・・・

彩色過程２

仕事忙しいと日が経つのは早いです。前のエントリからいつの間にか3日経ってるとは・・・
　仕事の合間にちょろちょろと彩色している絵の過程をまたアップします。
仕事しつつだとなかなか進まないですねぇ・・・・・

まだまだ全体像が見えてきてませんね。