【InDesign】表を作る

InDesignを使って次のような表を作る方法を説明します。

ここでは次のような流れで表を作成します。

表の内容を入力する

まずは本文中に「,」区切りで表の内容を入力してください（区切り文字は以下のダイアログで変更できます）

作成した表を選択した状態で、メニューバーから「表」→「テキストを表に変換」を選択します。

テキストを表に変換するダイアログが表示されるので列分解に「,」を指定してください。区切り文字に別の文字を使った場合は適宜変換して下さい。

ここまでで次のような表が作成できます。表の大きさは縦線をドラッグすることで変更することができます。

表の見た目を整える

グリッドに沿って表が配置されているため、表の項目のスペースがバラバラになってしまっています。グリッド揃えをやめるため、表を選択した状態で段落パネルから「グリッド揃え」→「なし」を選択してください。

表のセル高さを指定の高さにしたい場合は、表パネルの「行の高さ」を「指定値を使用」に変更して高さを入力します。また、組方向は「中央揃え」にしておきます。

ここまでで次のような表になりました。

ヘッダに色を付ける

まずは色を付けたいヘッダ部分のセルを選択します。

この状態で、スウォッチから色を選択することで、セルに指定した色をつけることができます。

最終的には次のような見た目になります。

世界一わかりやすい InDesign 操作とデザインの教科書 CC/CS6対応

InDesignパーフェクトブック CC 2018対応

【ARKit】ARでAmbient Occlusion（AO）を使う

ARKitやVuforiaなど、ARのアプリケーションでアンビエントオクルージョン（Ambient Occlusion）の効果を使いたくても、ポストエフェクトが使えなかったり、処理負荷が大きくなりすぎる傾向があります。

ここでは、ARKItやVuforiadでも簡単にAOの効果を実現する方法を紹介します。

モデルにLightmap Staticを設定する

ポストエフェクトを使わずにAOを表現するにはライトマップをベイクするのが一般的です。ライトマップをベイクするには、インスペクタから「Static」に指定します。

ただ、単純に「Static」にチェックしてしまうと、「動かないオブジェクト」とみなされ、ARで表示でされなくなってしまいます。

そこで「Static▼」の「▼」をクリックして「Lightmap Static」を指定します。これでライトマップに対してのみ静的なオブジェクトとみなされます。

ライトをベイクする

続いてAmbient Occlusionの設定とライトマップのベイクを行います。

まずはヒエラルキーウインドウからDirectional Lightを選択して、インスペクタからModeを「Baked」または「Mixed」に設定します。Bakedはライトは無視してベイクしたテクスチャのみを使用します。一方、Mixedは非Staticオブジェクトに対しては通常通りライティングします。

また、Shadow Typeは「Soft Shadows」になっていることを確認しておきましょう。Shadow Typeが設定されていないと、正しく影の計算が行われません。

次に「Window」→「Rendering」→「Lighting Settings」を選択して、Lightingのパネルを開きます。「Ambient Occlusion」にチェックを入れて、「Indirect Contribution」と「Direct Contribution」を3程度に設定してみてください。

Ambient Occlusionの設定項目であるDirectとIndirectについては、次の記事も合わせて参考にしてみてください。

nn-hokuson.hatenablog.com

最後にLightingパネルの一番下にある「Generate Lighting」ボタンをクリックしてベイクを開始します。1分程度でベイクが終了し、AOの効果がかかったモデルが表示されます。

エラーが出る場合

次のように、「Mesh doesn't have albed UVs」や「Mesh doesn't have UV's suitable for lightmapping」といったエラーが出る場合、モデルに正しくUV座標が設定されていない可能性があります。

BlenderやMayaなど3DCGソフトを使ってUV展開を行い、正しくUV座標を設定してください。BlenderでUV展開をする方法は次の記事で紹介しています。

nn-hokuson.hatenablog.com

Unityの教科書 Unity2019完全対応版 2D&3Dスマートフォンゲーム入門講座 (Entertainment&IDEA)

【Unity】広重のような雨のエフェクトを作る

歌川広重の描いたような雨をUnityで降らせる方法を紹介します。地面に雨粒があたったときは、そこから波紋が広がるようにします。完成版は↓こんなかんじです〜

