Flash CS4画像スライドショー

四月 30, 2024

私の顧客の多くは、ストア、ブログ、またはWebサイトのフロントページに小さなスライドショーが必要です。これは、ストア内の注目製品のスライドショーや、ブログに追加した最新の写真です。

このスライドショーは、JavaScript、gifアニメーション、Flashなど、さまざまな方法で実行できます。^R。 Flashを使用するのが好きです。Flashを使用すると、複数の画像を次々に表示する簡単なスライドショーを簡単かつ迅速に作成できます。一方、画像間の遷移効果を使用して、より高度なXMLベースのスライドショーを簡単に作成することもできます。次のいくつかのチュートリアルでは、平面画像表示から始めて、トランジション効果を備えた高度なバージョンまで、Flash CS4で画像スライドショーを構築します。

このチュートリアルに必要なものは、3つのjpg画像とAdobe Flashだけです。画像がすべて同じサイズである方が良いです。チュートリアルでは3つだけを使用しますが、好きなだけ使用できます。画像が増えると、Flash swfファイルのダウンロード時間が長くなることに注意してください。

Flash CS4を開き、新しいActionScript 3プロジェクトを開始して、作業を始めましょう。

最初のステップは、ステージを画像と同じサイズに設定することです。メニューバーから、[変更] – [ドキュメント]をクリックします。 [ドキュメントのプロパティ]ダイアログボックスで、画像の幅と高さをピクセル単位で入力します。これにより、ステージが一致するように設定されます。背景色を変更することもできます。小さな色のボックスをクリックして、色を選択します。 Webページの背景色と一致させたい場合があります。

プリローダーコードにはタイムラインのフレーム1を使用しますが、これは後で追加します。したがって、今のところ、フレーム2でスライドショーの作成を開始します。

各画像は100フレーム表示されます。 Frames Per Secondはデフォルトで24に設定されているため、各画像の表示時間は約4秒になります。
レイヤー1の名前を「Background」に変更します。この同じレイヤーで、フレーム300（100フレームx 3画像）を右クリックし、空白のフレーム（フレームの挿入）を追加します。これにより、アニメーション全体で背景レイヤーが表示されます。
新しいレイヤーを追加し、「Image1」という名前を付けます。このレイヤーは最初の画像を保持します。ただし、フレーム2まではステージに画像を表示したくありません。フレーム1がプリローダーになることに注意してください。このレイヤーのフレーム2で、右クリックしてキーフレームを追加します。

次に、最初の画像を追加します。
メニューバーから、[ファイル]-[インポート]-[ステージにインポート]をクリックします。これにより、最初の画像がステージの中央に配置されます。希望どおりに配置されていることを確認するには、画像を選択して[プロパティ]パネルに移動します。 XとYの位置の値は両方とも0.0に設定する必要があります。

プロジェクトファイルを保存します。

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]登録商標または商標です。