| Adobe® LiveMotion(TM)を使ってテキストをアニメートすると、Webページに情報を追加するだけでなく、同時に視覚的な面白さも与えることができます。文字を整列させるのは手間がかかるので、［文字ごとに分割］コマンドを使用して、すでに書式が設定されたテキストを個々の文字に分けることにします。その後、これらの文字にアニメートスタイルを適用して、個別に動くようにします。このティップスでは、焦点が合うと同時に大きくなり、変化するテキストを簡単に作成する方法を紹介します。 |
|
|
|
|
|
|
|
| 1. テキストの作成 |
| ツールボックスから文字ツールを選択し、コンポジションのウィンドウをクリックします。このウィンドウにテキストの最初の文字を表示します。［文字ツール］ダイアログ ボックスが表示されたら、表示するテキストを入力し、さらにサイズ、フォントなどの属性を設定します。作業が完了したら［OK］をクリックします。 |
|
|
 |
|
|
|
|
| 2. 文字の分割 |
| コンポジションのウィンドウで、先ほど入力したテキストを選択します。［オブジェクト］-［文字ごとに分割］を選択します。この結果、文字の１つ１つが独立したオブジェクトになり、タイムラインに個別に表示されるようになります。 |
|
|
 |
|
|
|
|
| 3. 文字のアニメートの開始 |
| 現在の時間マーカーを前方に移動します。タイムラインでテキストの最初の文字を選択します。［変形］を展開して［スケール］のストップウォッチをクリックします。タイムラインで［Layer 1］を展開します。［レイヤー］パレットに移動し、［ぼかし］を変更します。タイムラインに表示されている［ぼかし］ストップウォッチをクリックし、［ぼかし］を０に戻します。［不透明度］パレットに移動し、［不透明度：オブジェクトレイヤー］を変更します。タイムラインに表示されている［不透明度］ストップウォッチをクリックし、［不透明度］を100に戻します。 |
|
|
 |
|
|
|
|
 |
|
|
|
|
|
|
