bcd@blog

設定うんたらかんたら

pixivのほうに先にちょろちょろとアップしてありましたが、
こちらにアップしていなかったので最近描いた画像を
アップします。

以前描いた花瓶とテーブルの絵のなかの
テーブルの設定と、花瓶のデザイン例

テーブルのデザイン例（テーブルというか
台っぽいのが多いですけど）

こちらはまた変わって、建物のデザイン例
ミニチュアというかでデフォルムしたデザインで
見下ろし視点なので、ＳＬＧとか向きの描き方に
なってます。シムシティーとかＷ

　線画のままだとちょっと味気ないので
モノトーン気味に塗りこみをして立体感を出して
みました。こんな感じにしたほうがそれっぽく見えるなぁ
と。今は仕事は２ＤのＡＤＶ向きの背景の制作が多く、
こういった美術設定のような仕事はしていないので
そのフラストレーションをここに吐き出していますＷＷ
まあ、そうは言ってもありきたりなデザインばかりなので
なんというかオリジナリティーはあんまりありませんがorz

次は時間を作ってこれらの彩色をしようかなと思います。

Shade HomeDesign

このブログにはあまり描いていませんが、少しづつですが
３Ｄのソフトウェアを触っています。まあまだまだ実践ライン
には程遠いのですが、背景美術の仕事になにか役立た
ないかなぁと思いまして。　以前３Ｄのゲーム開発をして
いたときに、多少ツールを触る機会があって
（とはいってもゲーム開発のメインストリームのアプリでは
ありませんでしたが）多少補助的に３Ｄを利用して美術設定
などの作成をしていたことがあります。

　でまあこんなソフトを発見したので、購入してみました。
Shade HomeDesign
Shadeの家シミュレーターです。こういったのだと
マイホームデザイナーとかが結構有名ですね。

上が図面
下がその３Ｄ画像です。カメラの位置を設定して
２Ｄ画像に出力できます。

Shade HomeDesignは図面に家具などをドラッグして
配置していくと自動で３Ｄ画面に反映されていく、
というのが特徴のようです。

実際にやってみましたが確かに簡単です。microsoftが
出しているvisioという図表作成ソフト（フローチャートとか
を描くソフト）に３Ｄ表示機能が追加されたといった
ような感じですか。
　使ってみると確かにそこそこ面白いと思います。
難点としては、既存のサンプルファイルの数が
限られていること。
またほかのソフトで作成したデータのインポートが
Shadeにしか対応していない点でしょうか
（これはあくまでShadeファミリーのソフトだから
仕方ないことだとは思いますが）
　Shadeは、建築パースやイラストレーターなどの世界では
使っている人も多いようですがゲーム開発には適して
いないソフトなため、ゲーム業界では利用率が低く
（というかほとんど聞きません）データがShadeにしか
対応していないのは正直汎用性が低くなって
しまいます。
　また、３Ｄ画像の設定があまり細かく調整できない
のも難点ですね。ワイヤーフレームの線画抽出とか
できれば相当使えたんですがＷＷ

　自分のような背景美術への応用といえば、室内背景などを
描く際に、レイアウト作成のベースにする、といった応用が
可能かなと思います。　部屋の大きさ、物の配置などを図面上
で決めれば、同時にパースの３Ｄ画像が表示されますので、
３Ｄ画像を２Ｄ出力してそれをプリントアウト、それを基にして
線画を描いていく、というようなやり方ですね。

２ＤのＡＤＶゲームなどでは、室内の背景が多く登場しますので
局所的にではありますが使いどころは多いかもしれません。
まあ３Ｄ画像をそのままゲームで使うことは無理だと思いますが・・・

設定やカメラを動かしていろいろなアングルから。
ＡＤＶの立ち絵の乗るような背景（汎用背景）から
イベント絵の背景の構図の参考にもできると思います。

あくまで補助的なツールとして、ここから線を描きなおし
かつ家具や細かいディティールを線画で作成していく
ぐらいの使い方がよいと思います。
　写真を参考にして線画を作成するのと同じような
感覚でちょうどよいぐらいですねＷ

pixivの効能とか

pixivに登録してみましたが、そのおかげかblogへ
アクセスしてくれる人が多くなりました。
画像はpixivに多くアップしてありますがこちらの
デザインサンプルにもアップしてあります。
ただこちらのブログだとサイズ制限があって
あんまり大きい画像は縮小されてしまうので
pixivをごらんになることができる方はそちらに
アクセスしていただいたほうがより大きい画像を
ご確認いただけると思います。その際には
評価なんぞいただけると励みになります。

こんなんをアップしてました。

できた

壁と床を描きました。

雰囲気少しだけ変わりましたが
床と壁を同じような色にしてる時点で
手抜き感がバリバリですorz

　いまふと思ったんですが、塗りの工程を動画で保存して
どっかにアップしておくとなかなか良いかもしれん。
編集のスキルは持ち合わせていないので、そこらへんを
覚えるところからになりますが・・・

ブログのほうもまた少しいじってみました。
左側にはてなbookmarkへのリンクを追加してあります。
いまんところ何もありませんけど。

明日17日から仕事で福岡に行ってきます。
夕方に打ち合わせがあり、18日は一日空けてありますＷ
はい観光です。福岡へは今までいったことがないので
（それどころか国内線の航空機なんぞも初めて乗りますが）
　ちょいと楽しみです。写真なんぞをいろいろ撮ってきますー

色塗り

してみました。途中まで

ここまで1時間半くらいです。saiで塗ってみようかと
思っていじりまわしたのですが、失敗したので
やめました。saiは水彩の表現などには向いている
のですが、まだ使いこなせていません。
ので、まあいつものやり方で塗っています。
　それでも、今回は線画をそのまま生かした塗りに
しているのでいつもよりは早いですね。
　saiで線画を作成すると、スキャンしたものに比べて
ごみとりなどをしなくて良いのできれいな線のまま
使えてなかなか良いです。
　オブジェクトのデザインなどのときにぱっと塗って
しまいたいときには便利っぽいです

一日一描

は無理ですが、仕事の合間の気分転換になんか
描くのは続行しています。

今日はこんなん

普通の人が落書き半分で描く様なものにしては
やけにおかしいです
　仕事で絵を描いているのに、気分転換で絵を描く
というのもまたおかしな話ですが、最近は背景の仕事
ばかりで美術デザインの仕事をやってないので
そのはけ口のひとつということで。

　思ったこと

saiはやはり便利です。もっぱら線画作成でしか使って
ませんから、色塗りでどうかはわかりませんが。
ただ、抑揚が弱くなりがちで、なんというか手描きの
勢い、というかダイナミックさを出すのはもう少し
練習が必要なのかもしれません。
　クレジットカードもってて良かったＷＷ＜saiは今のところ
クレジットカード決済でしか購入できないっぽいので

タル

ちょっとした意図があり、少しづつですが小物を
描いています。
　仕事の合間に、なのでまあ一向に進んでいませんが。
一点できたので久々にデザインサンプルにアップしました。
まあはっきりいって参考になるようなものですら
ありません。ラフとクリンナップしたものが2点。
ラフは手描きですがクリンナップは最近流行のsaiで
行っています。saiでの線画作成は少しづつですが
試験的に導入しています。まだまだ時間がかかる
部分もあるので手描きと半々くらいなんですが。

　次は彩色をしていくつもりなんですが、いつ終わる
ことやらと

・・・・あーいま見返してみるとタルのパースが微妙に
狂ってるわorz

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

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

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

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



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

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


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



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

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


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

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

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



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

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

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

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



　

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

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

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

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

 

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

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

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

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

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

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