読者です 読者をやめる 読者になる 読者になる

うしろぐ

作ってあそぶよ

GGJ2017札幌、ひとりでできるかな?

3DCGのお話

GlobalGameJam2017

早いものでもうGGJ参加6年目です。

今年は学生の参加が多く、私のチームも私以外は皆学生さんでした。

ABCDチームに分けて、そのなかで3~4チーム作る方式。我々Dチームにはデザイナー3人しかおらず、各チームのグラフィックは一人で担当する感じ。

 

チームの制作は学生さん主体にやっていただいて、軌道修正する程度。話し合いつつ、グラフィックの負担に余裕があるよう企画し、2日目には全ての素材を仕上げました。

 

企画内容は、厄介な間取りでのスピーカーセッティング。ステレオサウンドをバッチリ決めるべく「左もう1cm前、角度もうちょっとだけ内振りに…」とかやるオーヲタシミュレーターです。バッチリ決まるとサラウンドのように音が後ろに回るので、この辺をうまくヘッドホンで再現してオーディオ沼に引きずり込もうという感じ。プランナーも音楽大好きだし、プログラマも「難しいけど挑戦してみたい」ということで。

 

作ったもの紹介。

・まず部屋とスピーカー。実在の間取りをわりと正確に再現。スピーカーは実在モデル無しの、よくある2wayバスレフ型。円形にポリゴン割いたけど、ちゃんとワンスキンモデル。チーム用モデルはスタンドと一体化して扱いやすい感じに。

f:id:lightwave:20170125014222p:plain

・リスニングポジションの人。彼はZBrushの有料プラグインHumanZBuilderを使用してSDiv1でエクスポート後、Blenderのスカルプトで筋肉ディテールにスムースかけて白単色で使用。記号化。

f:id:lightwave:20170125015114p:plain

・ボーン、IK、アニメーション入れて、ソファに座らせる。音楽聞いてノッてる感じを20フレームループで作りました。

f:id:lightwave:20170125020039p:plain

・アイコン画像。InkScapeでパス作ってsvgblenderへ読み込み、レンダリングしたものをコンポジットノードでアレンジ。これは陰陽じゃなくって、ステレオサウンドをイメージしてデザインしたもの。

f:id:lightwave:20170125022307p:plain

以上、お仕事終わり!

余裕があるので他のチームの様子を見に行きます。教えている学生もたくさん参加しているので、どんなの作ってるのか見てみたら、皆すげぇ気合入ったモデル作ってて驚きました。ほとんど1年生なのに、ちゃんとUVテクスチャー入れて、リギングしてアニメーションつけて。

こりゃ俺も何かしないと先生カッコつかないぞと。しかし3日目にモデルやテクスチャ増やしたところで実装されないのは予想がつきます。そこで、少しずつ読み進めていたUnity5の教科書を片手に、自分のゲームを作ってみることにしました。

ひとりゲームジャム開始!

この本最高で、変数とか関数とかクラスとか何それ?っていう、初歩のHTMLしかできない私にスクリプトの基礎から教えてくれる超良書。でも持ち歩くには重いので自宅で少し試してみました。

仕込み企画のなかに、アストロロボ・ササみたいな無重力2Dゲームがあったので、これを3Dでやってみることに。無重力空間でスピーカーをスピーカースタンドに載せたらクリアです。映画ゼロ・グラビティみたいにプシュって噴射するイメージ。本で学んだ2Dの応用が利いて、無重力設定とスピーカーが上下するまでは出来たのですが、無限に時間が溶けそうなので会場へGO!あとは検索でなんとかします。

考える。

地下鉄移動中に、どうやって実現するか考えます。回転のさせ方、ゲームクリアをどう判定とるか、ひとつうまく行かなかったときのために、別の方法も考えて。

f:id:lightwave:20170125023353p:plain

物理演算で動いているので、回転するには外部の力が必要だろうと思い、押すためのパーツを配置してみたけれど、これが全くうまく行かない。スピーカーだけすっ飛んでいくorパーツだけ飛んでいく。両方を空のゲームオブジェクトの子にしてもダメ、親子階層を作ってもダメ。あれぇー?パーツ組み立てて物理演算たのしむ系ゲームってどうやって作ってるの。。

