導入

こんにちは、Bebekiki です。このチュートリアルでは、キーフレーム変換 を使用して オブジェクトの回転 をわずか 1 分でアニメーション化する方法を紹介します。

---

アプリバージョン

私はペン付きの 11 インチ タブレットで CSP タブレット バージョン を使用しています。

 

 

---

始めましょう

- タイムラインを作成する

CSP を開いて新しいファイルを作成します。アニメーション化するオブジェクトをインポートまたは作成します。ウィンドウ -> タイムライン をクリックして、タイムライン ウィンドウを表示します。

新しいタイムラインを作成するには、[新しいタイムライン] をクリックします。

アニメーションのタイムラインの詳細（フレーム レート、再生時間など）を入力し、[OK] をクリックします。この場合、10 フレームのタイムラインが作成されます。

- 選択したレイヤーでキーフレームを有効にする

アニメーション化するレイヤーを選択します。このレイヤーでキーフレームを有効にする をクリックすると、レイヤーのキーフレーム変換が有効になります。

- 開始フレームと終了フレームにキーフレームを追加する

+ 記号と > 記号をクリックして、変換メニュー を展開します。回転 をクリックして、フレーム 1 に移動します。キーフレームの追加 をクリックすると、フレーム 1 がキーフレームに変更されます。

フレーム 10 に移動し、キーフレームの追加 をクリックします。フレーム 10 はフレーム 1 のようなキーフレームに変更されます。

- 時計回りに回転

フレーム 10 のキーフレーム サインをクリックします。オブジェクトの 右上隅 に移動します。オブジェクトを 右 にドラッグして回転し、任意の位置で停止します。

- アニメーションを再生

フレーム 1 に移動し、再生/停止 をクリックしてアニメーションを再生します。タイムラインがフレーム 1 からフレーム 10 まで再生されると、オブジェクトは徐々に (フレーム 10 で設定した位置まで) 時計回りに回転 します。

 

 

オブジェクトを 360 度 (時計回りと反時計回り) 回転させる方法については、次のヒント ([キーフレーム変換] 1 分で 360 度回転!) を参照してください。

 

 

- ループを有効にする

ループ再生 をクリックして、ループ効果を有効または無効にします。

---

- 反時計回りに回転

フレーム 10 のキーフレーム サインをクリックします。オブジェクトの 左上隅 に移動します。オブジェクトをドラッグして 左 に回転させます。

 

 

フレーム 1 に移動し、再生/停止 をクリックしてアニメーションを再生します。タイムラインがフレーム 1 からフレーム 10 まで再生されると、オブジェクトは徐々に (フレーム 10 で設定した位置まで) 反時計回りに回転 します。

---

完全なYouTubeチュートリアル

キーフレーム変換 を使用した オブジェクトの回転 に関する 1 分間の完全なチュートリアルについては、以下の YouTube クリップをご覧ください。

 

お読みいただき、ご視聴いただき、ありがとうございました!