FLASH 2

4万円
ぐらいで入
手できる
フラッシ
ュは魅力的なソ
フ
トだ︒

また︑ディ
レク
ター
が20万円
近く
す
るのに対し︑製品版︵イトを始め︑ウェブ
作
成に
フ
ラ
ッシ
ュを使っているサイ
トが増えてい︶ るでも ︒

トが作れることで︑現在Ｍ
Ｓ
Ｎ︵

http://www.msn.com/

先月号の前編
では︑
フ
ラッシ
ュの基
本
機
能とアニメ
ー
シ
ョンの作り
方を学

Ver2.0フラッシュで作る習したので︑
今
回はそれらを組
み合
わせてダ
イ
ナ
ミッ
ク
なウ
ェブ
サ
イ
トを作ってみよう︒︶
などのサ

ラッ
シ
ュの利点は︑小さい
フ
ァイル
サイズ
でダイ
ナ
ミッ
クに動く
ウ
ェ
ブ
サ
イが︑最近新たに注
目
されている
ソ
フ
トがある︒
それが﹁フラッシ
ュ﹂だ︒
フ

それ
までＷＷ
Ｗの動画
作
成ツー
ルとい
えばディ
レ
ク
ターが定番であった

後編：インタラクティビティの作成
高木 敏光（takagi@datacraft.co.jp）

ダイナミック・ウェブサイト
本誌付録CD-ROM にフラッシュ2.0の期間限定版が収録されています。
収録先：
WIN→FLASH
Mac→Flash

フラッシュでウェブサイトを作る前にフラッシュにとってのフラッシュにおけるインタラクティビティとインタラクティビティ

は、むしろ訪問者が見ようとしたページを素早

先月号で紹介した前編では、フラッシュといく表示し、内容をナビゲートし、場合に応じてうソフトの意義と特長、そして基本操作につい手軽にアップデートすることで常に新鮮なコンて解説した。サンプルアニメーションを参考にテンツを提供することだ。数あるフラッシュの実際に操作された方なら、その優秀さを実感さ特長の中で最も注目するべきなのは、その「軽れたと思う。今回はいよいよ、インタラクティさ」だ。インターフェイスを作る際の労力の軽ビティの作成だ。しかし、その前にフラッシュさやダウンロードの軽さは「速さ」であり、にとってのインタラクティビティとは何かといWWWにおいて重要な要素なのである。

うことをちょっと考えてみよう。
インタラクティブ性はマルチメディアの重要

このコーナーで紹介したアニメーションのサンプルが本誌付録CD-ROMに収録されています。
収録先：
WIN→FLASH→SAMPLE
Mac→Flash→Sample

338 INTERNET magazine 1997/8

全体をデザインするな要素であると言われる。ユーザーのマウス移前編でも述べたとおり、フラッシュはWWW

動やキー入力などに従って、シーンを分岐させインターフェイスをトータルにデザインできるたり音を鳴らしたりといった反応はマルチメデツールだ。それを証明するためにも、ここではィアの「核心」だ。これを極めたのがゲームにトップページのコンテンツ全体をフラッシュでなるのだが、結論から言ってフラッシュにそこ作ってみよう。

までを求めてはいけない。

トップページはおおむね次のようなコンテン

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

マクロメディアのフラッシュのページ

http://www.macromedia.com/software/flash/http://www.macromedia.com/jp/software/flash/（日本語）
ウスのロールオーバーやクリックに反応する。

ツで構成されている。

しかし、フラッシュではよりグラフィック要

1 ページタイトル

素の強いボタンを作成できる（ただし、ジャ2 メインのグラフィック

ンプ済みのリンク部分の色替えはできない

3 ほかのページへのジャンプボタンが）。

4 コピーライトその他の表記

4コピーライトその他の表記は、フラッシュム以上の要素をそれぞれフラッシュのムービーービーの外にHTMLテキストで表示するべきかもしれない。さもないと、フラッシュプラとしてまとめてみると、どうなるだろう。

グインがインストールされていないブラウザ

1通常はJPEGやGIFによって作成されること

ーでは、ページが完全にのっぺらぼうになっが多いが、フラッシュを使うことにより動かてしまう可能性があるからだ。ここでは実験したり色を変えたりすることが可能になる。

