製品情報

パン屑ナビゲーション

使い方入門

印刷ユーティリティ

PowerX KoolMovesを使ってみよう

第4章:オープニングムービーを作ろう
ボタンを付けてアクション!

■ ホームページにジャンプするボタンを設置する
1. ボタンを追加する


れいな
 (ムービーの延長)をクリックして、「ブランクフレームの追加」を選択するわよ。


あゆみ
フレームはいくつ?


れいな
「1」でいいわ。「OK」をクリックすると3フレーム目がブランクフレームになっているわよね。3フレーム目をクリックして。


あゆみ
3フレーム目はブランクフレームだから、スコア/タイムラインウィンドウに○が表示されていないわ。


れいな
ツールバーで (ボタンの追加)をクリックして。


あゆみ
へっ?ボタン?初めて使う機能よね。


れいな
ボタンをクリックすると、ホームページのトップにジャンプするよう設定したいのよね。
ある形状に対してマウスオーバーしたり、プッシュなど何らかの行動を起こしたときに、指定したHTMLにジャンプしたり、ほかのシーンに飛んだりと、さまざまなアクションを設定できるもの、それがボタンね。


あゆみ
ムービークリップは動いているだけだけど、ボタンなら、何かの行動をきっかけにアクションを設定できるのね。

ページtopへ


2. ボタンを作成する


れいな
あゆみの画像をボタンとして使うわね。

 
ayumi4
 

あゆみ
Windowsとかでよくあるようなボタンの形をしている必要はないってことね。
ボタンの編集画面は、ムービークリップの画面にそっくりだわ。
ツールバーの  (画像イメージのインポート)をクリックして、ayumi4.pngを読み込んだよ。


れいな
画面の上を見てね。今「アップ」という項目が選択された状態だということがわかるわ。つまり、ボタンが押されていない状態。


あゆみ
オーバーは?


れいな
クリックしてみて。


あゆみ
オーバーボタン状態なしダイアログが表示されたけど、どれを選択すればいいのかしら。


れいな
「アップ状態をコピー」を選択して、「OK」をクリックよ。
その後、ボタン編集画面であゆみを少し右上にずらしてみましょう。


あゆみ
下に半透明の画像が表示されているわ。


れいな
アップ状態が半透明で表示されるから、ボタン状態の違いがわかりやすいわ。オーバーっていうのは、マウスがボタンの上に乗った状態よ。


あゆみ
じゃ、次は「ダウン」かしら?


れいな
そうよ。ダウンボタンには、違う画像を使うわ。

 
ayumi5
 

あゆみ
「ダウン」をクリックしたら、ダウンボタン状態なしダイアアログボックスが表示されたわ。えーと、違う画像を使うってことは、「自分で描画する」?


れいな
そう!ayumi5.pngを読み込んでね。マウスでボタンをクリックした状態が「ダウン」よ。これでボタンができたわ。「メインムービー」をクリックしてね。

ページtopへ


3. ボタンにアクションを設定する


あゆみ
アクションはどう設定するの?


れいな
あゆみのボタンをマウスの右ボタンでクリックして、「ボタンアクション/サウンドの編集」を選択するの。


あゆみ
移動OK!


れいな
スコア/タイムラインで  (選択した形状を次のフレームにコピー)をクリックして、2フレーム目のあゆみ画像を画面の下に配置しましょう。


あゆみ
ボタンアクションとサウンドウィンドウが表示されたわ。


れいな
アクションタブで、  (アクションの追加)をクリックして「URLに移動(URLリンク)」を選択するわね。


あゆみ
ん?どこかで見たような。


れいな
バナーにリンクを設定したのを忘れちゃった?


あゆみ
ああっ、第3章でやったのと同じね。えーっと、「プレス」にチェックマークを付けて、「URL」にホームページのトップページURLを入力するのね。


れいな
「URLターゲット」は設定しなくてもOKよ。「OK」ボタンをクリックすれば、設定は完了よ。ボタンアクションとサウンドウィンドウは閉じておいてね。

ページtopへ


前へ 前へ [1] [2] [3] 次へ 次へ

Contents

[第1章]
KoolMovesってどんなもの?(2007.07.06)
[第2章]
ウィザードを使ってかんたんムービー作成
アニメーションバナーを作ろう / 基本編 (2007.07.20) [1] [2] [3]
アニメーションバナーを作ろう / 応用編 (2007.08.03) [1] [2] [3]
スライドショーを作ろう (2007.08.24) [1] [2] [3]
[第3章]
FLASHムービーでブログ、ホームページを彩ろう(2007.09.07) [1] [2]
[第4章]
オープニングムービーを作ろう
ムービーのサイズと色を変えよう(2007.09.21) [1] [2]
てくてく歩くアニメーションを作ろう(2007.10.05) [1] [2] [3]
ムービークリップを使ってスマートなムービーを作ろう(2007.10.19) [1] [2]
くるくる回るアニメーションを作ろう(2007.11.02) [1] [2]
エフェクトでワンランクアップしたムービーを作ろう(2007.11.16) [1] [2]
立体の文字が動くアニメーションを作ろう(2007.11.30) [1] [2]
ボタンを付けてアクション!(2007.12.14) [1] [2] [3]

Contents END