製品情報      ご購入      サポート      コミュニティー      会社概要(英語）      ユーザー登録
ホーム > サポート > チュートリアル > 回転するロゴ アニメーション

回転するロゴ アニメーションを作成する

previous next

Step 3
フレームを追加する

次に、フレームを追加します。それぞれのフレームにはそれぞれの回転角度でのロゴ イメージを作成して配置します。この例では、２０枚のフレームを使います。より多くのフレームでアニメーションを作成すると、よりスムーズなアニメーションを作成することができますが、ファイルサイズがより大きくなってしまうので注意してください。

  1. 「レイアウト」メニューから「ドキュメントレイアウト」を選択して、「ドキュメントレイアウト」パレットを表示します。
  2. パレットの左下にある（Ｍａｃ）、または右上にある（Windows）最も左端のアイコンをクリックして、フレームを追加します。
  3. フレームの数が２０枚になるまで、そのアイコンを繰り返しクリックします。

備考：
Mac版とWindows版では多少インターフェイスが異なる場合があります。


Document Layout
 

Step 4
他のフレームにオブジェクトをコピーする

次は、ステップ２で押し出した基本となるロゴ オブジェクトを他のフレームにコピーします。Ｃａｎｖａｓの「レイヤーにコピー」コマンドを使えば、オブジェクトを一度に複数のフレームへ正確にコピーすることができます。

  1. フレーム１のロゴが選択されている状態で、「オブジェクト」メニューの「アレンジ」サブメニューから「レイヤーにコピー」を選択します。
  2. 表示される【レイヤーを選択】ダイアログボックスから、まずフレーム２をクリックし、「Shift」キーを押しながら、フレーム１２をクリックします。

すると、右図のように、フレーム２からフレーム１２まで一度に選択されます。

  1. 選択し終わったら、ダイアログボックスの右下にある＜選択＞ボタンをクリックします。

備考： ロゴを同じフレームに何度もコピーしないように注意してください。たとえば、フレーム１にはオリジナルのコピーがあるので、選択する必要はありません。

ヒント： ロゴ オブジェクトの回転角度とフレームの切り替え速度は、使用するフレームの枚数によって決定されるので、もしこの例のフレーム数を使用しない場合には、回転角度とフレームの切り替え速度を調整する必要があります。

　

 

Step 5
フレーム毎にロゴを作成する

フレームの枚数を決定したら、次は、ロゴ オブジェクトの回転角度をそれぞれのフレームごとに設定しなくてはなりません。そこで、すこし計算が必要になります。この例では、２０枚のフレームを使って、ロゴがスムース（均等）に一回転（３６０度）するようにアニメーションを作成したいので、設定する回転角度は「３６０度 ÷ ２０枚 ＝ １８度/枚」になります。

まずは、フレーム１から始めることにします。

  1. レイアウトエリアの下方にあるスライド/フレームボタンを使って、フレーム１を選択します。
  2. 次に、フレーム１にある真正面を向いたロゴを選択します。
  3. 「効果」］メニューから「押し出し」を選択して、「押し出し」パレットを開きます。
  4. 回転角度のY値を「０」から「９０」に 変更し、＜適用＞ボタンをクリックします。ロゴが時計回りに９０度回転します。

順に、他のフレームでのロゴの回転角度を設定していきます。

  1. 再度、スライド/フレームボタンを使って、フレーム２を選択します。
  2. フレーム２にあるロゴを選択した後、今度は回転角度のY値を「９０度 − １８度 ＝ ７２度」に設定して＜適用＞ボタンをクリックします。
  3. 同じ要領で、または以下の設定のようにフレーム１１まで回転角度を設定します。

このチュートリアルでは、それぞれのフレームごと（前半）の回転角度は以下のようになります。
光源：
X = 25, Y = 20, Z = 100
回転角度：
X = 0, Y = 90, Z = 0
光源：
X = 25, Y = 20, Z = 100
回転角度：
X = 0, Y = 72, Z = 0
光源：
X = 25, Y = 20, Z = 100
回転角度：
X = 0, Y = 54, Z = 0
光源：
X = 25, Y = 20, Z = 100
回転角度：
X = 0, Y = 36, Z = 0
光源：
X = 25, Y = 20, Z = 100
回転角度：
X = 0, Y = 18 , Z = 0
光源：
X = 25, Y = 20, Z = 100
回転角度：
X = 0, Y = 0, Z = 0
光源：
X = 25, Y = 20, Z = 100
回転角度：
X = 0, Y = -18 , Z = 0
光源：
X = 25, Y = 20, Z = 100
回転角度：
X = 0, Y = -36, Z = 0
光源：
X = 25, Y = 20, Z = 100
回転角度：
X = 0, Y = -54 , Z = 0
光源：
X = 25, Y = 20, Z = 100
回転角度：
X = 0, Y = -72, Z = 0
光源：
X = 25, Y = 20, Z = 100
回転角度：
X = 0, Y = -90 , Z = 0
 

 

 previous next

ページ １ | ページ ２ | ページ ３ | ページ ４
製品概要 | ご購入 | サポート | コミュニティー | 会社概要(英語） | ユーザー登録

Copyright © 1995-2006 ACD Systems of America Inc.
Protected by the copyright laws of the United States and Canada and by international treaties.
法律上の注意事項 | プライバシーポリシー