として、こうしたテキスト項目もムービーの2ショックウェーブ・フォー・ディレクターな中に収めてしまうことにする。こうすると、どでアニメーションを貼り付けてあるページデザイナーの意図どおりのフォントやサイズもあるが、その領域だけダウンロードに時間を維持することができる。

がかかり、表示が遅れることが難点である。
これは、フラッシュでタイトルやそのほかのそこで今回は、『TAKAGISM FLASH』とい要素とまとめてしまうことで避けられる。もう架空のウェブサイトをデザインすることにしちろん、アニメーションにすることもできる。

た。

3HTMLで記述されたハイパーテキストも、マフラッシュ2.0
フラッシュで作成されたウェブサイトを見るには、プラグインが必要。本誌付録CD-ROMの「ショックウ
ェーブ The Works」の中からフラッシュのプラグインをダウンロードしよう。
フラッシュ2.0日本語版は、7月18日より標準価格39,800円で販売される予定。
開販

タイトルを作ってみよう
画角を設定する

発 ：マクロメディア株式会社
売 ：㈱アスキーTEL 03-5465-8665㈱システムソフト TEL 092-752-5264

図1：修正メニューの「ムービー...」。

タイトルロゴを作成する

まず、初めに設定しなければいけないのは画角だ。

タイ
トルロゴは、テキストツールを使って打ち込んでも通常、WWWはユーザーのブラウザーの設定に応じかまわないし、イラストレーターなどのアウトラインデーて縦横に伸縮する作りになっている。

タとしてファイルを保存できるアプリケーションで作画しデザイナーが気を使うべきなのは、グラフィックの左てもいい。

右の幅がウィンドウからはみ出さないようにすることくブラシツールで描いた線に対してスムージング（「滑らいだろう。
しかし今回は、ページ上のコンテンツ全体らかに」）やストレート化（「まっすぐに」）を行うと、思いを1つのムービーに収めるため、縦の高さについてもがけないタッチが生まれて効果的だ。また、余分なア配慮しなければならない。

図2：ムービープロパティダイアログ。

ンカーポイントが整理され、ファイルサイズが小さくなる

ブラウザーの幅には標準的なサイズというものはなというメリットも見逃せない。

いが、ネッ
トスケープ社のホームページのトップのグラフ

テキストツールを使って打ち込んだテキストを選択ツイ
ックの幅が約480ピクセルであるので、これを1つのールで選 択し直し、修 正メニューから「 分 解 」目安としよう。幅を480とし、縦はバランスを考えて（Command + B）を行うと、テキストデータがアウト360ピクセルとするが、フラッシュのデータはドローベーラインデータに変換される。こうすると、文字列の編スのものであるから、HTMLファイル上に記述（貼り集はできなくなるが、スムージングや部分的な色塗り、込み）する際に、どんなサイズや比率にも対応させるアウトラインの修正などが可能になる（図3）。

ことができる。
画角の設定は、ムービープロパティダイアログで行う。修正メニューから「ムービー...」を選択し、ダイアログを開く（図1、2）。ショートカットはCommand +Mであるが、タイムラインのレイヤー名の下にあるムー

図3：テキストに対して「分解」を実行すると、アウトラインデータとしての編集が可能になる。
レイヤーに名前を付けておくと作業がしやすい。

ビー速度表示部分をダブルクリックしても開くことができる。

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

INTERNET magazine 1997/8339

図4 ：挿入メニューの「シンボルを作成...」。

図7：ライブラリパレット。

図5：シンボルプロパティダイアログ。
図9 ：複数のレイヤーに対し、まとめてフレーム挿入を行う。

図6：オニオンスキンを活用して、アニメーションを作成。

図8：新規レイヤーを作成してシン

図10：忘れてはならないキーフレー

ボルをワークエリアにドラッグする。

ムの挿入とカレントフレームの移動。

メインアニメーションを作ってみよう

たシンボルのほか、読み込んだサウンドやビットマップなどが収容されている。

メインのグラフィックを作成する

