ムービークリップまたはスプライトのKwik 2パスアニメーション

• 四月 28, 2024

これで、パスアニメーションを作成できます。リニアアニメーションとパスアニメーションの違いはラインです。両方のアニメーションで、オブジェクトは指定された線に沿って移動します。ページフリップアニメーションで発見したように、線形アニメーションはオブジェクトを直線に沿って移動します。このパスアニメーションでは、オブジェクトが従うように曲線に沿ってパスを描画します。最初のステップは、Photoshopペンツールを使用してパスを描画することです。

1. オブジェクト（フライムービークリップ）を含むレイヤーが選択された状態で、ペンツールでフライをクリックします。ページの上部に3つのフライの長さのパスの2番目のポイントを配置します。その2番目の点をクリックし、マウスを上方向および右方向にドラッグして曲線を作成します。
   
   
2. [レイヤー]パネルでグループ化された[パス]パネルで、作業パスの名前を「flypath1」に変更します。
   
   これで、パスアニメーションにこのパスを使用するようにKwikに指示できます。
   
   
3. fly_pg8レイヤーが選択された状態で、をクリックします カテゴリバーのアニメーションアイコン。
   
   
4. クリックしてください ダイアログボックスを開くパスアニメーションアイコン。
   
   
5. このアニメーションに「fly1Ani」という名前を付けます。
   
   
6. このアニメーションは、fly_pg8レイヤー用です。
   
   
7. パス：ドロップダウンリストからflypath1パスを選択します。
   
   ハエが曲線に沿って移動するとき、彼が頭をパスの方向に向け続けるように、彼がわずかに回転するようにします。
   
   
8. [自動回転]のチェックボックスをオンにして、回転角度の量をわずか-10度に設定します。
   
   
9. ハエは速く動きます。 Durationを1または0.5秒に設定しましょう。
   
   
10. アニメーションの後、フライをページから離しておく必要があります。 [完了時に一時停止]のチェックボックスをオンにして、ループを1回に設定します。終了時にリバースをオフのままにします。
    
    
11. ハエがクリックされたときにheしてから飛ぶようにすることで、少しリアリズムを追加しましょう。これを行うには、EasingをinOutExpoに設定します。
    
    
12. アンカーポイントをTopCenterに設定して、体が頭よりも大きく回転するようにします。
    
    
13. ボタンがクリックされるまで、フライを動かしたくありません。待機要求を設定します。
    
    
14. [開始位置に戻る]チェックボックスはオフのままにします。
    
    
15. 作成をクリックします。
    
    

これでボタンを追加できます。まだfly_pg8レイヤーにあります。

1. クリック カテゴリバーのインタラクションアイコン。
   
   
2. クリック [ボタンの追加]アイコンをクリックして、ダイアログボックスを開きます。
   
   
3. ボタンに「fly1btn」という名前を付けます。
   
   
4. デフォルトとオーバーボタンの両方の状態のレイヤーfly_pg8が必要です。
   
   
5. [インタラクション]セクションから、[アニメーション]セクションを展開します。
   
   
6. Play Animationを選択します。ドロップダウンリストからfly1Aniを選択します。
   
   
7. [オーディオ]セクションを展開します。
   
   [音声の停止]を選択し、ドロップダウンリストから最初の音声を選択します。
   
   [オーディオ]セクションで、[オーディオの再生]を選択し、ドロップダウンリストから2番目のオーディオファイルを選択します。
   
   
8. 作成をクリックします。
   
   

これで、インタラクティブシーケンスをテストできます。ページが読み込まれると、フライはページ上で羽ばたきし、バックグラウンドフライサウンドが連続して再生されます。ページをクリックすると、大きな音が聞こえ、ページから移動します。

page8への変更を保存します。

クリックしてください [現在のページのみをエクスポート]アイコンと[公開]ボタンをクリックして、アニメーションをテストします。

LearnKwikフォルダーに移動し、テンプレートプロジェクトフォルダーのバックアップコピーを作成します。現在の日付を最後に追加して、バックアップフォルダーの名前を変更します。 （TemplateMM-DD-YY）。

←戻る

これらのチュートリアルはKwik 2の古いバージョン用であり、Kwik 3以降を使用する場合にはあまり役に立たない場合があります。問題がある場合は、Kwikフォーラムを使用してください。

Copyright 2018 Adob​​e Systems Incorporated。全著作権所有。 Adobe Systems Incorporatedの許可を得て、Adobe製品のスクリーンショットを転載しました。 Adobe、Photoshop、Photoshop Album、Photoshop Elements、Illustrator、InDesign、GoLive、Acrobat、Cue、Premiere Pro、Premiere Elements、Bridge、After Effects、InCopy、Dreamweaver、Flash、ActionScript、Fireworks、Contribute、Captivate、Flash CatalystおよびFlash Paper米国および/またはその他の国におけるAdobe Systems Incorporatedの登録商標または商標です。
Kwik製品、Kwikロゴ、およびKwiksherはKwiksher.com-Copyright 2011の所有物です。スクリーンショットは許可を得て使用しています。