suzuka

FrontPage

無料で使えるFlash作成ツールSuzukaの簡単な説明です。

入手 †

• Suzuka
  • http://www.cty-net.ne.jp/~uzgensho/
  • リッチテキスト版をダウンロード
• VB6ランタイム
  • ダウンロード

インストール †

1. まずVB6ランタイムをインストール(SP6 ランタイムライブラリ 第4版)
2. Suzukaを解凍
3. Suzuka.exeをダブルクリックして起動

Flashバナーの作り方 †

Flashアニメーションではなく、一枚モノのFlashバナーの作成に挑戦。マウスオーバーでボタンの画像を変化させる。

1. 事前に、必要な画像素材を作成しておく(PNGとかSVGで保存)
   • 背景
   • ボタン画像(通常用)
   • ボタン画像(マウスオーバー用）
2. Suzukaを起動する
3. 「ファイル」-「プロジェクトのプロパティ」
   • サイズ、SWFバージョン(swf6)を指定
4. 左側中段の枠内で、右クリック-「アイテム追加」-「ファイル追加」
   • 背景
   • ボタン画像(通常用)
   • ボタン画像(マウスオーバー用）
5. 左側中段の枠内で、さらに右クリック-「アイテム追加」-「ボタン追加」
   • ダイアログが表示されたら、通常用・押下時に各ボタン画像を設定
6. 左枠からレイヤー枠(右上)に、ドラッグでアイテムを追加
   • 背景アイテム、ボタンアイテム
7. レイヤー枠でボタンアイテムを選択して、URLを登録
   • 右下で「アクションスクリプトの編集」

on (release) {
  getURL("index.html");
}

とりあえず、これで完成。「F5」でプレビュー、「F7」でブラウザ表示。

プロジェクトの保存 †

ファイルはプロジェクトとして保存しておく(「ファイル」-「上書き保存」)

プロジェクトファイルと素材ファイルは、別々に保存される。なので、素材ファイルを更新すれば、内容を差し替えできる。バックアップ時には、素材ファイルも含めること。

SWFファイルの出力 †

1. 「ファイル」-「swf出力」
2. 表示用htmlファイルを作成
   • ブラウザプレビュー時に、htmlファイルが作成されるので、それをコピーしておくと楽。
   • htmlコード中の"test.swf"(2箇所)をswfファイル名に合わせる。

<!-- Start of Flash -->
<OBJECT classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,0,0"
 width="400" height="400" id="_preview" align="">
<PARAM NAME="allowScriptAccess" VALUE="sameDomain">
<PARAM NAME="movie" VALUE="test.swf">
<PARAM NAME="menu" VALUE="false">
<PARAM NAME="quality" VALUE="high">
<EMBED src="test.swf" menu="false" quality="high" width="400"
height="400" name="flash_banner" align=""  allowScriptAccess="sameDomain"
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
</EMBED>
</OBJECT>
<!-- End of Flash -->

参考資料 †

• フリーソフト「Suzuka」でインタラクティブなFlashムービーを作ろう
  • http://itpro.nikkeibp.co.jp/article/COLUMN/20080527/304096/
• Flashムービー作成フリーソフト「Suzuka」で簡単アニメーションを作ってみよう
  • http://itpro.nikkeibp.co.jp/article/COLUMN/20061221/257517/
  • http://itpro.nikkeibp.co.jp/article/COLUMN/20061222/257616/
• 堕ち武者式　Flashの作り方
  • http://www.tees.ne.jp/~su-zu-ki/d/t/t2.htm