述するが、ここではチェックしない。新たに開このライブラリから目当てのシンボルを直接メインのグラフィックには、野良犬がステーいたワークエリアの大きさが、ムービーの画角ワークエリア内にドラッグするわけだが、このジを横切るアニメーションを作成することにしとは無関係になっていることに気付くだろう。

ままドラッグを行うと、シンボルはタイトルロた。

ここで開いているウィンドウは、シンボル作成ゴのレイヤーに収まってしまうことになる。も用のものである。ここで行った編集はムービーちろんそれでも見かけ上には変化はないのだが、には直接影響しない。

後々の編集を考え、新規のレイヤーを作成し犬が歩く様子は、前回解説した「パラパラ漫画のアニメーション」の手法で作成することができるが、犬の歩く様子をそれぞれ4パターウィンドウの右上隅には、編集中のシンボルンのグラフィックで作成したとして、それをス名がタグになって表示されるので、複数のシンテージの端から端まで順に配置していくのは大ボルを編集する際に便利だ。

変だ。

よう。
レイヤーポップアップメニューから「レイヤーの挿入...」を選択すると、新たに作成されたシンボルアニメーション作成のコツは、大きレイヤーが自動的にカレント（鉛筆アイコン）

そこで便利なのが、「シンボル」を使ったアさに気を取られないことだ。大きさも角度も縦になるが、カレントレイヤーが変わってしまわニメーションだ。シンボルというのは、ムービ横比も、すべて最終的にムービー内に配置するないように、タイトルロゴのレイヤーをロックーの中に部品として使用できる、ひとかたまり際に調整できることを忘れないようにしよう。

しておくと安全だ。のアニメーションだと考えればよいだろう。前

ここでは、「パラパラ漫画」の手法で犬の歩ライブラリから犬をワークエリア左端にドラ述の4パターンのグラフィック、つまり犬の歩行を作成する（図6。詳しくは先月号を参照）。

ッグして大きさを整える。これで1つめのキーフレームは完成だ（図8）。

きの1サイクルをシンボルとして作成し、そのシンボルをあたかも単なるグラフィックのようムービー内へのシンボルの配置
トゥイーンを活用するに左から右へと移動させればいいのだ。この移シンボル作成画面からムービー編集画面に戻

動には、ある点からある点までの動きを自動的るには、編集メニューから「ムービー編集」をトゥイーンは、始点と終点を指定することにに計算してくれる「トゥイーンアニメーション」選択する（Command + E）
。シンボル名タグ

よって、その間のアニメーションを自動的に計が活用できる。の上の矢印をクリックしてもいい。ついクロー

算する機能だ。移動のほかにも、回転や拡大ズボックスをクリックしそうになるが、ムービ縮小などをアニメーション化することができる。

シンボルの作成

ー全体が閉じてしまうので注意しよう。

トゥイーンアニメーションを行うには2つ以上挿入メニューから「シンボルを作成...」を選ウィンドウメニューから「ライブラリ」を選のキーフレームが必要だ。2つめのキーフレーム

択し、ダイアログ内で「犬」と名前を付ける択（Command + L）すると、ライブラリパレを何フレーム目にするかが問題だが、これはあ（図4、5）。
「ボタンビヘイビア」については後ットが開く（図7）。ライブラリには、作成されとからいくらでも伸縮できるので、ここでは適340 INTERNET magazine 1997/8

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

図11：フレームポップアップメニュ
ーの「トゥイーン設定...」。

図13：グリッドにスナップすることで、オブジェクトを正確に配置することが可能。

図15：新規に作成されたレイヤーに、鉛筆ツールでパスを描く。

図16 ：キーフレーム1 をカレントフレームにして、移動させたいオブジェクトの中心をパスの始点にスナップさせる。
このとき「吸着」をオンにすると、操作は格段にやりやすくなる。同様に、キーフレー

図12：トゥイーン設定のダイアログ。

図14：パスに沿ってアニメーション

ム2でもパスの終点にオブジェさせたいオブジェクトの収まったレクトをスナップさせる。

イヤー（この場合は「犬」）のポップアップメニューから「モーションガイドを追加」を選ぶ。

当に50フレームを選ぶことにしよう。とはいえ、ば、途中にもう1つキーフレームを作るといいムービー全体がまだ1フレームしかない。