あきらめてローカル回転の方法を探ったのですが、クォータニオンとなんちゃらがうんにゃら・・そういうのはまだ無理!なのでtransform.rotateの各方向へキー操作に応じて数値を入れました。結果、いちど回りだすと思い通りに操作できない謎の動作に。思い通りにならない事こそ無重力ゲーの魅力だよねー。

…半年後くらいには解決できる技術力が身についていることを祈ります。

そして完成へ…

f:id:lightwave:20170125024615p:plain

あとはゲームクリアの条件を作ります。当初、四隅に判定取って、スピーカーが正しい向きで着地したときゴールにしようと考えていました。しかしそんな器用な操作できるゲームじゃなくなっていたので、底が一瞬でも触れあえばOK!なゲーム難易度に変更です。衝突判定のオブジェクトも大きめに。こういう、他所で起こった出来事を別の場所の動作条件にする感じ、まだ慣れませんね。難しい。でもなんとか出来ました。バッチリGGJ時間内に完成です。

 

今回、Unityで自作ゲームという夢をGGJ6年目にして叶えることが出来ました! 大収穫!限られた時間のイベントは経験値がでかい。GGJがなかったら自作ゲームはまだまだ何年先だったことか。

 

しかもこれ、自分でテストプレイしてなかなか面白く感じました。ラジコンヘリを飛ばす楽しさに似ています。

 チームのゲームは惜しかった…

最低限の動作はプログラム出来ていたけれど、解決できないエラーに阻まれて時間切れになってしまったそうな。プログラムってエラーの解決がほんと大変ですね。エラー出たらまったく動作しないところとか、警告出てるところが原因とは限らない感じとか。

未完成残念です、こっちも遊んでみたかった。

懇親会で遊んでもらい、Twitterで配布。

f:id:lightwave:20170123164956j:plain

私のひとりGGJは公式サイトに載せる場がないオマケなので、懇親会で遊んでもらいました。ゲームの操作と達成目標を書いたテクスチャをプレーンに貼って少しわかりやすくしましたが、皆一度はスピーカーを画面外まで飛ばしてしまう初見殺しです。しかもゲームオーバーとか最初に戻るとか作れないので、Alt+F4で終了(笑)

後にTwitterで公開しましたが、遊んでもらえるのは嬉しいものです。マイニンテンドーストアのゴジラでユルゲー作る人達の気持ちが超わかります。私にもう少し技術が身についたらきっとゲーム作っちゃいますね。

初々しいゲーム、遊んでくださいな。

Windows:https://

https://app.box.com/s/a0g3wil3hk62zqpq5r58uihjm3x69skr

Mac:https://

https://app.box.com/s/id8xks0f68cx4gxdy9nnkn2ojs3u56e6

ついでにGGJ2016定山渓会場HTMLゲーも公開しよう。

プログラマー不在チームで詰んだ思い出、そしてHTMLで乗り切った崖っぷち発想力。これだからGGJは油断ならない。

・on-sen https://app.box.com/s/q2ztsxqzxjlys76z6tvrllv5t40bvbvi

 

3DCGの勉強がしたい?

これは一冊持ってて間違いないね!(著者)

 

認識しなくなったApple Pencilの復活

らくぬり帳

先日、久しぶりに使おうと思ったApple Pencilが認識しなくなっていました。

iPad Proに接続してもバッテリーの画面が表示されず、タップも効きません。

f:id:lightwave:20170116124047j:image

 

ビックカメラApple製品修理サービス、アップルコールセンターでも打つ手無く、修理交換という話になりましたが、復活したのでブログ書いておきますね。

 

試したこと

・Lightningコネクタへの接続、充電

Bluetoothのオンオフ

f:id:lightwave:20170116124100j:image

機内モードのオンオフ

f:id:lightwave:20170116124112j:image

iPad Pro本体の再起動

・ネットワーク設定の削除

f:id:lightwave:20170116124136j:image

ビックカメラApple製品修理サービスへの持ち込み

・アップルコールセンターへの電話相談

 

修理の対応

ビックカメラApple製品修理サービスでは「1万4千円くらいで修理交換。新品を買ったほうが安いですよ。気休めですが静電気除去しておきました。」

