たつぷりの調査報告書

博士後期課程(理学)の学生が趣味でUnityやBlenderで遊ぶブログです。素人が独学で勉強した際の忘備録です。

KeynoteとBlenderで魔法陣を作成する

こんにちは、たつぷりです。今回は以前の投稿の補足記事で、以下のような魔法陣をKeynoteBlenderで作成します。補足記事ですので基本的にはKeyonoteを用いて作図をするところに焦点を当てて解説をします。

f:id:Tatsupuri:20201013214550p:plain

前にBlenderのテクスチャペイントについて解説しましたが、今回はもう少し幾何学的な模様のテクスチャを作成します。もう少し凝った絵を作るならIllustratorInkscapeが必要なのかもしれないですが、筆者は本業で図を作る際Keynoteを使って作図していたのでこれで作業するのが早いだけです。

概要

基本的な手順は以下の通りである。

  1. 透過pngで魔法陣のテクスチャを作成する
  2. ShadingでEmissionとTransparencyをテクスチャのアルファ値で合成する
  3. CompositorでGlorをかける

このように非常に簡単に魔法陣を作ることができる。今回Keynoteを使うのは特に深い理由はなく、自分がいつも図を作成するときはKeynoteで作っていたからというだけである。同様のことをInkscapeなどでも行うことはできるし、そっちの方がレイヤーを分けたり細かいことができると筆者は理解している。

Keynoteでテクスチャを作成する

Keynoteを使って等価png画像を作成する。今回目標とするのは 次のような画像である。ただしここではみやすいように黒い線にしたが実際には、後で色を重ねることを見越して白い線で作成した。 f:id:Tatsupuri:20201013214600p:plain

では実際にこの図を作成していくことを考える。本質的なことではないがKeynoteを開くと、テンプレートを選ぶことができる。上述の通り今回は白い線で絵を書きたいので黒地のテンプレートを選んでおくと見やすい。 f:id:Tatsupuri:20201013214606p:plain

円の作成

円を書くだけなら、円を作成して中を塗りつぶさないように設定すればそれで良いのだが、今後より複雑な図形にも対応するためにペンツールを用いた作図方法を紹介する。

円を書く際のガイドとなる正方形を最初に作成する。 f:id:Tatsupuri:20201013214611p:plain

ペンツールを用いて実際に円を書いていく。 f:id:Tatsupuri:20201013214616p:plain

ペンツールを選択した上でガイドの正方形の各頂点を選択していく。例えば下の図のように1〜5の順番に頂点を選択する。するとガイドの正方形と同じ形の、中が埋まっていない正方形を得ることができる。 f:id:Tatsupuri:20201013214619p:plain

次に今作成した辺だけの正方形の各頂点をダブルクリックしていく。始め頂点は四角形で表されているが、ダブルクリックすると円で表現される。円で表された頂点と結ばれる点は f:id:Tatsupuri:20201013214623p:plain

ガイドの正方形を削除すると円が得られる。 f:id:Tatsupuri:20201013214628p:plain

Ctrl+Dで複製し、大きさをや位置を調節して魔法陣らしい形に整えていく。同様にペンツールを用いて正方形を作ったりすることができる。すでに述べたように正方形くらいなら、既にあるものを組み合わせて作ることが簡単いできる。

例えば以下のような図形(みる人が見ればわかると思うがオレイカルコスの結界)を作図する際もペンツールを使うと効率よく作図することができる。実際ペンツールだけで大概のものは作図できると筆者は考えている。

f:id:Tatsupuri:20201013214632p:plain

図が完成したら、各パーツを一つにまとめる。図を構成する全てのパーツを選択しAlt+Command+G、あるいは下の図に示したアイコンをクリックすることでグループ化することができる。グループ化した上で適当に画像を保存する。例えば筆者ならToy Viewer f:id:Tatsupuri:20201014003033p:plainを用いて直接保存している。

この後の作業に関して

この記事だけで完結しなくて申し訳ないが、魔法陣を作成する上でこれ以降の作業は過去の投稿と大幅な重複があるため、この記事はあくまでKeynoteでの作図法にフォーカスすることにする。ここからは以下の投稿を参照していただきたい。 tatsupuri.hatenablog.com

特に魔法陣はよく文字が書き込まれているが、それをまだ書き込んでいなかった。文字の書き込みは上のリンクで紹介するテクスチャペイントとして行う。 筆者は手元が不器用なので魔法陣の文字を書き込む際マウスで書き込むのに時間がかかったので、iPadを用いて書き込む方法などに関しても以下のリンクの記事で紹介した。

tatsupuri.hatenablog.com