だろう。

50フレーム（あたり）でフレームポップアップメニューを表示させ、「フレームを挿入」を設定が済んだら再生してみよう。うまく犬が画面を横断しただろうか。

択してから挿入をすると手間が省ける。フレー
ムの挿入が完了したら、犬のレイヤーの50フレて回転」のチェックボックスはオブジェクトの角度がパスに沿って回転するかどうかの設定である（ただし、必ずしもパスに対して垂直方向を向くわけではない）。モーションガイドのレイ実行しよう（図9）。この時、マウスを縦にドラッグし、タイトルロゴのレイヤーも同時に選

トゥイーン設定ダイアログ内の「パスに沿っアニメーションのブラッシュアップヤーを隠してしまえば、でき上がりだ。
ただ、この「パスに沿ったアニメーション」

ここまでで、すでにいくつかお気づきになった点があると思う。にも弱点がある。パスとオブジェクトをまとめたとえば、犬の出現の仕方と消え方が不自然て移動することができないのである。そのため、ではないだろうか。ドラッグでは、完全に画面画面右端に消えていく様子を作るには、一度次に忘れてはならないのは、カレントフレーの外に追いやることはできないので、矢印キー

ワークエリアを大きくしてアニメーションを作

ムマーカーをこのキーフレームに移動させるこを使ってマウスドラッグが不可能な領域にオブ成したのちに元のサイズに戻すという方法で対とだ。これを忘れると、せっかく配置した1つジェクトを移動させよう。

応できるが、画面左端から犬が登場してくる様ームめを改めて選択し、キーフレームの挿入をする。

子を作るのは至難のワザだ。

めのキーフレームを壊してしまうことになる。そまた、犬の動きが完全に水平でないのが気にれから、2つめのキーフレームの犬を右端に移なる方もいるだろう。残念なことにフラッシュ対応策としては、初めは通常のトゥイーンで動させる（図10）。

では、オブジェクトを水平垂直にドラッグする登場させ、オブジェクトの中心点がかろうじて以上でトゥイーン機能を使う準備が整った。

ことはできないので、グリッドを使って解決し画面内へ収まったところからパスに沿ってアニフレーム1のポップアップメニューを表示させ、よう（図13）。グリッドの幅や色はムービープメーションさせるという手があるだろう。もち「トゥイーン設定...」を選択しよう（図11）。

ロパティの中で設定できる。

ろん、キーフレームは増えることになる。

まず、ポップアップで「モーション」を指定

水平にこだわるのでなければ、むしろ曲線にここでは、アニメーションシンボルを動かしする。この場合は「サイズ」「回転」「パスに沿沿って犬を歩行させるのはどうだろうか。
「パたわけだが、パスに沿ってアニメーションするって回転」のチェックは関係ないので、すべてスに沿ったアニメーション」を使えば、思いのオブジェクトは必ずしもシンボルである必要は外してしまおう（図12）。

ほか簡単だ（図14〜16）。

ない。ただし、その際にオブジェクトはグループ化されていなければいけないことを覚えてお「イージング」のイン／アウトは、動作の最初と終わりに対する加速度の設定だ。イーズイ

パスに沿ったアニメーション

ン（だんだん加速）とイーズアウト（徐々に停以上で完了だが、パスに沿って動いてくれな止）の両方が同時に設定できないのはちょっといような場合はパスへのスナップをやり直すと不便だが、どうしてもそうした効果が得たけれうまくいく。

いてほしい。

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

INTERNET magazine 1997/8341

図20：エレメントのダイアログ。さまざまなアクションがポップアップで指定できる。配置したボタンを選択し、修正メニューから「エレメント...」を選択して、「ア図17：ボタンオクション」をポップアップさせ、ボタンがクリックされたときの動作を定義する。アブジェクトの実クションが「なし」に設定されていれば、ボタンはマウスには反応するものの、何体は4フレームかも動かない。

らなるパラパラ

図21：ほかのページにジャンプす

図22：フラッシュのファイルには、フレアニメーション。

