フリーの Flash 作成ソフト 『Suzuka』 を使って簡単なスライドショーを作ってみました。その過程をチュートリアルとして残したいと思います。
完成品:
3枚の画像を使い、3秒表示 > 1秒かけて次の画像へフェード > 3秒表示・・・とループするムービーです。
では、チュートリアルを開始しましょう。
Step1: プロジェクトの設定をする
Suzuka を起動したら、メインメニューの[ファイル][プロジェクトのプロパティ]を開き以下のように設定します。
Step2: 素材画像を用意する
今回は以上の3枚の画像を使いました。ダウンロードして使ってください。
Step3: 素材画像をSuzukaに読み込む
用意した画像をエクスプローラから、Suzuka画面左の「シンボルリスト」にドラッグ＆ドロップします。
Step4: 最初の画像を3秒表示させる
シンボルリストから driver.jpg を「レイヤーリスト」にドラッグ＆ドロップします。
続いて、画面右下の「キーフレーム編集枠」で以下のように設定します。
タイムラインで灰色の領域が 1?30 フレーム(FPS10と設定したので3秒)分に広がったのがわかると思います。
なお、タイムライン上の青赤灰の部分をダブルクリックすると、開始フレーム・フレームカウントをドラッグ＆ ドロップで操作できるようになります。マウスか数値入力、お好みの方法を使ってください。
Step5: 最初の画像をフェードアウトさせる
driver.jpg のタイムライン上の31フレームをクリックし、コンテキストメニューから[キーフレーム追加]を選択します。
続いて、キーフレーム編集枠で[トゥイーン]にチェックします。
同じく、40フレームにキーフレーム追加し、キーフレーム編集枠で[不透明度]を0%に設定します。
さあ、F5キーを押して、プレビューを見てください。フェードアウトするアニメーションが見れたと思います。 (F7キーでブラウザを使ったプレビューも可能です)
ここでタイムラインを見てみると、31?40フレームがピンク色になっています。31フレームで[トゥイーン]にチェックしたことで、
31フレームの不透明度100%から、40フレームの不透明度0%まで徐々に変化するアニメーションを自動的に作ってくれます。
Step6: 2番目の画像を表示させる
Step4の要領で、今度は hasami.jpg を表示させてましょう。
ここで注意することは3つ。
- hasami.jpg は レイヤーリストで driver.jpg の真下に追加する。
- 開始フレームは driver.jpg のフェードアウトと重なるように、31にする。
- フレームカウントは 40 にする。(30ではない)
こうすることで、ドライバーからハサミへ、徐々に変化するアニメーションができます。
Step7: 2番目の画像をフェードアウトさせる
もうおわかりかとおもいますが、Step5 にしたがって hasami.jpg にもフェードアウトする部分を作ってください。
この時点で、レイヤーリストとタイムラインは以下のようになっているはずです。
Step8: 3番目の画像を追加する
同様に、hasami.jpg の真下に megane.jpg を追加し、表示時間調整・フェードアウトをします。
そして、ここがちょっとしたポイントですが、今回のアニメーションはループしたいので、megane.jpg の真下にもう一度 driver.jpg を10フレーム(1秒)分追加しておきます。こうすることで、 最初の画像へ滑らかに変化するアニメーションができます。
終了付近のタイムラインは以下のようになっています。
Step9: 完成 .swf ファイルへ書き出す
メインメニュー[ファイル][SWFファイル生成]で .swf ファイルに書き出すことができます。
なお、 メインメニュー[ツール][オプション][パブリッシュ設定][HTMLファイルも保存する]にチェックしておくと完成品のホームページへの組み込みが楽です。
おしまいです
いかがでしたでしょうか？単純な Flash ムービーではありますが、慣れればかなり短時間で作れてしまいます。元来、私はあまり Flash が好きではないのですが、フェード効果がありながらファイルサイズわずか 15KB というのは、 シンプルなバナーとして魅力的かもしれない、と思うようになりました。
最後になりましたが、良いソフトを無料で提供してくださっている作者様に感謝します。
チュートリアルの記事を見て、ソフトが使えるようになりました。ありがとうございます☆
スミマセン。フラッシュをいじってみたくて
スズカを初めて知って使い始めたばかりです。
コンテキストメニューと言うのが分りません。
『キーフレーム追加』と言うのが出ません。
それから画像をエクスプローラからドラッグと言うのはどういうことでしょうか?
マイピクチャーからではだめでしょうか?
馬鹿な質問でスミマセン。
> コンテキストメニューと言うのが分りません。
通常、右クリックして出てくるメニューのことです。
私も厳密に使い分けているわけではありませんが、左利きの人だと左クリックになったりするので、気まぐれでこう書いたりします。
> マイピクチャーからではだめでしょうか?
問題ありません。
「エクスプローラ」はアプリケーションの名前です。
yama2001さんの場合は「エクスプローラ」というアプリケーションで「マイピクチャ」というフォルダを開いていることになりますね。
早速お答え頂いてうれしかったです。
ありがとうございました。
やっとの事でためしの作品が一つ出来ました。
ｓｗｆファイルとか言うのに保存して
スズカを開くと見えるのですが、
これを掲示板などに貼り付けるためには
どうしたらいいのでしょうか?
念のためＨＴＭＬ保存と言うのもやりましたけど。
お世話をかけてスミマセン。
さっきは透明度の窓が出なくてまた質問しようかと
思っていたけど、カラーを右クリックしたら出ました。トホホ・・
サーバーに転送したら見えるみたいです。
フラシュに興味があって「Ｓｕｚｕｋａ」をＤＬさせていただきました
チュートリアルを拝見して なんとか動くようになりました
ＨＴＭＬ保存にチェックを入れました
ＩＢＭのビルダーにソースを挿入してプレビーを見ました
残念なことにビルダー上では表示されません
ＦＴＰで「サバー送信」すれば いいんでしょうか？
もうすこし さわってみます
私の掲示板での友人がスズカをダウンロードしようとしたら
「リッチテキストボックスコントロールがインストールされていません 起動できません」・・と出て
ダウンロードできないって言うんですけど、
どうしたものでしょうか？
私にはよく分らなくて。
ちなみに上のブリッコさんも友達です。
ダウンロードできない・・と言っているのは
また、他の友達です。
色々お世話かけてスミマセン。
よろしくお願いいたします。
「リッチテキストボックス、、、、」が表示されるのは
VB6のランタイムライブラリーがダウンロードされていないからだと思いますよ。ぼくも同じことをパソコンから言われました。で、入れたら おっけい でしたよ。
リッチテキストボックスの件、お蔭様で解決したようです。
ありがとうございました。
ところでわたしはまだ、画像を回転させたり、・・・とかが
出来なくて頑張り中です。
また質問に来ます。
ありがとうございました。
こんばんわ
チュ?トリアルのお陰で、Flash らしい仕立てが３?４個出来て とっても嬉しいです
これから アレンジして楽しみたいと思います
ありがとうございました
フラッシュスライドショーメーカーは画像をスライドショーに製作するツールです。
http://jp.flash-slideshow-maker.com/download/index.php
ダウンロードしてご利用ください、何の意見や質問があったら、givenlee@gmail.comにメールを送ってください
こんばんは。
このページを読んで、ムービーを作ることができました。
どうもありがとうございます。
出来あがったムービーをブログに貼りたいのですが、
アップロードの仕方が全くわかりません。
申し訳ないのですが、アップロードの仕方を教えてください。
よろしくお願いします。
ありがとうございました。
Flash Slideshow Maker で作ったスライドショーをブログに貼る方法はこのページをご覧ください。
http://www.anvsoft.jp/supportFSM07.php
教えていただきたいのですが、Flashを作成し、
アップロードする準備もできているのですが
完成したFlashは絶対にループ再生になるの
でしょうか？
一回だけの再生にしたいのですが。
現在は最後の画面時間を長く設定して対応して
いますが。
よろしくお願い致します。
テーマの基本ページで、「自動で終了後にリピート」オプションを選択しなければ、ループはしませんよ。
テーマの基本ページで、「自動で終了後にリピート」オプションを選択しなければ、ループはしませんよ。
私も一回だけの再生にしたいのですが、テーマの基本ページがどこにあるかわかりません。
すみませんが、よろしくお願いいたします。
一回だけ再生の方法がわかりました。
ツール→ＨＴＭＬの編集→繰り返し再生のチェックをはずせば一回だけ再生になりました。
Suzuka を使ってflash をはじめて作りました。
こちらの説明で使えるようになりました。
ありがとうございました。
最初は、別のフリーフラッシュソフトで、やってみようとしたのですが、やり方がわからず、あきらめぎみでした。
偶然、ダイズバタケさんのチュートリアルを見つけて、ソフトをSuzukaに変更し、簡単に、スライドショーが出来ました。
DREAMWEAVERの中でも、簡単に、再生が確認できました。
他の皆様のコメントも、大変、役に立ちました。
ありがとうございます。