NEWS

2017.10.21 「バージョンごとの機能比較」を更新しました。

  • Web creators

アニメーション

採光が射すアニメーション

概要

Flashの機能であるマスクの応用で、文字やシンボルに光が射すようなアニメーション効果を加えることが可能です。

サンプル解説

文字に光が射します。

作成法

(1) シンボルの作成
  ・マスクとなるシンボルを"マスク"として作成。
  ・基の文字となるシンボルを"文字"として作成。
  ・光が射したときの色の文字を"文字_マスク用"としてシンボル「文字」を複製して作成。
シンボルの作成(マスク)シンボルの作成(文字)シンボルの作成(文字_マスク用)
 
(2) ステージにシンボルを配置
  ・ステージのレイヤーを3つ作成する。
  ・レイヤー1にシンボル「文字」をステージ中央に設置。(フレームを45まで追加)
シンボル「文字」の設置
   
  ・レイヤー2にシンボル「文字_マスク用」をステージ中央に設置。(フレームを45まで追加)
シンボル「文字_マスク用」の設置
   
  ・レイヤー3にシンボル「マスク」を設置。(フレームを30あたりまで追加)
シンボル「マスク」の設置
   
(3) トゥイーンの設定
  ・シンボル「マスク」を左に移動するトゥイーンを設定。
トゥイーンの設定
   
(4) マスクの設定
  ・レイヤー3を基準にレイヤー2をマスクする。
マスクの設定
 

解説

文字を移動するシンボルでマスクすることでマスクされた部分だけが表示されます。
その下のレイヤーにマスクされた文字と同じ大きさのシンボルを同じ位置に設置することで文字にエフェクトがかかっているように見えます。

ページ上部へ