るボタンのためのアクション「Getームという単位のほかに、ページという概「アップ」は通常URL」の記述。ネットワークURL念がある。いくつかの独立したフレーム時のボタン。の枠内にジャンプ先を記述する。

が集まって、アニメーションシーケンスが「オーバー」は反

URLは、絶対指定でも相対指定で作成されるわけだが、その1つのかたまり応領域にマウスもよい。

がページだ。新しいページを作成するにポインタが重なったときのボタン。

は挿入メニューから「シーン」を選択す「Get URL」以外のさまざまなアクション「ダウン」はクリックされたときのボタン。

「Play」「Stop」
アニメーションを再生、停止させるアクション。
ここで停止を設定しておけば、Playが記述されたボタンをクリックしない限り、アニメーションが先に進まない演出が可能。

「ヒット」はマウスの反応領域。

「次のフレーム」「前のフレーム」
アニメーションが停止した状態にあるときに、前後のフレームに移動するアクション。
「次のページ」「前のページ」
ページ同士を前後に行き来するためのアクション。

る。
これの応用としてもっとも分かりやすい例
は英語日本語の切り替えだ。一度日本語のインターフェイスを作成し、すべてのレイヤーのすべてのフレームをコピーして新規ページにペーストする。変更すべきテキストを英語に書き替えれば、1つのムービーファイルの中に2か国語のインターフ「表示品質設定の切り替え」
アンチエイリアスのあるなしを切り替えるアクション。アンチエイ
リアスのあるなしは、HTMLファイルへの記述時に指定することも可能だ。

ェイスを収めることができるわけだ。

「Goto」「Goto and Play」
ページが3つ以上あるときに、それらを行き来するアクション。
ムービーが停止状態にあるときに、ジャンプと同時に再生を始めたい場合には、「Goto and Play」を使用する。

図18：フレームポップアップメニューから、「サウンド...」を選択する。
図19：サウンドのダイアログ。

「Get URL, Goto and Play」
指定されたURLへジャンプすると同時に、ジャンプ先のムービーのページを指定し、再生を行うアクション。
Get URLでは、HTMLファイル以外に、フラッシュのファイルそのものを指定することもできる。
「Stop（すべてのサウンド）」その名のとおりのアクション。

インタラクティブなボタンを作ってみよう
ボタンの作成間のかかるものであったとしても、インターフフラッシュでインタラクティブなボタンを作成するのは、すでに解説したシンボルの機能をに遠ざけると、再生されることになる。

ェイスデザインによってユーザーのストレスを「サウンド...」ダイアログでは、どのサウンド軽減することができる。

を再生させるかのほかに、かなり細かい設定が可能だ（図18）。イン／アウト点（サウンドデ理解すれば実に簡単だ。
ライブラリパレット右上のボタンを押し、ポボタンにサウンドを付ける

ータの長さに関係ない鳴り始めと終わりの位置）の設定のほか、クリックオンなどでは左右ップアップメニューの中から「シンボルを作成...」フラッシュ2.0では、サウンドの再生が可能を選択しよう。ボタンの名前を入力すると同時になった。フレームに対してサウンドを設定しチャンネルのパンポットの設定なども可能だ。に、「ボタンビヘイビア」をチェックする。ビヘてBGMとして鳴らす使い方以外に、ボタン操「効果」でいくつかのプリセット項目を選ぶほイビアというのは「挙動」という意味だ。この作に対応して鳴らすことができる。

かに、自分でハンドルを動かして設定することチェックによって作成されるシンボルは単なるまずは、ファイルメニューから「読み込み...」アニメーションではなく、ボタンとしての機能を選択し（Command + R）、サウンドファイを身に着けることになる。

ルを読み込もう。ここで読み込むサウンドはもできる（図19）。このほかのボタンアクションは図20〜23を参照。

クレジットの作成

まずは、タイムラインに注目してほしい。フ

AIFFフォーマットで保存されたものだが、サンレーム番号のかわりに文字が収まっていること

プリングレートその他はショックウェーブ・フ

最後のコンテンツであるクレジットはフラッに気付くだろう。フラッシュで作成するボタンラッシュの形式で圧縮する際に指定できるので、シュのすぐれたテキストツールを知ってもらう

はユーザーの反応に対する変化があらかじめ収あまり気にする必要はない。