・アップルコールセンターでは「他に試せる修復方法はありません。7千6百円くらいで修理交換。配送に時間がかかるので、実店舗がお勧め。値段は同じ。」

ビックカメラApple製品修理サービスで確認「Apple直営ではないので、手数料がかかりこの値段です。」

 

Apple Store札幌の実店舗が閉店してとても不便…

 

解決

Bluetoothの設定から未接続のApple Pencilを確認。再接続を試みる

f:id:lightwave:20170116124831j:image

・このデバイスの登録を解除

f:id:lightwave:20170116124932j:image 

・接続きたっ!

f:id:lightwave:20170116125002j:image

 

検索する限り、再起動とLightningコネクタに接続で回復する 例が多いようでしたが、

それでも接続できない、認識されないという症状の方のために書き残しておきますね。 

 

 

Blenderで年賀状メイキング!

3DCGのお話

あけましておめでとうございます。

新年といえば年賀状、年賀状といえばBlenderですね!

今年最初の記事は、年賀状CGができあがる工程をご紹介っ。 

イデアスケッチ

f:id:lightwave:20170101145937j:plain

実際には、描く前に「考える」という工程があります。

年賀状に描いて自分の気持ちが一番盛り上がるのはなんだろうなと考えましたが、作品を作り上げることで楽しい縁を広げたい。という願いを絵にすることと決め、干支のキャラクターが映像やゲームなんかを作っている様子を描きました。

実際に自分が作業しているときを思い浮かべ、資料本を積み上げてコピー用紙にデザインから絵コンテから描きなぐり、いざ制作作業を行っている様子です。

丸窓の向こうに鳥小屋が見えるのは、この部屋も鳥小屋だという説明と、すぐそばで他の人も何か作っている、あるいは協力して作り上げているという様子を表現しています。

モデリング開始

f:id:lightwave:20170101184006p:plain

このとき、もう12/30だったので大急ぎです。迷ってる間に手を動かす。

この作品は「技術スゴいでしょ?」という目的ではなく、場面を描き「絵にする」ことが重要なので、各モデルを作り込むより、まず物を揃えて、残り時間があれば必要な箇所を作り込むことにします。

本も紙も鉛筆も消しゴムも、物理演算で配置してから調整しています。

キャラクターは特に、作り始めるとこだわってしまう部分なので、仮モデルでスザンヌを配置しておきます。これで十分です、とっても便利!

…ただ、制作中ずっと見てると申年が続くような気がしてきますね(笑)

キャラクター

f:id:lightwave:20170101185100p:plain

Blenderでもモデリングできるのですが、時短のためZBrushでダイナメッシュ多用しつつ造形し、ZRemesherしてBlenderへ持っていきます。かなりゆるいモデリングですが、記号として割り切ります。

f:id:lightwave:20170101190220p:plain

3D-Coatでテクスチャペイントしました。

Blenderでボーンを入れ、頭部の大きさを調整するため切り離し。UVを作ってBlenderのテクスチャペイントを試しましたが、使い心地に細かいストレスがあるので、スピードを重視して迷わず3D-CoatへAppLinkしました。

テクスチャなどなど

f:id:lightwave:20170101190618p:plain

絵になる十分なパーツが揃ったら、テクスチャを入れてどこまで品質出るか確認します。足りない部分は面取りを行ったり、散らばってる紙にはレンダリング結果を見ながら折り目ベベルをつけたりしました。

ライティングと色の調整

f:id:lightwave:20170101191529p:plain

当初はサンランプで太陽光を差し込ませていましたが、これをHDRIの環境光+室内光に置き換え。緑が強いのは森の中感が出て良いのですが、明瞭な印象が欲しかったので色調整で打ち消しています。

調整の試行錯誤も多く、Blenderカラーマネジメントで調整したもの、OpenEXRで書き出してPhotoShopのCameraRAWを使ったもの、同じくArionFXを使ったものと様々です。最終出力はFilmicBlenderのカラーマネジメントで仕上げました。

完成!

f:id:lightwave:20170101192319j:plain

年が明けましたので、これで完成です。ハガキサイズ300dpiで6時間ほどレンダリングしてノイズ落としました。サンプル数10,000放置。

年賀状お決まりの文字も入れてみましたが、気持ちのこもらないものは除去することに。

 

