本記事は、Blender Advent Calendar の12月21日担当分です!
Blenderで出来る意外なこと、と題していましたが、お恥ずかしいことに自分の担当日付を勘違いしており、内容を絞らせて頂きました。お詫びに、今後このブログで適宜追加させて下さいませ!!
お題は、3DCGを知らなくても、モデリングとか出来なくても作れる「映像用のかっちょいいロゴアニメーション(飛んでくるタイプとは違うぞ)」となります。
全然意外なことじゃありませんでしたね。もっと意外なことはまた今度・・・・ということでご勘弁。
さて、仕上がりイメージは僕の新作小説『ケプラーズ5213』の予告編で使ったこんなロゴアニメーション。
こんなロゴアニメーションの作り方のチュートリアルなのですが、自分の小説のタイトルについて書いても仕方がないので、季節柄、下記のようなものを作ることにしました。
さて、最後までお付き合い下さいね。
ダウンロード、インストールなど基本的な使いかたやBlenderが初めてというかたは、藤堂++さんのページに詳しく書いてありますので、是非、参考にして下さい。
(こちらから順にどうぞ。素晴らしいページです!)
なお、単位設定はBlenderデフォルト、インターフェースは英語版のままです。ご了承下さい。
・まず、Blenderを起動したら、お約束のデフォルトキューブを消しましょう。Xキーを押して、エンターですね。
・XYZ座標=0の原点から書き始められている「Text」と書かれたテキストオブジェクトが出来ます。
・tabキーを押して編集モードに入り、deleteキーで全てのテキストを削除、好きな文字を入力します。
・Merry Christmas! と打ってみました。入力が終わったら、再度tabキーを押して「オブジェクトモード」に戻ります。
・書体を好きなものに変更しましょう。Blenderのデフォルトフォントもなかなか味があって好きなのですが、今回は『ケプラーズ』で用いたのと同じSFっぽいフォント、OCR A Stdを使います。(PCに入っていない人、ごめんなさい。ご自分で好きなものを 使って下さいね)
・画面右のPropertiesパネルから「F」の字アイコンのフォントパネルを選択します。
・X印の左にあるフォルダボタンを押して、それぞれのシステム内にあるフォントフォルダから、お好きなものを選んで下さい。
(Regularのみで良いです)
・フォントのプロパティーを設定します。入力したままでは文字間がちょっと広過ぎてまとまりが悪いので、Spacingの値を調整します。全体でしか調整できませんので、一文字一文字のスペースについては、後ほど細かく気にすることにして、先に進みます。
・テキストオブジェクトを立体化し、べベル(角の面取り)を設定します。Fontパネルを少し下のほうにスクロールし、Geometryの設定を出します。下図では、Extrude(押し出し)を0.02に、べベルを0.01に設定しています。
・基本的な調整を終えた状態。ここまではオフィスでも出来たりしますよね〜。さあ、ここから先が3DCGの面目躍如です!
・テキストデータをポリゴン化します。これを行うともう文字としてのプロパティ(内容、フォント、文字間調整など)を変えられませんので、念のため一回保存してから先へ進みましょう。
(FileメニューからSave)
・ポリゴン(=メッシュ)化は、テキストを選択した状態でAlt + Cキーを押します。下図の選択肢が出ますので、下のMesh from Curve..(カーブ、サーフェス、テキストからメッシュを作る)をクリックします。
・Mの文字を大きくしたいので、Mの文字だけを選択します。
1. 現在はシェーディングされていて裏にある頂点が隠れているので、ワイヤーフレームモードにするために、Zキーを押します。
2. tabキーでEditモードに入ります
3. Bキーを押します(囲んだ範囲をセレクトする選択ツールのモードに入る)
4. Mの字の左上から右下までをドラッグして文字を選択。オレンジ色になります
・Mの文字を拡大します。高さ方向(=Z軸方向)には拡大したくないので、Z方向の拡大を制限します。まずSキーを押して拡大モードに、Shift+Zキーを押すと、Z方向への拡大が出来なくなります。マウスを動かすと、自由に拡大縮小出来るようになりますので、気に入った大きさでマウスクリックして拡大縮小モードを抜けます。
この時に気を付けなければいけないのが、Mの文字の近くにある白と赤の円。デフォルト設定の場合、この位置が拡大縮小の起点になります。Sキーを押した時点でマウスがこの近くにあり過ぎると、思うように拡大縮小出来ず、大きさが激しく変化してしまいます。マウスカーソルをそこそこ離した状態で試して下さい。
・Mの文字の位置を調整しましょう。Gのキーを押して移動モードに入り、マウスを動かします。マウスクリックかエンターキーで確定します。
・Mと同じようにCの文字を選択して大きさを調整したら、Chrismas ! 全体を同様に選択し、位置を調整します。Mの左足を伸ばすことになるので、伸ばした後のバランスを考えて調整しましょう。
・全体の位置が決まったら、一文字ずつ細かく調整します。これまでと同様、一文字ずつ、または数文字ずつBキーを押してから選択し、Gキープラス移動したい方向を示すキー(ほとんどの場合はX方向ですね)を押します。
選択したオブジェクトの一部だけ選択解除したい時は、Bキーを押した後、中ボタンでドラッグします。
上の画像は調整前、下は調整後。違いが分かりますでしょうか?
–> Mとeの間を若干離します。
–> r、i、sの間をそれぞれ詰めます。
(文字詰めを行う時は、文字と文字との間にある全体の空間を見ます。文字間が一番狭いところや広いところを気にしてはいけませんよ、全体のバランスは空間の空きかたで把握します)
・Mの字の左足を伸ばしましょう。上の図にあるようにMの左足の下部分だけを選択し、Yのマイナス方向に伸ばします。図では移動のギズモが出ていますね。これが出ていれば、緑色の矢印をドラッグすればOK。
出ていなければ、画面下のGlobalと書いてあるところの左側に並んでいるアイコンの矢印を選択します。これで選択オブジェクトから矢印が生えます。
もう一つのやり方として、Gキーを押して、移動モードに入り、YキーでY軸方向に移動を制限。というのがあります。慣れてくるとこちらが便利ですが、押すキーを忘れるとアウトなので、どのアイコンを押すとどうなるか、とか、どのメニューに何が入っているか、も見ておきたいところですね。
(Gキーで移動する方法は、文字の調整で使いましたね!)
・同様にCの下部分を右に伸ばし、びっくりマークを若干拡大して、全体のバランスを整えます。tabキーを押してオブジェクトモードに戻ったのが下図です。
・いよいよ質感を作ります。右のPropertiesパネルからオレンジ色っぽい球体のアイコンが描かれたタブを選択し、マテリアルを作ります。右側の+ボタンとNewボタンを順に押して、三つの新規マテリアルを作りましょう。
・一番上の「Material」を選択し、色を付けましょう。Diffuseと書かれたところの下のボックスをクリックすると、色の設定が出来ます。メインカラーはちょっと深めのグリーンにします。
・文字の色は後で光らせたいので、ShadingのEmit(発光)値を2にします。外部光源の光が当たったときに文字の表面色が白っぽくなると可読性が下がるので、右のShadeless(陰影を付けない)にチェックを入れます。
これで、自分自身は光って別のオブジェクト(今回の場合は地面)を照らし、自分は別の光源に照らされても影響を受けないマテリアルになります。
・続けて「Material.001」を赤に、「Material.002」を明るく淡い黄色にします。EmitとShadelessは緑と同様です。
・地面も作っておきましょう。AddメニューからMesh / Planeを選択します。また、地面にも適当なマテリアルを作っておきます。
・シェーディングされた状態では、こんな感じに見えていますでしょうか。
地面は作成したままの位置だと文字がくっついていますので、地面を若干下に下げます。下図では、ビューの右側にあるプロパティパネル(Nキーを押すと出したり消したり出来ます)のTransform / LocationのZの値を-0.1に設定しています。
・ちょっと難しい部分に入ります。現段階では文字全体が緑色になっていますが、文字の面取りと裏をそれぞれ赤と明るい黄色にしていきます。
まずは、面取り部分を赤くしましょう。そのためには、全ての文字の面取り部分を選択します。
tabでeditモードに入り、画面下の「Global」と書いてあるところの右側にある三つの立方体アイコンのうち、一番右、「面」を選択するモードにします。(二つ下の図を見て下さい)
Altキーを押しながら、面と面との間のエッジをクリックします。
・面取り部分のポリゴンがぐるりと選択出来れば成功。今度は更にShiftキーを押しながらAlt + クリックで、別の文字も順に選択します。
・下図のように全て上手く選択出来たら、マテリアルから赤いマテリアルを選択し、すぐ下にあるAssignキーを押します。これで、今選択しているポリゴンのみに赤いマテリアルが設定されます。
・アサインし終わると、下図のような感じになります。
・次は地面を薄い黄色で照らすことになる、下向きの面を選択します。今度はちょっと面倒です。
1. 1のキーを押して、フロントビューにします。Bのキーを押してポリゴンを選択します。この時、一番下向きの面と面取りの面が囲われていることを確認しながらマウスを動かしましょう。
※押すのはテンキーの1です。文字キーの1を押すと、レイヤー切り替えになってしまいます。(デフォルトで1のレイヤーだけ使用しているので、ここでは問題ありませんが)
テンキーのないPCをお使いの場合は、Blenderの初期設定を変える必要があります。FileメニューからUser Preferenceを選び、出た画面でEmulate Numpadにチェックを入れます。これで、文字キーの数字が、ビュー選択キーになります。1〜0まで押してみてくださいね。
2. Shiftキーを押しながらマウスの中ボタンをドラッグして、画面を未選択の文字へ移動します。
3. Bキーを押してマウスを動かして選択したい面を囲みます。少しずつ、全ての文字を選択します。
・全てを選択し終えたら、うす黄色のマテリアルを選択し、Assignボタンを押して面にアサインします。
・カメラアングルを設定します。初めからシーンにあるカメラを選択し、回転と移動で位置を調整します。
カメラを動かしながら、カメラからのビューも見やすくするため、まず3Dビューを二つに分割します。画面の右上にある三本の斜め線のところにカーソルを持って行き、左へドラッグしましょう。
左のビューで0キーを押すと、カメラから見たビューになります。座標系のモードをローカルにしておくと調整がしやすくなります。(下図の中央より少し右下。Localとなっていますね)
・カメラが決まったら、左斜め上あたりに光源を移動しましょう。これも、最初からシーンに置いてある「ポイントライト」です。
・光源の位置を調整したら、右のPropertiesで「World」タブを選択し、環境光などの設定をします。
1. Indirect Lighting(間接光)にチェックを入れ、Bounces(光の反射回数)を2回に設定
2. GatheringをApproximateに。
3. Samplingの中のError値を0.001に。
(この値を下げると間接光の計算が正確になりレンダリング結果がきれいになりますが、計算時間がかかります。お持ちのPCの性能に合わせて、レンダリングテストをしながら値を決めましょう。最終レンダリングをする時以外は、デフォルト値のままのほうがいいかも知れませんね)
・さあ、いよいよレンダリングです。画面上のRenderメニューからRender Imageを選択するか、Mac以外のFキーつきキーボードならF12を押すとレンダリングが始まります。下図では、地面を水色にしています。
(ちなみに僕は、初期設定でCommand + Rでレンダリングが走るようにしています。Macらしいでしょ!)
・ちょっと雰囲気を出すために、光源の色をピンクにしてみましょう。ポイントライトのオブジェクトを選択しPropertiesからLampを選択、色を変更します。テストレンダリングをしながらEnergyの値を調整しましょう。レンダリングはESCキーで中止出来ますので、途中で止めて再調整出来ます。
※こまめにファイルを保存することもお忘れなく。
・静止画としては、これでレンダリングが終了すれば終わりですが、今回は「ロゴアニメーション」なので、動作を付けます。
・最も簡単で効果的な「Buildモディファイヤ」によるアニメーションです。
PropertiesからスパナのアイコンのModidierタブを選択し、Add Modifierをクリック、下図のようにBuildを選択します。
・モディファイヤをあてると、文字が消えました。これは、何もない状態から文字が出来上がるまでをアニメーションしてくれるモディファイヤだからなのです。画面下のタイムラインで緑色の太線が0にあれば、文字オブジェクトが作り始められる前、これが右へ進むとどんどん形が出来ていきます。
Buildモディファイヤの設定内を見ると、Startが0、Length(表示が消えてますが)が100になっています。100フレーム目、つまりBlenderの初期設定では約4秒後に形状が完成するということになります。
・完成形が下のGIFアニメです。容量を落としているのでちょっと汚いですが、イメージ通りに出来ましたでしょうか?
長い記事を最後まで読んで下さって、ありがとうございます!
明日は、Pronamaさんの、「テクスチャが紫で見れない現象を修正。プロ生ちゃん Blender オリジナルファイル付き」です。楽しみですね!
<SMMAW Project No.39>
そして、注目記事、『Blenderで出来るとことん意外なこと』はこちら!
2014年12月21日 の記事拝見させていただき、マニュアルどおり作業したのですが、底面の光が床に映りません
まるで発光していないようです。
解決策はありませんでしょうか?
シーンを見てみないと分かりませんが、原因は4つくらいありそうです。
・地面のマテリアルもShadelessにしてしまっていると発光を受けない
・発光部分のEmitter値が低い
・Indirect Lightingの設定が間違っている
・レンダリングをしていない
これらを確認していただき、それでもダメだったらシーンファイルを見せていただけますか?
Dropboxなででリンク公開をして、コメントしてください。こちらで承認しなければ確か一般には公開されないと思いますので。