ホーム

イラストをアニメーションにする

モーショングラフィックスを作ろう

イラストをアニメーションにする

このチュートリアルでは、Keynoteの様々なアクションを使ってイラストをアニメーション化する方法を学びます。

このチュートリアルの所要時間:

15分

アクションを追加する。

Keynoteの「パルス」というアクションを使って、波に動きをつけます。

手順1

アヒルをタップしてメニューを表示します。

ヒント

複数の描画がある場合、必要に応じて結合(または分離)しましょう。

手順2

「オブジェクトを選択」をタップします。

手順3

アヒルをタップして選択を解除します。

手順4

「終了」をタップします。

手順5

波をタップしてそのメニューが表示されたら、右側にある「アニメーション」をタップします。

手順6

「アクションを追加」をタップします。

手順7

「パルス」をタップします。

手順8

閉じるボタンをタップしてアクションを閉じます。

手順9

「パルスアクション」をタップします。

手順10

「継続時間」スライダをタッチして押さえたまま、10秒までドラッグします。

手順11

「スケール」スライダをタッチして押さえたまま、104%までドラッグします。

手順12

パルスを2に減らします。

手順13

再生ボタンをタップしてアニメーションの動きを確認します。

手順14

「完了」をタップします。

モーションパスを追加する。

イラストにモーションパスを追加し、画面の端から端までアヒルを泳がせます。

手順1

アヒルをタップして選択します。

ヒント

必要に応じて、青い点をドラッグしてアヒルのサイズを変更しましょう。

手順2

スライドの両サイド周辺のスペースが表示されるよう、ピンチインして縮小します。

手順3

アヒルをタッチして押さえたまま、スライドの左の外側までドラッグし、水面のすぐ下の位置に来るようにします。

手順4

アヒルをもう一度タップし、メニューを開きます。

手順5

「アニメーション」をタップします。

手順6

「アクションを追加」をタップします。

手順7

「パスを作成」をタップします。

手順8

赤い点をタッチして押さえたまま、スライドを横切るようにしてアヒルを端から端までドラッグします。赤い線が表示されたら、それがモーションパスです。

ヒント

うまくパスが描けなかった場合は、「消去」をタップして、もう一度やり直しましょう。

手順9

「終了」をタップします。

手順10

「モーションパス」をタップします。

手順11

「継続時間」スライダをタッチして押さえたまま、パルスのアクションに合わせて10秒までドラッグします。

手順12

「“パスに揃える”をオフ」をタップし、パスのカーブに沿って図形の向きが変わるようにします。

手順13

再生ボタンをタップしてアニメーションの動きを確認します。

手順14

「完了」をタップします。