そんなわけで年末年始Blenderを楽しんだ年越しでした。

 CGイラストに興味が湧きましたら、私の本がおすすめです(笑)

楽しい年になりますように!

 

MarvelousDesignerとBlenderでサンタ服を

3DCGのお話

Blender Advent Calendar 2016

まいにちBlenderの記事があがって楽しいAdventCalender、

最後まで12月25日が空いていたので、いただきます!

 


せんでーん!

今年ははじめて技術書を書かせていただきました。

好評いただき、多くの方の「実際に作ったもの」を見られてとても嬉しいです。

そんな記念の年なので、Blender Advent Calender参加したいと思います。

趣味のBlogなので、そう簡単に真似出来ないやつ行きますね(笑)

 


今回のネタ。

3DCGで服を作ろうとする場合、悩みのタネになるのがシワ。

 イラスト調ならシワのテクスチャを描かねばなりませんし、リアルな感じならクロスシミュレーションを行うか、シワをスカルプトするか、あるいはポリゴンモデリングで丁寧に。いずれにしても難しい工程です。

 

そこで今年新たな手段として、MarvelousDesignerというソフトを導入しました。

 これは、型紙を描くことで、高度なクロスシミュレーションを行い、モデル・アニメーション化できる専用のソフトです。

操作方法自体はそれほど難しくなく、チュートリアルビデオを数本まねすれば操作できるようになってきます。ただし!我々CG専門の人間にとってのハードルは型紙デザインの方です。CGの専門学校でも家庭科の授業が必要になるかもしれません(笑)

 

インターネットで型紙を検索して、なんとか身体に合わせようと試行錯誤していた頃の箱くまスーツ、全然ボタンが留まりませんでした。そのくせ肩周辺は生地が余ってシワだらけ。こりゃ本当に勉強しないとダメだ!と本屋をめぐる旅へ・・

f:id:lightwave:20161224164616p:plain

 -

しかし今回は本を読んでいるので、浅いなりに知識があります!あと「身体が箱なんだから、型紙も箱になるように作らないとダメじゃん!」とアドバイス頂いたのを反映したりで、いい感じのサンタ服になりました。箱くまかわいい!

f:id:lightwave:20161224164548p:plain

 -

これをBlenderに読み込んで、レンダリングすると超かわいい!メリークリスマース!

f:id:lightwave:20161224163017p:plain

 -

赤い布のマテリアルは、ベルベットBSDFとディフューズBSDFのミックスです。シンプルなノードで良い質感出るので、BlenderのCyclesはほんと最高。

f:id:lightwave:20161224165439p:plain

 -

ちなみに、ベルベットBSDFをそのまま使うとこんな感じ。高級感が出過ぎて夜のアヤシイ気配ただようので、落ち着けるのにディフューズBSDFを使ったわけです。

f:id:lightwave:20161224165947p:plain

 -

で。このままじゃBlender Advent Calendarっぽくないので、Blenderでも真似してみましょうね!

 


Blenderでクロス縫合やるよ。

平面で型紙つくりまーす。

f:id:lightwave:20161224174054p:plain

-

Shift+Dキーで複製して背面にしまーす。

身体の厚みに応じて近い場所に移動しまーす。

f:id:lightwave:20161224174939p:plain

-

ポリゴン細かくないと変形できないので、Wキーから細分化しまーす。

半分しか見えてないのはミラー使ってるからでーす。

f:id:lightwave:20161224175035p:plain

-

縫合したい辺どうし一対を選択して、Wキーから辺ループのブリッジしまーす。

f:id:lightwave:20161224175149p:plain

-

出来た面からXキーで「面だけ」削除しまーす。

f:id:lightwave:20161224175317p:plain

-

この「辺だけ」で繋がっている場所が縫合されまーす。

もうひと仕事。

頂点グループをひとつ作成しまーす。

縫合したい辺を選択して「割り当て」ボタン押しまーす。

f:id:lightwave:20161224175643p:plain 

-

縫合したい辺全て同じ作業を行いまーす。

面を削除する前に割り当てボタン押すと再選択の手間が省けて効率的。

f:id:lightwave:20161224180316p:plain

-

