１．キーフレームの追加

■キーフレームを追加する
　★動きに変化を出すために、各レイヤーにキーフレームを追加します。
　　レイヤーに配分された文字が動き出すタイミングを、５フレームずつずらします。

　　　①レイヤー１の「フレーム５」で右クリックします。
　　　②「キーフレームの挿入」をクリックします
　　　

　　　レイヤー１のフレーム５にキーフレームが挿入され、フレーム４までフレームが増えました。
　　　

　同様に、
　レイヤー２は「フレーム１０」に、
　レイヤー３は「フレーム１５」にキーフレームを挿入します。
　　　

　
　レイヤー１～レイヤー３まで５フレームずつずれてテキストの配置ができました。　

■空白のキーフレームを追加する
　 ★変化後のテキストを追加するために、各レイヤーのフレーム４０に「空白のキーフレームを挿入」します。
　　
　　　①レイヤー１の「フレーム４０」から、レイヤー３の「フレーム４０」までドラッグで選択します。
　　　

　
　　　②選択したフレーム上で右クリックし、「空白のキーフレームの挿入」をクリックします。
　　　

　　　自動的にキーフレームがフレーム３９まで増え、フレーム４０に空白のキーフレームが追加されました。
　　　

２．テキストを追加・分解する

■テキストを追加する
　★各レイヤーのフレーム４０にテキストを追加・整列します。
　　今回は、レイヤー１のフレーム４０には「東」
　　　　　　　レイヤー２のフレーム４０には「経」
　　　　　　　レイヤー３のフレーム４０には「大」と追加します。
　　「フォントサイズ」は９６、「テキストの塗りのカラー」は

（#CC0033）、
　　「フォント」は「HG創英角ポップ体」です。
　
　テキストの追加・整列方法については　こちらから（クリックすると別窓が開きます）

　テキストを追加・整列した完成図
　　　

■テキストを分解する
　★テキストを分解して結合描画オブジェクト（図形）に変換します。

　　　①レイヤー１のフレーム２０をクリックします。
　　　

　　　②すべての文字をドラッグで選択する
　　　

　　　
　　　
　　　③メニューバーの「修正」をクリックし「分解」をクリックします。
　　　

　
　　　④テキストが分解され結合描画オブジェクト（図形）に変換されました。
　　　　

フレーム４０に追加されているテキスト「東」「経」「大」も、上記の方法で分解します。
　　　
　　　　

　＊分解したテキストはテキストとしての編集（入力し直し、色の変更）はできなくなり、
　　　「選択ツール」で形を修正できるようになります。　　

３．シェイプトゥイーンの作成

■シェイプトゥイーンアニメーションを作成する
　★トゥイーンアニメーションとは
　　キーフレーム間の変化を自動的に作成するアニメーションです。
　　モーショントゥイーンとシェイプトゥイーンがあります。

　　今回は元の形とはまったく異なる変形をする「シェイプトゥイーンアニメーション」を作成します。

　　　①レイヤー１のフレーム２０からレイヤー３のフレーム２０までドラッグで選択します。
　　　

　　　②フレーム２０の選択されている部分で右クリックし「シェイプトゥイーンを作成」をクリックします。
　　　

　　　
　　　③シェイプトゥイーンが作成されたフレームは
　　　　動きの開始地点から終了地点まで矢印で結ばれ、薄緑色に変わります。
　　　

　　　④タイムラインの１をクリックして、再生ヘッドをフレーム1に戻し、
　　　　Enterキーを押すと図形の形が滑らかに変化するのが確認できます。
　　　

４．アクションの追加

■アクションを追加する
　★このままムービーとして書き出すと、エンドレスにムービーが再生し続けてしまいます。
　　アクションを追加して最終フレームまで再生すると自動的にムービーが止まるようにします。
　　
　　　①最終フレームをクリックします
　　　

　　　②メニューバーの「ウィンドウ」をクリックし「アクション」をクリックします。
　　　　アクションパネルが表示されます。
　

　　　③アクションパネルのスクリプトベイン部分でクリックして、stop();と入力します。
　　　

　　　最終フレームにアクションが追加されました。
　　　
　　　アクションが追加されると、フレーム内に a と表示されます。
　　　

　　完成したので、Webで公開できるように書き出しましょう。
　　こちらから→「パブリッシュ設定」

情報システム課TOPへ