![](https://seguimiii.com/wp-content/uploads/2020/08/addmasktext202008_001.png)
今回は、マスクを使ってタイトルなどのテキストモーションを作ってみたいと思います。
追記: 現在では同じことがオフスクリーン描画を利用した方法でより簡単に再現できます。よかったらそちらも参考にしてみてください。
オフスクリーン描画を使ったテキストモーションの作り方
Sceneで素材づくり
![](https://seguimiii.com/wp-content/uploads/2019/02/masktext201902_002.gif)
例としてこのような動きを作ります。
ポイントは、二点。
①必ずSceneで作る
②素材は白と黒だけで作る
![](https://seguimiii.com/wp-content/uploads/2019/02/masktext201902_001.png)
![](https://seguimiii.com/wp-content/uploads/2019/02/masktext201902_002.png)
背景にクリッピングをかけ、出現させたいところまでクリッピングします。テキストは背景の後ろに隠れているため見えず、クリッピングした境目から出現するようになります。
![](https://seguimiii.com/wp-content/uploads/2019/02/masktext201902_003.gif)
このような感じ。X移動で背景の壁から顔を出します。
最終的に背景は透明度0、色を黒にすると、あたかも四角形の先からテキストが出てくるかのように見えます。
![](https://seguimiii.com/wp-content/uploads/2019/02/masktext201902_002-1.gif)
これを素材として使います。
背景にマスクをかける
![](https://seguimiii.com/wp-content/uploads/2019/02/masktext201902_003.png)
Rootに戻り背景にマスクをかけます。マスクの種類をシーンから選択、素材を作ったシーンを指定します。元のサイズに合わせるにチェックします。
![](https://seguimiii.com/wp-content/uploads/2019/02/masktext201902_010.gif)
このように素材以外が透過されます。
マスクの特徴は、黒を透過して白い部分だけがあらわれることです。これを利用してSceneで白黒のモーションを作り、背景にそのSceneでマスクしています。
マスクをかけた背景の色を変えると全体の色を変えることができます。もし部分的に色を変えたい場合は、オフスクリーン描画を使った方法をとることになります。
![](https://seguimiii.com/wp-content/uploads/2019/02/masktext201902_004.gif)
壁を斜めにする場合は、斜めクリッピングを使います。
壁の組み合わせ
![](https://seguimiii.com/wp-content/uploads/2019/02/masktext201902_011.gif)
今度は複数の壁を使ってテキストを出してみます。このテキストには、「テキスト毎に個別オブジェクト」にチェックを入れて、93さんのDelayをかけています。
![](https://seguimiii.com/wp-content/uploads/2019/02/masktext201902_005.gif)
まずはIntroductionの文字から。背景の下をクリッピングして壁を作ります。
![](https://seguimiii.com/wp-content/uploads/2019/02/masktext201902_006.gif)
続いてbasic and advancedの文字。こちらも同じように壁を作ります。
![](https://seguimiii.com/wp-content/uploads/2019/02/masktext201902_007.gif)
![](https://seguimiii.com/wp-content/uploads/2019/02/masktext201902_004.png)
壁の透明度を0、色を黒にして組み合わせます。レイヤーの順序に注意してくださいね。あとはおまけに四角形に文字輪郭追跡をかけて出来上がりです。
その他の使用例
![](https://seguimiii.com/wp-content/uploads/2019/02/masktext201902_009.gif)
![](https://seguimiii.com/wp-content/uploads/2019/02/masktext201902_008.gif)
マスクが黒を透過するのを利用して、白い四角形に黒いテキストを置きました。黒いテキストの部分が透過されて出てきます。
![](https://seguimiii.com/wp-content/uploads/2019/02/masktext201902_001.gif)
慣れてきたら壁のクリッピングを移動させたり、回転させたりしてより複雑な動きを作ってみてください。
いかがだったでしょうか。
背景を使った壁は、目で見て確認できるのでわかりやすいと思います。マスクを使ったテキストの出し方、是非試してみてください。