ウェイトペイントで確認すると、頂点グループはこんな感じ。

f:id:lightwave:20161224185404p:plain

-

キャラクター本体にはコリジョンを付けまーす。

f:id:lightwave:20161224180509p:plain

-

服にはクロスを付けまーす。

「クロス縫合スプリング」にチェックを入れて、収縮にGroupを選択しまーす。

品質の「ステップ数」足りないと思うので、PC性能と相談しつつ数値上げまーす。

「縫合の力」も0で上手くいかなければ、要調整でーす。

f:id:lightwave:20161224180534p:plain

-

最初のフレームからアニメーション再生するとクロスシミュレーションされまーす。

すごく残念。ぴちぴち。

f:id:lightwave:20161224180800p:plain

-

これは脇の分の生地が足りていないので、横に広げて再計算してみまーす。

f:id:lightwave:20161224181326p:plain

-

それっぽい!

f:id:lightwave:20161224181404p:plain

 


でもね・・・

普通にポリゴンで服作ってー。

f:id:lightwave:20161224182331p:plain

-

普通にクロス使うだけのほうが、簡単で出来も良いねー!

f:id:lightwave:20161224182344p:plain

 


 と、いうわけで。

楽しいクリスマスと、Blender漬けの良い年末年始を~!

f:id:lightwave:20161224195736p:plain

 

 

Blender CGイラストテクニックのP.32補足

【無料で始める Blender CGイラストテクニック】のP.32、「5.ライティング~光源を考えよう~」の図と文章が分かり難いかと思います。

f:id:lightwave:20160716081206p:plain

取り急ぎこちらで訂正します。ごめんなさい!

 

 

単色で空の色を選ぶ

標準ではグレーの単色が選択されています。[▼サーフェス]-[カラー:]右の色(グレー)をクリックして、好きな色に変更してみましょう。ここで設定した空の色は、次の「レンダープレビュー」や「レンダリング」を行った時に反映されます。

f:id:lightwave:20160716080555p:plain f:id:lightwave:20160716075631p:plain

 

「大気テクスチャ」を使用する

[▼サーフェス]-[カラー:]右のボタンから「大気テクスチャ」を選択すると、空のグラデーションを表現できます。

f:id:lightwave:20160716074737p:plain f:id:lightwave:20160716074743p:plain

大気テクスチャを解除したい場合には、「大気テクスチャ」をクリックして「削除」を選択します。

f:id:lightwave:20160716080016p:plain

大気テクスチャについては、P.215でも解説しています。

Blender CGイラストテクニックのカバーメイキング。

3DCGのお話

本日7月13日は【無料ではじめるBlender CGイラストテクニック ~3DCGの考え方としくみがしっかりわかる】の発売日。ということで、皆さんに見つけてもらう目印になります、カバーイラストのメイキングでも書こうかなと思います。

 ラフスケッチを描く。

 f:id:lightwave:20160713203517j:plain

これが最初のラフスケッチ。通勤時間を利用して、iPadProのProcreateで描きました。「みんな、自分の作りたい絵を描けるように」という思いを、リビングで自由にのびのび飛び回る小さな飛行機として描きました。

書籍名や著者名など入る場所を想定して、情報量を減らしておきます。

 

背景にはチャプター02の扉絵を使いますので、必要になるモデルは飛行機と、不足があればテーブルの上の物です。

おもちゃの飛行機ということで、絵ではサラッと描きましたが、モデリングするには資料がほしい所です。おもちゃのデザインってとても洗練されているので油断なりませんし、飛行機好きな方に「なんじゃそりゃ」と言われるのも切ないですからね。

 資料を検索する。

さっそく検索して、好みのシルエットの玩具や

https://s3-ap-northeast-1.amazonaws.com/kurashicom-images/colorme/PA01034/348/product/39612209_o2.jpg

http://hokuohkurashi.com/?pid=39612209

 

自作っぽいステキな造形の模型を発見。

http://blogs.c.yimg.jp/res/blog-f2-85/a6m2bkm251/folder/1510277/40/58089540/img_1?1232200254

http://blogs.yahoo.co.jp/a6m2bkm251/58089540.html

 

さらに実機で可愛いのが!

f:id:lightwave:20160713211009p:plain

デザインする。

