![見出し画像](https://assets.st-note.com/production/uploads/images/130083156/rectangle_large_type_2_cc91a2f6d93576b9fa52881ec29ed1f1.png?width=1200)
テキストグラフィックはAfter Effectsで
こんにちは。
色々テキストのグラフィックを考えるのになんか楽に作れる方法ないかな・・・と考えていますが、最終的には私はこれに落ち着いてしまいました。これだと後につながるから・・・
After Effectsは便利
動くPhotoshop
私はそう呼んでいます。
しいて言うなら、コンじるもあるのでもうPhotoshopより便利なんじゃないかと思います。最近使っていなかったのでそこそこ浦島状態ですが・・・やはり使っていると楽しいですね。
早速テキストを書いていきます
After Effectsを立ち上げたら早速コンポジションを作ります。PSだとカンバスサイズだし、Premiereだとタイムライン。いつも呼び方を統一してほしいと思いますが、もうこれは普遍的な事なのでしぶしぶコンポジションと呼びます。
今回は640x360 フレームレートは15 デュレーションは1にします。
![](https://assets.st-note.com/img/1707272602884-sewaRh32wO.png?width=1200)
また背景色は黒がいいです。消しますが・・・
コンポジションが出来たら新規平面で背景を作ります。
今回は黒い文字を入れる予定なので背景を白にします。
![](https://assets.st-note.com/img/1707272909758-SV6KLcEK7L.png?width=1200)
テキストを打っていきます
ツールバーのTをクリックしてテキストを打ちます。ウインドウは非表示になっていることが多いのでウインドウから文字をクリックして立ち上げておいてください。今回の文字は100px程度です。
テキストは画面に直接打ちます。
![](https://assets.st-note.com/img/1707273378323-fOSeRP7C8f.png?width=1200)
この際、アンカーポイントは中心の下に置きます。
![](https://assets.st-note.com/img/1707274115895-ndegcrMm4o.png?width=1200)
それが終わったらVを押して戻します。
テキストをレイヤー上で複製(CTRL+D)したら大きさ(S)を出してリンクを切ってY=-100と打ちます。すると下に鏡文字ができます。
![](https://assets.st-note.com/img/1707274546747-EBXER5Cii8.png?width=1200)
下の文字をマスクで囲います。文字半分・サイドがは大きめに入っていればOKです。
![](https://assets.st-note.com/img/1707278940312-rmdpcLfPGs.png?width=1200)
これがAEのいい所です。
タイムラインのマスクのコントロールを開いてマスクの境界線のぼかしを70と入れます。(別に70じゃなくてもいいです。)サイドギリギリでしたらXYリンクを切ってYだけ入れます。するとこんな感じになります。
![](https://assets.st-note.com/img/1707279300577-z8UPCVKBJb.png?width=1200)
書き出します
そしたらこれをレンダーキューにいれて(CTRL+M)で書き出します。
![](https://assets.st-note.com/img/1707283478622-KcpjXw53cQ.png?width=1200)
出力モジュールをクリックしてPNGシーケンスもしくはJPGシーケンスにします
![](https://assets.st-note.com/img/1707284264997-2FagAk5pda.png?width=1200)
あとは出力先を決めてレンダリングを押せば完成です。
![](https://assets.st-note.com/img/1707284444746-5hKC7giznM.png?width=1200)
PNGでしたら透過チャンネルの素材も書き出せます。
![](https://assets.st-note.com/img/1707285651255-0i4yfauFVI.png?width=1200)
![](https://assets.st-note.com/img/1707285651372-Rdn4uCCEy9.png?width=1200)
次回は?
これにアニメーションを付けてみたいと思います。
最後に
スタジオKでは現在キャンペーン中で1h/1000円からご利用できます。
一度見学でも来ていただければ!