みなさん、Macromedia Flashというソフトを御存じですか?パソコンでいろいろ遊んでいるうちに作りたくなるのがホームページですが、FlashはオリジナルのGIFアニメを簡単に作れる楽しいソフトです。
自分のホームページをにぎやかに楽しくできます。とりあえず自分の絵が動くだけでも、とっても楽しいですよ〜。ここでは、マウスに反応して動くボタンの作り方を紹介します。(by えだまめ)
1.イラストを用意
|
2.シンボル化する
|
3.キーフレーム化する
|
Flashでは、お絵描きが簡単にできるので直接描き込んでもぜんぜんo.k.ですが、前に描いたイラストを取り込んでもよし、写
真だって取り込めます。
新規画面に使いたいイラストを用意しておきます。
|
編集メニューの『すべてを選択』で、イラストを選択し、そのまま挿入メニューの『シンボルに変換・・』で現れる
『シンボルプロパティ』でタイプを『ボタン』にしておく。
イラストを囲む枠線が表示、シンボル化されて保存。
|
編集メニューで『シンボルの編集』を選択。新規ウィンドウにイラストを配置。タイムラインのアップ/オーバー/ダウン/ヒットの4つを反転し選択。挿入メニューから『キーフレーム』で4つともキーフレーム化しておく。
|
|
|
|
●アップ●
マウスが離れている状態
|
●オーバー●
絵の上に置かれた状態
|
|
|
●ダウン●
クリックされた状態
|
●ヒット●
アップのイラストの目のあいた状態にする。
|
|
このように、マウスの動きにあわせて描き加えていき、絵が動いているようにみせます。編集メニューの『ムービーの編集』に戻り、制御メニューの『ボタンアクション』で確認後、ファイルの『ムービー書き出し』でWebページ用に保存できます。
|
* おすすめ参考テキスト:はじめてのFLASH5(Win版のみ) わかりやすくて値段も手ごろ。
*FLASHは、雑誌の付録CD-ROMに30日間お試し版等がついてます。気軽に試してみてね!
◆ FLASH関連サイト ◆
初心者のための動くホームページ作成講座 http://vivos.jp/flash/
Welcome to Flash JAPAN!! http://www.flash-jp.com/