f:id:lightwave:20160713215107j:plain

まず形を知るためにスケッチをします。そして徐々に自分のアレンジを加えてゆく。全体のバランス、デフォルメ加減であったり、翼の形であったり、タイヤ周りをどうしようか、乗り込む部分をどうしようか、などなど。たくさん絵に描くと、形が頭に入ってきてモデリングの時も迷いがなくなります。目で見るのではなく、手で見る。という感じです。

モデリングする。

f:id:lightwave:20160713204001p:plain

そんなふうに再構築・モデリングしたのが、この飛行機。デザインした絵や形だけでなく、やはり作るときにも資料を観察するのが大事です。実際に飛んでいる絵にするので、玩具っぽさとリアルさをうまく融合すべく、部分的に細かいディテールを入れました。

 シーンを組む。

f:id:lightwave:20160713222008j:plain

まずは配置してみます。別のファイルから読み込むには、舞台のファイルを開いた後に、「ファイル>アペンド」で飛行機や箱クマの.blendファイルを選択し、Objectフォルダの中から必要なオブジェクトを全て選択し、「ライブラリからアペンド」します。

配置できたら、仮レンダリングで問題点を見つけ、姿勢などを見直していきます。Ctrl+Bで部分レンダリングできるので、狭い範囲だけを素早くレンダリングします。(解除はCtrl+Alt+B)

f:id:lightwave:20160713203910j:plain

 ポーズや飛行機の姿勢、それに光源の向きも変更しました。翼がエンジンカバーに重なっていたのも修正。悪くないので、いちど全体をレンダリングして画像を保存しておきます。少し時間を置いて見なおしたり、改善策を試してから、本当に良くなったのか見比べたりするためです。 

 

f:id:lightwave:20160713223535j:plain

グラスの配置や色を変更することで、主人公がより目立ち、奥行き感も出るようにしました。プロペラの向きも変えて、顔に重ならないように。

 

f:id:lightwave:20160713223733j:plain

さらにカメラを少し傾けることで、スピード感を演出します。地平線が傾いたその不安定さにより、見る人は迫力を感じます。

 

f:id:lightwave:20160713203419j:plain

絵に暗い部分がなく、全体的に締りがないので、改善案をペイントしながら考えます。上部には書籍のタイトルが入るので、奥の壁などは情報量の少ないままでOK。

室内全体が明るいため、映り込んだ景色も単調になってしまっているので、奥に部屋やキッチンがあって暗い状態を想定した映り込みを描き足しました。また、テーブルの上の隙間が多いので、アメを配置しました。

 

f:id:lightwave:20160713224709j:plain

暗い部屋の映り込みと、アメを転がした状態です。包装のデザインは後回しにして、まず全体を見ます。あと、印刷時のトリムで絵の周囲が切り落とされるのを警戒し、塗り足しの分だけカメラを引いています。

 

f:id:lightwave:20160713224917j:plain

ここで、先に送っていた画像を元に、カバー案が送られてきました。左下の空間に文字が入り、アメが無くてもバランスの取れた絵に仕上がることがわかりました。トリムについても、デザイナーさんが上手に仕上げてくれているので、カメラ位置を戻して、アメを削除することにしました。

仕上げのレンダリング

f:id:lightwave:20160713225730j:plain

これを印刷用の大きなサイズで、ノイズが無くなるまでレンダリングしたものです。GTX780を使用して50時間少々かかりました。この間、Windows10の自動更新やスリープ、再起動などを徹底的に阻止しておかなければなりません。

また、画像はOpenEXR形式で保存し、PhotoShopフィルターのArionFXを使用して、トーンマッピング(色調整)と僅かに残ったレンダリングノイズの除去を行っています。

のちに、細口ポットの先端がチャプター02の作り方のままでカクカクな事に気付き、そこだけ作り直してレンダリング、合成しました。

プルーフ(校正刷り)のチェック。

f:id:lightwave:20160713231639j:plain

PCで見たものと印刷とは、どうしても色が変わってしまいます。「背景のねずみ色が印刷すると暗く見えるので、白めに調整したら明るく透明感が出ませんか?」という修正チャンスを頂けたので、改善策を模索します。

