1.このチュートリアルで形状変形アニメーションにシェイプヒントを加えていくことが出来ます。

2.新しいファイルを作ってください。

表示>ルーラー

表示>ルーラー>グリッドの表示

表示>グリッド>グリッドの編集(10×10px)

3.中心を取るために水平、垂直ガイドラインをドラッグしてください。

表示>ガイド>ガイドのロック

4.’I’を適当なサイズでタイプしてください。テキストを選択して

修正>分解

テキストを切り取って、中心に貼り付けてください。

5.フレーム15を右クリックして下さい。空白のキーフレームを挿入します。そこで、’I’と同じ大きさ、フォントで’C’を入力してください。

修正>分解

テキストを切り取って、中心に貼り付けてください。
6.フレーム1から15までの間でどこでもいいのでクリックしてください。

修正>フレーム

[You must be registered and logged in to see this image.]


トゥーンインからのドロップダウンメニューから‘シェイプ’を選択します。
7.このような、出力を得られるはずです。




このアニメーションに変化を与えるためにシェイプヒントを加えていきます。

8.最初のフレームを選択しましょう。

修正>シェイプ>シェイプヒントの追加

赤色で、’a’という文字のシェイプヒントアイコンが使えるはずです。

同じことを繰り返して、’b’と’c’のシェイプヒントを作製しましょう。

それらを下図のように配置します。

[You must be registered and logged in to see this image.]


9.フレーム15を選択してください。

文字’C’に関しても8番目のステップを行って下さい。

[You must be registered and logged in to see this image.]


10.下のようなアニメーションが出来たはずです。




11.下のようなタイムラインに従って、スムーズなアニメーションを作成しましょう。フレーム15から20までは同じ形状を保ってください。


シェイプヒントを使って形状’C’から’I’、フレーム20から35までをトゥイーンさせます。

[You must be registered and logged in to see this image.]

12.ファイルを保存してください。





引用:Web Design Library著者:Atul Thakur翻訳:atuk]