webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

WEB制作会社のフォトグラファー

【AE】タイトルバックの作成 4 文字を一文字ずつタイピングするように表示する方法

 

レイヤーパネル→テキストにある「アニメーター」を右クリック

コンテクストメニューの「すべてのトランスフォームプロパティー」を選択する。

f:id:ohta-felica:20191103083119p:plain

すると、以下の項目がレイヤーパネルに表示される。

f:id:ohta-felica:20191103083358p:plain

「範囲セレクター」のプルダウンメニューを開いて

「開始」の項目に対して操作する。

カットの頭にキーフレームを打って、開始を「0」にする。

カットのお尻にキーフレームを打って、開始を「100」にする。

不透明度を「0」にする。

以上で、一文字ずつ表示することができるようになります。

 

 

 

f:id:ohta-felica:20191103085908p:plain

 

一度に表示できる文字量ではないので、下から上に動かしながら(映画のエンドタイトルのように)一文字ずつ表示するようにします。

 

「トランスフォーム」の「位置」を使います。

f:id:ohta-felica:20191103090055p:plain

最初に文字が現れる位置のyの位置を指定する

f:id:ohta-felica:20191103091823p:plain

上下の動きが止まって、

最後の行は文字が一文字ずつ現れるようにする。

f:id:ohta-felica:20191103092002p:plain

上のように中途半端に前の行が見えてしまうときは、行間を調整するか、ほかの方法を考える。

f:id:ohta-felica:20191103092402p:plain