アドバイス頂いたとおり明るめにすると、室内として違和感が出ました。どうやら原因は他にある様子。そもそも赤みのある色温度で、となりのオレンジ色、明るいグリーンとの相性がとても良かったこのカバー。赤みが落ちてねずみ色に見えるのが原因のようです。試しに赤みを足して本来の色に近づけると、同じ暗さでも沈んだ印象にはなりませんでした。

そこで頂いたプルーフをスキャンし、画面上の色を、目で見ている色へと調整。ここから本来の色に調整した調整レイヤーを印刷用画像に足して、赤みの増した画像で再チャレンジしました。

 そして書店へ。

書店に並んだカバー画像は、プルーフより赤みが増した温かいイメージとなり、背景に重たい印象を受けなくなりました。もしかしたら印刷色の調整をしてもらっているのかもしれません。本文中の作例画像も、非常に色再現の難しい絵ばかりで心配していたのですが、これらも見事に再現していただきました。他の書籍を見る限り、人の手が入らないとこの色は絶対に出せません。多くの人に助けられてこの本が出来上がったんだなと実感しました。

 

最後の印刷周りのお話は、個人で楽しむ場合はプリンタの色再現との闘いになります。最近はプリンタを買うより、プリント機を使ったり、写真出力サービスを使ったりする方が安上がりかもしれませんね。

 

以上、本には載っていない、カバーイラストメイキングでした。

みなさんが3DCGを楽しい趣味にできますように!

HappyBlending!!

 

Blender本を書いたよ。

3DCGのお話

こんな機会もあるもので、7月13日に発売します、【無料ではじめるBlender CGイラストテクニック ~3DCGの考え方としくみがしっかりわかる】という本を書かせていただきました。今日はこの本のご紹介!

 

私の欲しかった本を書く。

初代プレステが発売したり、ゲーセンでデイトナUSAが盛り上がったりしていたあの頃。私が3DCGをさわり始めた時には、心の師匠こと駄場寛 著【ダバカンのSTRATAビュンビュン3Dグラフィック】を片手に、沢山の絵を作って独学したのを覚えています。

雑誌記事をまとめた本なので、内容は短くまとまっており、毎回楽しい作例が載っていました。学生だった当時、作風まで強い影響を受けながら沢山の絵を作って遊んだものです。本についたシワも汚れも、自分がそれだけ読み込んだ思い出ですし、実は今でも捨てずに手元に残しています。

 

しかし、現在書店には当時のような絵作り全体を網羅した3DCG本は見当たりません。ソフトの機能やモデリングのノウハウが高度になり、その解説だけでページが足りなくなってしまうのでしょう。

 

そこで、今こそ私が書いて初学者の方達に楽しんでもらう、恩返しのチャンスと思い、沢山の作例を添えていつでも手元に置いておきたくなる本を目指して、一年をかけて書き上げました。モデリングに始まり、色や質感の設定、カメラやライトの扱い方、そしてアイデア出しから一枚の絵を作り上げる手順まで、ツール操作の枠を超えて3DCGイラストを作るのに必要な知識をたくさん詰め込み、「これ一冊いつも側にあると便利」という本を作りました。

 

私にとってBlenderは楽しい画材です。自分のアイデアを、手では描けないほどにリアルに美しく仕上げることが出来ます。

今まで3DCGにチャレンジしようと技術書を手に取り、時間をかけてキャラクターをモデリングして、ポーズをつけたら満足しておしまい。という方も多かったのではないでしょうか?それだけではあまりにもったいないのです。あともう一歩で、もっともっと魅力的な絵が仕上げられるのに…!

私の本ではフィギュアのようなキャラクターを作れるようにはなりませんが、そのかわりにその「あと一歩」を本書がご案内できれば幸いに思います。

 

 f:id:lightwave:20160708115202j:plain

▲本の作例とちょっぴり違います。間違い探しわかるかな?

 どんな本?

3DCGには難しい印象があるかもしれません。「どこから手を付けていいか分からない」「自分には出来そうもない」など、私も他分野を学ぶ時には同じ不安を感じます。

 そこで本書では「3DCGは楽しい」と思ってもらえるように、難しい事をしなくても、最初の一章で絵を作れるようになることを目指しました。積み木やブロックで遊ぶ感覚ですから、作例に縛られることなく自分の絵を作れます。表紙のクマは、この簡単な作り方でも十分絵になるということを伝えたくて、本書の作例に沢山登場してきます。

 

