雪の影響のためのKwik乗算器の交換
最も人気のある種類のアニメーションの1つは、雪、雨、花火などの効果を作成するために使用されるパーティクル効果です。 Kwikは、乗算器置換機能を使用してこのタイプの効果を作成します。

ストーリーブックアプリのストーリーラインでは、12ページで雪がゆっくりと止まることを求めています。これは、Kwik Multiplier Replacement機能を使用する絶好の機会です。ページが最初に読み込まれたときに雪が降り始め、数秒後に雪が止まります。

名前が示すように、乗算器置換機能は、レイヤー上にあるオブジェクトの複数のコピーを作成し、すべてのコピーを同じレイヤーに配置します。これらのコピーがレイヤー上のどこに表示されるかを制御し、組み込みの物理エディターを使用して、コピーの動きを制御することもできます。この例では、レイヤー上に雪片が1つあります。サンプルアプリでは、その1つの雪片の200個のコピーを作成するようにKwikに指示します。

200枚すべてのフレークが同時にページに表示されるのは望ましくありません。これにより、誰かが画面に雪だるまを投げたような効果が得られます。降雪効果を作りたいです。そこで、各雪片がページに表示される時間間隔を設定します。少しテストした後、雪のフレーク間の.1秒の間隔が現実的な効果を与えることがわかりました。作成する効果に応じて、ここで別の設定を使用することもできます。

また、すべての雪片がページ上の同じ場所に表示されることは望ましくありません。再び、素敵な降雪の代わりに雪だるま効果が得られます。現実の世界では雪がランダムに降ることに気づきましたか?それぞれの雪片は自然に現れるようで、独自のペースで下に向かって流れます。アニメーションに現実感を加えるために、各雪片を画面上のランダムな場所に配置するようにKwikに指示します。

現実の世界では、すべての雪片が同じように見えるわけではありません。雪片の中には小さくて見にくいものがあります。他のフレークは、光を反射するため大きくて明るいです。降雪アニメーションに現実性を追加するもう1つの方法は、雪片の透明度とスケールを変化させるようにKwikに指示することです。

雪の結晶を画面に表示したら、それらを動かす方法が必要です。 Kwikに組み込まれた物理エンジンを使用して、重力などの実世界の効果を作成できます。重力の影響を変化させ、いくつかの雪片を他の雪片よりも速く落下させます。

これらの設定はすべて連携してリアルなアニメーションを作成します。そのため、パーティクルエフェクトはアニメーターに非常に人気があります。

降雪を作成しましょう。

  1. Photoshopでプロジェクトを開きます。

  2. Kwikパネルのページのリストからpage12を選択します。 Kwikパネルの[ページ/コンポーネント]セクションでは、セクションの上部に「@ page12」が表示されます。

  3. 下のレイヤーの上に新しいレイヤーを追加し、「snow_pg12」という名前を付けます。

  4. モックアップのpsdファイルをPhotoshopで開き、雪片をコピーします。

  5. snow_pg12レイヤーに雪片を貼り付けます。

  6. を選択 カテゴリバーの[レイヤーと置換]アイコン。

  7. クリック ツールセットの乗算器交換ツール。これにより、Multiplier Replacementダイアログボックスが開きます。

    ゆっくりした降雪から、より速くて厚い降雪まで、いくつかのタイプの効果を作成できます。

    量:予想どおり、ページに追加する雪片のコピーが多いほど、降雪は厚くなります。軽い降雪が必要な場合は、50などの少数のフレークを使用します。より厚い降雪を得るには、はるかに多くのコピーを使用します。サンプルアプリでは、200個のフレークを使用します。

    時間間隔:降雪の速度は、各雪片の出現間隔によって制御できます。 .1秒などの非常に短い間隔を使用すると、雪片がページに非常にすばやく追加され、雪が急速に降るような外観になります。 1秒の長い間隔を使用すると、フレークはゆっくりと落ちているように見えます。

  8. ダイアログボックスで、コピー数を200に設定します。

  9. フレーク間の時間間隔を.1秒に設定します。

    距離:前述のように、ランダムな設定を使用して現実的な降雪を作成します。

  10. 距離をランダムに設定します。

  11. ランダムな境界:雪がページ境界内に収まるように、デフォルト設定を維持します。

    アルファとスケール:フレークのアルファ(透明度)とスケールを変更して、よりリアルな効果を作成できます。両方の範囲を60%から100%に設定しましょう。したがって、Kwikがフレークをステージに追加すると、フレークのサイズが元のフレークの60%から100%に変化します。 Kwikに、アルファ(透明度)設定についても同じことを行うように指示します。

  12. 最小アルファを60%に、最大アルファを100%に設定します。

  13. 最小XおよびYスケールを60%に、最大XおよびYスケールを100%に設定します。

  14. 物理を有効にする:このボックスをオンにして、組み込みの物理エンジンを有効にします。

  15. Wind Physics:これを0に設定します。

  16. Weight Physics:これを10/30に設定します。これにより、各雪片の落下率が変化します。

  17. 作成をクリックします。

  18. [ファイル]-[保存]をクリックして、page12 psdファイルへの変更を保存します。

  19. を選択 [現在のページのみをエクスポート]アイコンをクリックし、[公開]をクリックしてアニメーションをプレビューします。

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

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

Kwik製品、Kwikロゴ、およびKwiksherは、Kwiksher.com-Copyright 2011の財産です。スクリーンショットは許可を得て使用しています。
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の[a]登録商標または商標です。