Flashの基本

更新日:2007年06月28日

コマアニメで瞬く夜空を表現

編集部 All About 写真

前回作成した星空を使用しアニメーションで瞬かせます。パラパラアニメの要領で一枚一枚描いていく基本的なアニメーションを作成しましょう。

文章:渡辺 大介(All About「Flash」旧ガイド)
前回作成した星空を使用しアニメーションで瞬かせます。パラパラアニメの要領で一枚一枚描いていく基本的なアニメーションを作成していきましょう。
瞬く星空完成図
瞬く星空完成図。完成した.flaファイルをダウンロード

コマアニメを作る!

アニメーションは静止画が連続することで動いているように見える物です。これが「コマアニメ」や「パラパラアニメ」と呼ばれているものです。Flashでは様々なコマアニメの支援機能がありますが、今回はシンプルに点滅するだけのアニメーションを描いていきましょう。
1. 前回作成したフラッシュを開いてください。少し分かりづらいですが、上の図で示す位置をダブルクリックして「ドキュメントプロパティ」ウィンドウを開いてください。

ドキュメントプロパティを開く

フレームレートの設定
2. このウィンドウではフラッシュのサイズや背景色などの設定を行えます。その中の「フレームレート」に注目してください。フレームレートというのは1秒間にいくつコマがあるかという箇所になります。

この数字が多ければ多いほど滑らかな表現が可能になるかわりに作成が大変になり、少なければ少ないほど大ざっぱな表現になりますが、作成は楽になっていきます。作成する内容によって使い分けていきましょう。文末にフレームレートの目安をまとめます。

今回は点滅させる形をイメージしているので目がチラチラしない程度のスピードとして「2」を指定してください。

星を選択する
3. shiftキーを押しながら選択ツールで星を半数ほど選択しましょう。選択する星の位置はできるだけランダムに選ぶようにしてください。上部メニューの「カット」を選択してください。

キーフレームの挿入
4. 図で指定しているレイヤー 1の一つ右の2フレーム(コマ)目を右クリックし、「空白キーフレームの挿入」を選びます。

フレームの挿入
5. レイヤー 3とレイヤー 2の2コマ目を選択、右クリックして「フレームの挿入」を選びます。

同じ位置にペースト
6. レイヤー 1の2フレーム目を選択し、上部メニュー「編集」から「同じ位置にペースト」を選択します。

パブリッシュして動作を確認してみてください。2コマだけ切り替わるアニメーションですが、これが大作Flashムービーの第一歩です!

次のページではフレームがどういったものか、もう少し詳しく解説します。

(執筆者:渡辺 大介)

1 2
  • 印刷する
  • ブックマークする
  • 携帯に送る
  • ブログに書く

あわせて読みたい

この記事の担当ガイド

写真

編集部 All About

住まいには、人の個性がよく現れるもの。同じ空間をどのように使うかで、雰囲気も、快適さも大きく変わってくる。ここでは、「建築家と家を建てる」ガイド の川畑博哉氏が厳選した10軒を紹介し、建築家それぞれのこだわりのポイントを紹介しよう。建築のプロたちが考え出した、マネしたくなるアイデアが満載! さぁ、いますぐチェック!

人気Flashランキング

Powered by 価格.com

デジタル関連コミュニティ

北欧好きが、愛用の北欧モノを見せ合うコミュニティ

メルマガ登録

【デジタルメルマガ】オトナのオトコなら知っておきたい、PCやデジモノに関する情報をお届けします。

ショッピングカタログ

All About ウェブマガジン

女性向け

雨が楽しくなる!レイングッズ15

男性向け

マネしたくなるアイデア住宅

All About モバイル

QRコード

All Aboutがケータイで読める!

オススメ記事をメールでチェック

知識・経験を生かして、記事を書いてみませんか?