このチュートリアルでは、Flashで心電図を作ってみたいと思います。

• Step1 ： はじめに
  
• Step2 ： 線のカラーを変更する
  
• Step3 ： 心電図の作成
  
• Step4 ： 新しいレイヤーを作成
  
• Step5 ： ムービークリップに変換
  
• Step6 ： キーフレームを挿入
  
• Step7 ： 長方形を右側に移動
  
• Step8 ： 長方形を左側に移動
  
• Step9 ： 完成
  

Step1：はじめに

新しいファイルを作成し、サイズを幅200px、高さ100pxに変更して下さい。
そして、背景色を黒にして、OKをクリックして下さい。
[You must be registered and logged in to see this image.]




Step2：線のカラーを変更する

線ツール(N)を選択し、線のカラーを#00CC00に変更し、塗りのカラーをなしにして下さい。
[You must be registered and logged in to see this image.]









Step3：心電図の作成

皆さんはきっと心電図をご覧になったことがあると思いますが、線を想像して描いて下さい。
その結果、このような感じになっているはずです。
[You must be registered and logged in to see this image.]




Step4：新しいレイヤーを作成

「心電図」レイヤーの上に、新しいレイヤーを作成し、そのレイヤーの名前を「長方形」にして下さい。
そして「心電図」レイヤーをロックして下さい。
[You must be registered and logged in to see this image.]




Step5：ムービークリップに変換

「長方形」レイヤーに、矩形ツールを使って、キャンバス全体を覆うように黒い長方形を描いて下さい（線のカラーはなし）。
そして、長方形をムービークリップに変換して下さい（「修正」-「シンボルに変換（F8）」）。
[You must be registered and logged in to see this image.]




Step6：キーフレームを挿入

「長方形」レイヤーのフレーム40,41,80にキーフレームを挿入して下さい（右クリックでキーフレームを挿入、またはF6）。
「心電図」レイヤーのフレーム80にキーフレームを挿入して下さい。
[You must be registered and logged in to see this image.]




Step7：長方形を右側に移動

「長方形」レイヤーのフレーム40で長方形を選択し、選択ツールを使って心電図の右側に長方形を移動させてください。
[You must be registered and logged in to see this image.]




Step8：長方形を左側に移動

フレーム41で心電図の左側に長方形を移動させてください。
[You must be registered and logged in to see this image.]




Step9：完成

フレーム1～40の間にあるフレームを右クリックしてモーショントゥイーンを作成して下さい。
フレーム41～80で同じことをして下さい。
[You must be registered and logged in to see this image.]
「ctrl + Enter」を押して、ムービーをテストして下さい。





このチュートリアルを楽しんで下さい！




引用:Web Design Library　著者:learn2flash.blogspot.com/　翻]