Ｆlashでボタンを作ろう！（作成編）

かなり久しぶりの更新になってしまい申しわけありません！

言い訳はしません。




今回はボタンを作ります。

ボタン関連の講座は４回に分けたいと思います。

ボタンでリンクさせたり、アニメーションを制御したりと、

いろいろと出来る事があるので、ぜひぜひ覚えて下さいね＾－＾

以前作った「ボールを動かすアニメーション」の制御も講座の内容に入ってますのでお楽しみに！


では今回はボタンを作っていきましょう。





上の方にある「挿入」から「新規シンボル」を選択します。





すると上のような画面に切り替わりますので名前を何でもいいので付けてあげて下さい。

仮にここでは「ボタン」という名前を付ける事にします。




レイヤーの部分が上のようになると思います。

この「アップ」、「オーバー」、「ダウン」、「ヒット」は作りながら説明していきますね。


まずは「アップ」の部分に好きなふうにボタンの絵を描きましょう。

このアップというのはボタンの上にカーソルが乗っていない状態の時です。





次にオーバーの部分を右クリックしてキーフレームを挿入します。

キーフレームを挿入って何かというと、

簡単に言えば前のフレームの画像をコピーするということです。

オーバーはボタンの上にカーソルが乗っている状態の時です。






上の画像のようになっていると思いますので、

オーバーのフレームのsampleの文字を黒色に変えます。




黒色に変えました。


次はダウンのフレームにキーフレームを挿入します。

ダウンとはその名の通り、ボタンを押した時です。



ダウンフレームの画像の四角をオレンジ色に変えます。


最後のヒットフレームを右クリックしてフレームの挿入をして下さい。

今までのキーフレームの挿入ではなくフレームの挿入ですので間違わないようにして下さい。



このヒットというのはボタンを押せる範囲です。


これでボタンが完成しました。


出来たボタンをスクリーンに配置します。

やり方はまず、上にあるシーン１というのをクリックします。







スクリーンが表示されたら作ったボタンをドラッグして配置します。







スクリーンに配置が出来たら実際に見て見ましょう。




「ファイル」→「パブリッシュプレビュー」→「Ｆｌａｓｈ」を開きます。

この操作はこれからムービーを確認する為に使うので覚えておいて下さいね＾－＾


ボタンにカーソルを乗せたりクリックしたりしてみて下さい。

作ったとおり変化しましたか？


次回の講座ではこのボタンを「アメーバblog」にリンクするやり方をやりますのでお楽しみに！

ご質問などありましたらコメント下さいね＾－＾