【Atter Effects】文字を1つずつバラバラに動かす方法

当ページのリンクには広告が含まれています。
【Atter Effects】文字を1つずつバラバラに動かす方法

1つずつ文字をバラバラに動かしてみたいのです!バラバラというか、揺れるというか、うにょうにょ動くというか、そんな感じのものです!

歌ってみたのMVで時々見かけますよね!AdobeのAfter Effectsを使ったらできますよ!

完成イメージはこちら

それでは、今日はAfter Effectsを使って文字を1つずつバラバラに動かす方法を紹介しましょう!

目次

文字を1つずつバラバラに動かす方法

1つずつ手順を紹介しますので、一緒に作ってみましょう!

STEP

新規コンポジションを作成する

はじめに、新規コンポジションを作ります。

今回は5秒で行いますので、デュレーションを【5.0】にしてください。

今回は5秒で行いますので、デュレーションを【5.0】にしてください。

新規コンポジションを作成した後は背景(動画でも静止画でもOK)を用意します。

今回は分かりやすいようにホワイトの平面背景を用意しています!

平面背景の作り方

「レイヤー」>「新規」>「平面…」から作れます。

STEP

文字を用意する

テキストツール(横書き文字ツール)から好きな文字を打ち込みます。

テキストツール(横書き文字ツール)から好きな文字を打ち込みます。
STEP

テキストレイヤーにアニメーターを追加する

テキストレイヤーの左側にある矢印アイコンをクリックします。

テキストレイヤーの左側にある矢印アイコンをクリックします。

すると、「テキスト」と「トランスフォーム」の2つの項目が出現します。

「テキスト」横の「アニメーター:」という文字の横にある丸の中に三角があるアイコンをクリックしてください。

「テキスト」横の「アニメーター:」という文字の横にある丸の中に三角があるアイコンをクリックしてください。

いくつかの項目の中から「位置」を選びます。

いくつかの項目の中から「位置」を選びます。

「アニメーター1」のタブが表示され、「範囲セレクター1」と「位置」が出てきます。

この「位置」を今回は【10.0,10.0】に設定します。

この「位置」を今回は【10.0,10.0】に設定します。

位置を設定する意味は?

文字を動かす範囲を決めています。

X軸だけ設定した場合(10.0,0)は横方向のみで文字がバラバラに動き、Y軸だけ設定した場合(0,10.0)は縦方向のみで文字がバラバラと動きます。

今回は全方向でバラバラと動いてほしいので、X軸とY軸両方設定しています。

また、数字の値が大きくなるほど振れ幅が大きくなるため、ダイナミックな動きにしたい場合は活用してみてください。


これだけではまだ文字は動きませんので、さらに設定を行います。

STEP

セレクターからウィグリーを追加する

「アニメーター1」横の「追加:」という文字の横にある丸の中に三角があるアイコンをクリックしてください。

「アニメーター1」横の「追加:」という文字の横にある丸の中に三角があるアイコンをクリックしてください。

「セレクター」から「ウィグリー」を選択します。

「セレクター」から「ウィグリー」を選択します。

「ウィグリーセレクター1」がさらに追加されました。

「ウィグリーセレクター1」がさらに追加されました。
ウィグリーとは?

文字やオブジェクトなどにランダムな動きをつけることができる機能のことです。

そして、再生ボタンを押してみてください。

文字がバラバラに動きました!

STEP

文字が動くスピードを調整する

初期設定だと文字の動くスピードが速いので、もう少し遅くしたいです!

その場合は、「ウィグリーセレクター1」を開き、「ウィグル/秒」を変更します。

もう少し遅くしたい場合は【2.0から1.0】にしてみてください。

その場合は、「ウィグリーセレクター1」を開き、「ウィグル/秒」を変更します。

再生してみると、文字の動きが緩やかになっていることがわかります!

反対に、もっと文字の動きを速くしたい場合は数字の値を大きくします。【2.0から3.0や4.0など】

以上の方法で、文字を1つずつバラバラに動かすことができました!

  • URLをコピーしました!
目次