1 FL チュートリアルFlashでムービクリップシンボルを作る方法 Sun Mar 20, 2011 3:25 am
Admin
Admin
このチュートリアルでは、Flashでムービクリップシンボルを作ってみたいと思います。
Step1:はじめに
ムービーシンボルはメインタイムラインの変更をせずにアニメーションを制作するメソッドを提供します。
独自のタイムライン上で勝手に実行されるシンプルなものです。
混乱を低減し、アクセシビリティに役立ちます。
このチュートリアルではムービーシンボルでアニメーションを制作する方法を学習します。
まずはじめに、ドキュメントを作成し、楕円を描いてください。
F8を押して、それをムービークリップシンボルに変換してください。
[You must be registered and logged in to see this image.]
Step2:グラフィックシンボルに変換
そして、この楕円をダブルクリックしてください。
あなたは今、シンボルステージにいます。
このステージでは メインステージ上のどんなものにも影響を与えることなく、
オブジェクトのタイムラインを変更することができます。
2つのレイヤーを作り、それぞれのレイヤーに1つの羽を描いて、鳥に仕上げてください。
F8を押して、グラフィックシンボルに変換してください。
[You must be registered and logged in to see this image.]
Step3:ピボットポイントを編集する
フレーム1で羽を選択し、ピボットポイントを下の角に移動します。
もし、それが左の羽なら、ピボットポイントを右下に移動してください。
もし、それが右の羽なら、ピボットポイントを左下に移動してください。
ピボットポイントが白い円になります。
画像を確認してください。
[You must be registered and logged in to see this image.]
Step4:フレーム15にキーフレーム作成
両方の羽のフレーム15にキーフレームを作成してください。
体のフレーム30にもキーフレームを作成してください。
そうすることによって、羽を編集している間にも体を見ることが出来ます。
フレーム15で羽を選択し、それを下に傾けてください。
両方の羽で同じことをしてください。
フレーム1~15の間の両方の羽にモーショントゥイーンを適用してください。
[You must be registered and logged in to see this image.]
Step5:フレーム30にキーフレーム作成
両方の羽のフレーム30に、別のキーフレームを作成してください。
このフレームで、羽を元の位置に戻してください。
両方の羽が正確にフレーム1と同じように見えるかどうか確かめてください。
フレーム15~30の間の両方の羽にモーショントゥイーンを適用してください。
[You must be registered and logged in to see this image.]
Step6:メインステージで編集する
「シーン1」をクリックして、メインステージに戻ってください。
そして、フレーム30(ムービーアニメーションの最後)にキーフレームを作成してください。
[You must be registered and logged in to see this image.]
Step7:完成
Ctrl+Enterを押して、最終結果を見てください。
引用:Web Design Library 著者:amoebic tutorials 翻訳:日下部]
- Step1 : はじめに
- Step2 : グラフィックシンボルに変換
- Step3 : ピボットポイントを編集する
- Step4 : フレーム15にキーフレーム作成
- Step5 : フレーム30にキーフレーム作成
- Step6 : メインステージで編集する
- Step7 : 完成
Step1:はじめに
ムービーシンボルはメインタイムラインの変更をせずにアニメーションを制作するメソッドを提供します。
独自のタイムライン上で勝手に実行されるシンプルなものです。
混乱を低減し、アクセシビリティに役立ちます。
このチュートリアルではムービーシンボルでアニメーションを制作する方法を学習します。
まずはじめに、ドキュメントを作成し、楕円を描いてください。
F8を押して、それをムービークリップシンボルに変換してください。
[You must be registered and logged in to see this image.]
Step2:グラフィックシンボルに変換
そして、この楕円をダブルクリックしてください。
あなたは今、シンボルステージにいます。
このステージでは メインステージ上のどんなものにも影響を与えることなく、
オブジェクトのタイムラインを変更することができます。
2つのレイヤーを作り、それぞれのレイヤーに1つの羽を描いて、鳥に仕上げてください。
F8を押して、グラフィックシンボルに変換してください。
[You must be registered and logged in to see this image.]
Step3:ピボットポイントを編集する
フレーム1で羽を選択し、ピボットポイントを下の角に移動します。
もし、それが左の羽なら、ピボットポイントを右下に移動してください。
もし、それが右の羽なら、ピボットポイントを左下に移動してください。
ピボットポイントが白い円になります。
画像を確認してください。
[You must be registered and logged in to see this image.]
Step4:フレーム15にキーフレーム作成
両方の羽のフレーム15にキーフレームを作成してください。
体のフレーム30にもキーフレームを作成してください。
そうすることによって、羽を編集している間にも体を見ることが出来ます。
フレーム15で羽を選択し、それを下に傾けてください。
両方の羽で同じことをしてください。
フレーム1~15の間の両方の羽にモーショントゥイーンを適用してください。
[You must be registered and logged in to see this image.]
Step5:フレーム30にキーフレーム作成
両方の羽のフレーム30に、別のキーフレームを作成してください。
このフレームで、羽を元の位置に戻してください。
両方の羽が正確にフレーム1と同じように見えるかどうか確かめてください。
フレーム15~30の間の両方の羽にモーショントゥイーンを適用してください。
[You must be registered and logged in to see this image.]
Step6:メインステージで編集する
「シーン1」をクリックして、メインステージに戻ってください。
そして、フレーム30(ムービーアニメーションの最後)にキーフレームを作成してください。
[You must be registered and logged in to see this image.]
Step7:完成
Ctrl+Enterを押して、最終結果を見てください。
引用:Web Design Library 著者:amoebic tutorials 翻訳:日下部]