Flash術
Flashでサイトを制作する。これが当たり前のようになってきた。最近のブロードバンド化により、通信環境に対する問題が軽減され、今までHTMLベースでやってきたことがFlashにシフトし、より豊かな表現が可能になってきたのだ。表現の幅は確実に広がっている。オリジナリティあふれる表現を見つけだそう。
fujimaki 藤牧 篤   ATSUSHI FUJIMAKI
Web制作会社にてデザイナーとして経験を積む。
2001年、フリーで活動を開始し、現在、NON-GRIDにてアートディレクションから制作までをこなす。


NON-GRID >> http://www.non-grid.com/
ARCHI-TYPE >> http://www.archi-type.com/
若命 宏一 Wakame Kouichi
現在某デザイン事務所にて、デザインを勉強中、
asterouteで個人活動もする。
趣味が完全に仕事になっている「幸せな奴」。
asteroute > > http://www.asteroute.com
■バックナンバーへ
■VOL.66 [ MOTION ARCHITECTURE : 自由に並べたムービーをプレイする(1)]

■VOL.67 [ MOTION ARCHITECTURE : 自由に並べたムービーをプレイする(2)]

VOL.68 [ MOTION ARCHITECTURE : 自由に並べたムービーをプレイする (3) ]
今週のサンプル
[今回のサンプルはこちら]

 今回も素材となるムービーを作成していこう。今回は、3、4、5、6のムービーだ。円模様がどんどん広がっていき、シンプルな波紋のようなムービーを作成している。単純なムービーなので、普通にモーショントゥイーンでも作成可能だが、ここではアクションスクリプトを使ってムービーを作りだしている。「attachMovie」というアクションを使用するが、いずれインターフェイス部分を構築する際に使用するので、ここで慣れておいてほしい。
 ムービーエリアサイズは500*160pxだ。

1. 素材作成

 まずは、ムービーの元となる円を作成する。
 新規シンボルでムービークリップを作成し、中心が抜けた円を描画する。

parts
▲ムービーの元素材を作成
 次に、作成したシンボルを使ってムービーを作成する。
 新規シンボルでムービークリップを作成し、先ほど作成したシンボルを配置し、モーショントゥイーンを設定する。
parts
▲1フレーム目
 ここでは、シンボルが徐々に拡大するムービーを設定している。55フレーム目にキーフレームを追加し、シンボルを拡大する。
parts
▲55フレーム目
 今度は、余分な絵が見えないように、ムービーエリアサイズのマスクを設定する。
parts
▲マスクを設定する
 そして、アクセントとして中心にも、円が拡大するモーションを作成する。
parts
▲中心に円を描画
parts
▲最終フレームで拡大
 次に、最終フレームに図のようなフレームアクションを設定する。後に設定する「attachMovie」と関係してくる。
parts
▲最終フレームにフレームアクションを設定
 同じような手順で、4、5、6番目のムービーも作成する。
parts
▲上から4、5、6番目のムービー
次回は、リンケージの設定、アクションの設定をしてムービーを完成させる。