ためのサンプルだ。とりあえず、コピーライトまった4フレームのアニメーションなのだ（図17）。

ここで読み込まれたサウンドはライブラリにもっとも、簡単なボタンはフレーム1に何ら登録される。あとはボタンの各フレームのポッ

テキストフィールドの幅を変えて改行を変えかのグラフィックを描き、フレーム4を選択しプアップメニューを使ってサウンドを設定する

たい場合は、「A」のアイコンの付いたテキストてフレーム挿入を行えば作成できる。ただし、わけだ。通常は「オーバー」と「ダウン」のどツールでフィールドをクリックし、右肩に現れこれでは見かけ上の変化が何もない。インタラ

ちらか、あるいは両方に設定するわけだが、たハンドルを左右にドラッグすればよい。

クティビティにとって重要なのは、ユーザーの「アップ」のフレームに設定しても面白い効果

一方、行送りを変えず、文字列全体をグラ操作がコンピュータに伝わったことをユーザーが得られる。
「アップ」のフレームに設定されフィックとみなして拡大縮小を行いたい場合は、自身にはっきり示してあげることだ。仮に、ユたサウンドは通常は鳴ることはないのだが、マ選択ツールを使ってフィールドをクリックしたーザーの操作に対しての最終的な動作が相当時

ウスポインタを一度ロールオーバーさせたあとあとに行う（図24）。

342 INTERNET magazine 1997/8

表記を打ち込んでみよう。

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

図23：制御メニューの「ボタンアクション」。

図25：フラッシュの多彩ボタンが意図したとおりに反応するかどな出力フォーマット。

うかを確認するためには、制御メニューの「ボタンアクション」をチェックしな

図 27 ：ビットマッくてはならない。

プは、 書 き出 し前

マウスポインタがロールオーバーすると、カーソルが指の形に圧縮結果をテストに変わって、ボタンが変化し、音が鳴るのが分かる。ただすることができる。

し、ボタンアクションがチェックされた状態では、ボタンを選択し、移動させることなどはできない。Get URLなど
WWW関係のアクションは、ホームページ上に貼り付け、

図26：ショックウェーブ・フラッシュブラウザーを使って再生した場合でなければ動作しないの形式での書き出しダイアログ。

はもちろんである。
図 24 ：フィールドの大きさを変えるには、テキストツールを使う。回転＋拡大縮小（＝斜め変形）した文字に対しても文字列の編集が可能。
図28：完成図。すべてのコンテン
ツがフラッシュムービー内に収まっている。ファイルサイズはサウンドも含み、なんと10Kバイト以下だ。

表1：基本タグとオプション
タグ

タグの内容

<EMBED SRC="ムービーファイル名"WIDTH"=幅のピクセル数
HEIGHT=高さのピクセル数>

QUALITY=LOW, AUTOLOW, AUTOHIGH, HIGH（デフォルトはAUTOLOW）

ムービーを埋め込むための基本的なタグ
アンチエイリアスのあるなしを自動的に切り替えるもの。デフォルトのAUTOLOWでは、ムー
ビーはとりあえずアンチエイリアスなしで表示され、マシンに十分なパワーがあると分かった時点でアンチエイリアスが付く。AUTOHIGHはその逆である。

LOOP=TRUE, FALSE（デフォルトはTRUE）

ムービーを繰り返し再生せるかどうかのオプション

PLAY=TRUE, FALSE（デフォルトはTRUE）

アニメーションを自動的に始めるかどうかのオプション
ムービーがダウンロードされるまでの間、その領域はムービープロパティで指定した背景色で塗りつぶされている。この色がページの色と違う場合、RGB値をそれぞれ16進数で指定しなければならないが、<BODY>タグの中のBGCOLORをそのままコピーすればいい。

BGCOLOR=RRGGBB<EMBED SRC="main.swf" WIDTH=480 "HEIGHT=360
QUALITY=AUTOHIGH BGCOLOR=FFCC00>

以上のタグをまとめたもの

ムービーを圧縮してウェブサイトに載せよう
ムービーの圧縮るレイヤーの順番を上からにするか、下からにているはずだ。この.swf ファイルをホームペー以上でコンテンツは完成した。