少し難しそうなことにチャレンジしてでも作りたい形が出てきたなら、先の章を読むことで作り方のアイデアが見つかるでしょう。8章まで特徴的なモデリングの機能と使い所を紹介し、9章ではそれらを応用して作り方を見抜く練習を用意しました。

これらは 順番に読まなくても、知りたいところから読んで大丈夫です。本書では、手順通りに操作するチュートリアル形式を出来るだけ減らし、自分で考えるためのアイデアとして各機能を紹介するよう心がけました。

 

10章から先は、モデリングの章が読み終わる前にぜひ目を通してもらいたい本書の見どころ、色質感やライティングにカメラの設定といった、絵を仕上げていくレンダリングのためのお話です。 近年、3DCGのレンダリングには物理ベースレンダリング(Physically based rendering またはPBRと略されます)という手法が浸透しており、現実に近い表現が可能になった分、写真を撮るような技術知識が求められます。

「でも、なにを工夫すればよいやら…」と、ここを疎かにしてしまうと、せっかく作ったモデルが台無しです。まさに絵を仕上げていく工程なのですから、考えるための基礎知識を身に付け、時間を掛けて試行錯誤を楽しんで下さい。

ここは私の最も大好きな作業です!

 

f:id:lightwave:20160708195252j:plain

▲全て同じマテリアル(色・質感)ですが、ライティングだけで印象が変わりますね。

f:id:lightwave:20160709120239j:plain

▲箱クマにテクスチャを描き足すだけで、まったく違うキャラクターに!

見どころは、

ページをパラパラめくってみてください。様々なアイデアや刺激になるよう、たっっっくさんの作例を作りましたので、とてもにぎやかな本に仕上がっています。いちど全体に目を通しておけば、必要なときに「たしかミノタウロスの作例で・・」「あれはフレンチクルーラーのページに・・」「ひまわりで使ってた機能あれなんだっけ・・」と記憶され、思い出しやすいと思います。

 

それから、Blenderユーザー達がちょっとした機能のテストに使うあのサル、Blender名物のスザンヌが、主役のクマに負けじと何度も登場いたします。ぜひみなさんもスザンヌの胸を借りて勉強しましょう!(頭しかありませんが…笑)

さらに、身近で楽しいアイデアとして、食べ物のCGが作例に多く登場します。ケーキにドーナツ、クッキーとクッキー型、リンゴにマヨネーズ……?

あ、本書はマヨネーズを作例に載せた、初の3DCG書籍ではないかと思われます!

 

f:id:lightwave:20160708210722j:plain

Blenderなら、たっぷりのマヨネーズも簡単につくれるよ!

 

ゲームエンジンを使う方の基礎学習にも。

ゲームエンジンで作るグラフィックに興味のある方には、物理ベースレンダラーCyclesを使用して、マテリアルやテクスチャの効果、その質感を活かすためのライティングを身に付ける本としてお役に立てるかと思います。また、カメラの被写界深度についても、ぼかし方ひとつでスケール感が変わって見えてしまうため、どういう条件だとボケやすいのか、ボケにくいのかを体験することで、より説得力ある絵作りが可能になることでしょう。リアルタイムの前にまずプリレンダーを知っておくことはとても大切です。

f:id:lightwave:20160708200604j:plain

▲ラフネス(粗さ)に貼ったテクスチャと、光沢感の違い。

3DCGを愉しむ人が増えるといいな!

趣味の3DCGを作れるようになるために、専門的な教育を受ける必要はありません。パソコンも安くなり、仕事に使えるだけの機能を持ったBlenderを無料で使うことができます。いまや3DCGは、大人も子供もおねえさんも気軽に始められる、楽しい画材のひとつです!

本書は、書かれた通りにやって同じ結果を得る本ではありません。自分で考えて、作りたい絵を作れるようになるための本として書きました。絵で伝えたい楽しいこと、みんなひとりひとり違うはずですから。

 

さっそく新しい趣味として、「3DCGイラスト」はじめてみませんか?

本書がそのお手伝いを出来れば幸いです。