BACK STEP1 STEP2 STEP3 STEP4

SETP4 MENUを作ってみよう!2(Gaiax系)

今回のMENUはトゥイーンアニメを使ったものです。

尚、今回は作り方では無くSampleの解説のような形をとらせていただきます。

サンプル

今回のボタンは矩形を描かないでFONTだけにしています。

1. ステージ上のMainボタンをWクリックしてボタンの編集画面にします。
全部で4つのレイヤーがあります。
テキストをボタンにした場合に重要なのはヒットエリアです。
矩形のときはその矩形がヒットエリアになっていましたがテキストの場合は文字の隙間はヒットエリアにはならないのでそのままではクリックしにくいボタンになってしまいます。
そこで「ヒット」フレームに文字より少し大きめの矩形を描いてあげることにします。ヒットエリアの画像はムービー再生時には表示されませんので色は何色にしても問題ありません。
タイトルレイヤーの「アップ」には灰色の文字があります。この文字は「オーバー」、「ダウン」でも表示されます。
シャドーレイヤーの「オーバー」には白の文字があり左上に少々オフセットしてあります。これによりマウスオーバー時に文字が装飾されます。「ダウン」は同じく白ですが右下にオフセットしてあるのでクリック時に押し下げられたように見えます。




2. サウンドを入れる場合は入れたいフレームを選択して、例えばサンプルライブラリからステージ上にドラッグします。



3. フレアレイヤーの「オーバー」にはムービークリップが入っています。
このムービークリップはトゥイーンで拡大、縮小させるムービークリップを更にムービークリップにしてトゥイーンで回転させています。
つまり回転しながら拡大、縮小を繰り返します。



Linkの設定等はSTEP3を参照してください。

他のMENU サンプル 2002/01/14
Link設定はSTEP3を参照してください。

BACK STEP1 STEP2 STEP3 STEP4

(c)2002 Tsuruji Studio

Click here to visit our sponsor