するかを指定するものだ。

ジ上に貼り付けるためには、<EMBED>タグを比較的コンパクトなフラッシュのデータだが、「サイズレポートを作成」をチェックすると、使う（表1）。

WWW向けに圧縮することでさらに小さくなる。

アニメーションが各フレームごとにどれだけのファイルメニューから「ムービーの書き出し...」メモリを使用するか、フォントの使用状況はどまとめうなっているかがレポートされる。

を選択する（Shift + Command + R）。
ここでは、「ショックウェーブ・フラッシュ」
形式を選択しよう（図25）。ダイアログでは、ビットマップの圧縮（JPEG）の品質とサウンド圧縮の詳細を設定することができる（図26）。

前後編を通じて言いたかったのは、フラッシ
ュは単なるWWW向けアニメーションソフトでEMBEDタグでの貼り付け
こうして書き出されたファイルには「.swf」という拡張子が付いている。

はないということだ。サウンドや高度なインタラクティビティを伴ったインターフェイスがこんなに簡単にできるのかという印象を持っていビットマップの画像とサウンドは、ムービーお手持ちのブラウザーにショックウェーブ・のサイズに大きな影響を与えるので注意したい。

フラッシュのプラグインがインストールされて僕自身、現在、サイトを大幅にフラッシュ化

これらの設定はともに、それぞれの画像やサウいることを確認したら、ブラウザーアイコンにする計画を進行中である。今回の記事、あるンドで個別に設定することができるが、特にビドラッグしてみよう。フラッシュムービーが再いはフラッシュ全般に関しての質問などがあれ

ットマップの場合はライブラリパレットで「プ生されるはずである（図28）。

ば、躊躇せずにメールを下さって結構だ。

ロパティ...」を選択することで、圧縮後の品質

このとき、ムービーの画角がブラウザーのウと数値的な圧縮率をあらかじめチェックするこィンドウの横幅に合わせて変化することに注目とができる（図27）。

してほしい。サイズにかかわらず、グラフィッ「ダウンロードの順序」は、画面に表示されクはアンチエイリアス付きできれいに表示されただけたなら幸いである。

この連載を読んで、フラッシュを使ったウェブサイト作成に挑戦していただきたい。

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

INTERNET magazine 1997/8343

［インターネットマガジン バックナンバーアーカイブ］ ご利用上の注意
この PDF ファイルは、株式会社インプレス R&D（株式会社インプレスから分割）が 1994 年～2006 年まで発行した月刊誌『インターネットマガジン』の誌面を PDF 化し、「インターネットマガジン バックナンバーアーカイブ」として以下のウェブサイト「All-in-One INTERNET magazine 2.0」で公開しているものです。

http://i.impressRD.jp/bn
このファイルをご利用いただくにあたり、下記の注意事項を必ずお読みください。
z 記載されている内容（技術解説、URL、団体・企業名、商品名、価格、プレゼント募集、アンケートなど）は発行当時のものです。
z 収録されている内容は著作権法上の保護を受けています。著作権はそれぞれの記事の著作者（執筆者、写真の撮影者、イラストの作成者、編集部など）が保持しています。
z 著作者から許諾が得られなかった著作物は収録されていない場合があります。
z このファイルやその内容を改変したり、商用を目的として再利用することはできません。あくまで個人や企業の非商用利用での閲覧、複製、送信に限られます。
z 収録されている内容を何らかの媒体に引用としてご利用する際は、出典として媒体名および月号、該当ページ番号、発行元（株式会社インプレス R&D）、コピーライトなどの情報をご明記ください。
z オリジナルの雑誌の発行時点では、株式会社インプレス R&D（当時は株式会社インプレス）と著作権者は内容が正確なものであるように最大限に努めましたが、すべての情報が完全に正確であることは保証できません。このファイルの内容に起因する直接的および間接的な損害に対して、一切の責任を負いません。お客様個人の責任においてご利用ください。

このファイルに関するお問い合わせ先
All-in-One INTERNET magazine 編集部
im-info@impress.co.jp
Copyright © 1994-2007 Impress R&D, an Impress Group company. All rights reserved.