最も人気のある種類のアニメーションの1つは、雪、雨、花火などの効果を作成するために使用されるパーティクル効果です。 Kwikは、乗算器置換機能を使用してこのタイプの効果を作成します。
ストーリーブックアプリのストーリーラインでは、12ページで雪がゆっくりと止まることを求めています。これは、Kwik Multiplier Replacement機能を使用する絶好の機会です。ページが最初に読み込まれたときに雪が降り始め、数秒後に雪が止まります。
名前が示すように、乗算器置換機能は、レイヤー上にあるオブジェクトの複数のコピーを作成し、すべてのコピーを同じレイヤーに配置します。これらのコピーがレイヤー上のどこに表示されるかを制御し、組み込みの物理エディターを使用して、コピーの動きを制御することもできます。この例では、レイヤー上に雪片が1つあります。サンプルアプリでは、その1つの雪片の200個のコピーを作成するようにKwikに指示します。
200枚すべてのフレークが同時にページに表示されるのは望ましくありません。これにより、誰かが画面に雪だるまを投げたような効果が得られます。降雪効果を作りたいです。そこで、各雪片がページに表示される時間間隔を設定します。少しテストした後、雪のフレーク間の.1秒の間隔が現実的な効果を与えることがわかりました。作成する効果に応じて、ここで別の設定を使用することもできます。
また、すべての雪片がページ上の同じ場所に表示されることは望ましくありません。再び、素敵な降雪の代わりに雪だるま効果が得られます。現実の世界では雪がランダムに降ることに気づきましたか?それぞれの雪片は自然に現れるようで、独自のペースで下に向かって流れます。アニメーションに現実感を加えるために、各雪片を画面上のランダムな場所に配置するようにKwikに指示します。
現実の世界では、すべての雪片が同じように見えるわけではありません。雪片の中には小さくて見にくいものがあります。他のフレークは、光を反射するため大きくて明るいです。降雪アニメーションに現実性を追加するもう1つの方法は、雪片の透明度とスケールを変化させるようにKwikに指示することです。
雪の結晶を画面に表示したら、それらを動かす方法が必要です。 Kwikに組み込まれた物理エンジンを使用して、重力などの実世界の効果を作成できます。重力の影響を変化させ、いくつかの雪片を他の雪片よりも速く落下させます。
これらの設定はすべて連携してリアルなアニメーションを作成します。そのため、パーティクルエフェクトはアニメーターに非常に人気があります。
降雪を作成しましょう。
- Photoshopでプロジェクトを開きます。
- Kwikパネルのページのリストからpage12を選択します。 Kwikパネルの[ページ/コンポーネント]セクションでは、セクションの上部に「@ page12」が表示されます。
- 下のレイヤーの上に新しいレイヤーを追加し、「snow_pg12」という名前を付けます。
- モックアップのpsdファイルをPhotoshopで開き、雪片をコピーします。
- snow_pg12レイヤーに雪片を貼り付けます。
- を選択 カテゴリバーの[レイヤーと置換]アイコン。
- クリック ツールセットの乗算器交換ツール。これにより、Multiplier Replacementダイアログボックスが開きます。
ゆっくりした降雪から、より速くて厚い降雪まで、いくつかのタイプの効果を作成できます。
量:予想どおり、ページに追加する雪片のコピーが多いほど、降雪は厚くなります。軽い降雪が必要な場合は、50などの少数のフレークを使用します。より厚い降雪を得るには、はるかに多くのコピーを使用します。サンプルアプリでは、200個のフレークを使用します。
時間間隔:降雪の速度は、各雪片の出現間隔によって制御できます。 .1秒などの非常に短い間隔を使用すると、雪片がページに非常にすばやく追加され、雪が急速に降るような外観になります。 1秒の長い間隔を使用すると、フレークはゆっくりと落ちているように見えます。
- ダイアログボックスで、コピー数を200に設定します。
- フレーク間の時間間隔を.1秒に設定します。
距離:前述のように、ランダムな設定を使用して現実的な降雪を作成します。
- 距離をランダムに設定します。
- ランダムな境界:雪がページ境界内に収まるように、デフォルト設定を維持します。
アルファとスケール:フレークのアルファ(透明度)とスケールを変更して、よりリアルな効果を作成できます。両方の範囲を60%から100%に設定しましょう。したがって、Kwikがフレークをステージに追加すると、フレークのサイズが元のフレークの60%から100%に変化します。 Kwikに、アルファ(透明度)設定についても同じことを行うように指示します。
- 最小アルファを60%に、最大アルファを100%に設定します。
- 最小XおよびYスケールを60%に、最大XおよびYスケールを100%に設定します。
- 物理を有効にする:このボックスをオンにして、組み込みの物理エンジンを有効にします。
- Wind Physics:これを0に設定します。
- Weight Physics:これを10/30に設定します。これにより、各雪片の落下率が変化します。
- 作成をクリックします。
- [ファイル]-[保存]をクリックして、page12 psdファイルへの変更を保存します。
- を選択 [現在のページのみをエクスポート]アイコンをクリックし、[公開]をクリックしてアニメーションをプレビューします。
LearnKwikフォルダーに移動し、テンプレートプロジェクトフォルダーのバックアップコピーを作成します。現在の日付を最後に追加して、バックアップフォルダーの名前を変更します。 (TemplateMM-DD-YY)。
これらのチュートリアルはKwik 2の古いバージョン用であり、Kwik 3以降を使用する場合にはあまり役に立たない場合があります。問題がある場合は、Kwikフォーラムを使用してください。
Kwik製品、Kwikロゴ、およびKwiksherは、Kwiksher.com-Copyright 2011の財産です。スクリーンショットは許可を得て使用しています。
Copyright 2018 Adobe 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]登録商標または商標です。