Unityも梅雨のシーズンです pic.twitter.com/InQBVtepkM

— 北村愛実 (@tasonco_company) 2019年7月4日

ちなみに歌川広重の超有名な雨の絵はこんな感じ。「名所江戸百景 大はしあたけの夕立」ってやつです。臨場感というか質感がすごいですね。

　
出展:wikipedia

ここでは次の流れで雨のエフェクト作っていきます。まずは雨粒が落下するパーティクルを作成し、次に波紋のパーティクルを作ります。最後に地面に雨粒があたったときに波紋が広がるようにします。

雨粒を作る

Unityで雨を作るにはParticle Systemを使います。生成するパーティクルには次のテクスチャを使用します。

まずはパーティクルに使うマテリアルを作ります。プロジェクトウィンドウで右クリックして、「Create」→「Material」を選択してください。名前はrainにしておきます。

次に作成したマテリアルを選択して、Shaderを「Particles/Standard Unlit」に設定、Rendering Modeは「Fade」、Albedoにはrainのテクスチャをセットします。

ヒエラルキーウインドウで「Create」→「Effect」→「Particle System」を選択してパーティクルを作成します。雨のテクスチャが表示されるように［Render］のMaterialにrainマテリアルをセットしてください。また、雨が垂直に表示されるようにRender Modeは「Vertical Billboard」を選択します。

雨が振り続けるように[Emission]のRate over Timeを「300」に設定します。また、雨を広範囲に降らせるため、[Shape]ののShapeを「Circle」、Radiusを「14」に設定します。

　

まだ雨粒が外側に広がって全然雨っぽくないですね・・・

雨を下方向に降らせるための設定をしていきます。DurationとStart Lifetimeは「2」に設定します。雨粒がに円の外周に向かって広がらないようにStart Speedを「0」にします。雨粒を縦方向に伸ばすために3D Start Sizeを(1,3,1)にします。最後に雨粒が下方向に落下するようにGravity Modifireを「1」に設定します。

ぐっと雨っぽくなりました。

次は地面を設置して地面にあたったときは雨粒が消えるようにしましょう。ヒエラルキーウインドウでPlaneを生成して、いい感じに配置してください。

パーティクルが地面にあたったら消えるようにします。[Collision]のTypeを「World」に設定し、Lifetime Lossを「1」にします。

これで地面に当たると雨のパーティクルが消えるようになりました。

　

波紋を作る

雨粒が地面にあたったときに広がる波紋のパーティクルを作ります。波紋のパーティクルは１つだけ作っておいて、雨粒が地面にあたったときに生成されるように、雨粒のパーティクルのSub Emitterに設定します。

波紋には次の円のテクスチャを使用しました。

まずは波紋に使うテクスチャをインポートして、雨粒と同じように波紋のマテリアルを作成してください。

波紋用のパーティクルを新しく作成し、そこに波紋のマテリアルを設定します。波紋は地面と平行に広げたいのでRender Modeは「Horizontal Billboard」に設定します。

地面から波紋のパーティクルが湧き出てきます・・・

波紋はすぐ消えるようにDurationとStart Lifetimeを「0.8」に設定します。また波紋が上方向に広がらないようにStart Speedを「0」にします。

波紋の生成個数が1個になるように[Emission]のRate over Timeを「0」、BurstsのCountを「1」に設定します。また、常に中心にパーティクルが生成されるように[Shape]のRadiusは「0.01」に設定してください。

　

波紋が徐々に広がって消えるようにします。波紋を広げるには[Size over Lifetime]を線形に増加するグラフに設定して、sizeを「3」に設定しました。

また、波紋が徐々に消えるようにするため、[Color over Lifetime]で右端の透明度を「0」に設定します。

これで徐々に透明になりながら広がる波紋ができました。

波紋のパーティクルをSub Emitterに指定

最後に雨粒が地面にあたったときに波紋が生成されるように、波紋のパーティクルを雨のパーティクルのSub Emitterに設定します。

雨のパーティクルの[Sub Emitter]のドロップダウンリストを「Collision」に変更して、右の欄に波紋のパーティクルを設定します。

波紋のパーティクルが雨粒パーティクルの子要素になっていればOKです。

これで雨粒が地面にあたったら波紋が表示されるようになりました。実行して確かめてみてください。