モーショントゥイーンに回転をつける2(縦反転)

トゥイーンに回転と変形の縦反転でガラスが割れたような効果をだす。

このページはwindows版FLASH CS3で制作しています。

  1. キャンパスを設定します。リンク先1から5
  2. メニューバーのファイル読み込みライブラリに読み込みで用意した画像1つ(バナー)を読み込みます。
  3. レイヤー1の1フレーム目に画像をドラッグして配置します。画像を配置
  4. メニューバーの修正分解で画像をシェイプに変換します。
  5. 描画モードツールボックスの直線ツールやペンツールなどで今分解したシェープの上を区切っていきます。この時結合描画モードになっているのを確認します(オブジェクト描画モードはオフ)。シェイプの上に線が描けていたら結合描画モードです。シェイプの下に線が来ていたらオブジェクト描画モードなのでモードを変更して線を書き直します。
    図の左の状態が結合描画モード、右がオブジェクト描画モードの状態。シェイプを線で分割
  6. シェイプは線で分割されますのでそれぞれ(塗りの部分)をレイヤーに分割します。塗りの部分を選択し(この時ダブルクリックすると線まで選択されてしまうので注意します。)コピーします。レイヤーを追加します。メニューバーの編集同じ位置にペーストで分割されたシェイプを新規レイヤーの同じ位置に貼り付けていきます。分割した数だけ同じ作業をします。(もしくは先にシンボルに変換しレイヤーに配分しても同じこと)
  7. 画像をクリックして選択した状態にしてメニューバーの修正シンボルに変換画像をシンボルに変換します。任意の名前をつけます。タイプはグラフィックを選択します。シェイプを分けて新規レイヤーの同じ位置にペーストしシンボルに変換
  8. レイヤー1は不要なので削除します。
  9. すべてのレイヤーの30フレーム(任意のフレーム)を選択して(Shiftキーを押しながらレイヤーをまたいで複数フレーム選択する)キーフレームに変換します。制止時間の分を(任意で12フレームあたり)キーフレームに変換します。
  10. プロパティインスペクターからモーショントゥイーンを選択2つ目キーフレームと3つ目のキーフレーム(12から30)の間のフレームを選択しプロパティインスペクタのプロパティータブのトゥイーンからモーションを選択します。すべてのレイヤーで同じ事をします。(Shiftキーを押しながらレイヤーをまたいで複数フレーム選択すると同時に複数レイヤーにトゥイーンを設定できます。)
  11. プロパティインスペクタの回転から時計回り(反時計回りもあり)を選択し回数を任意(3回)とします。開始位置と(1フレーム)と終了位置(30フレーム)が同じ位置なのでその場で30フレームかけて時計回りに3回転します。すべてのレイヤーに設定モーショントゥイーンから回転を設定
  12. すべてのレイヤーの最後のキーフレーム(30フレーム)を選択し、メニューバーの修正変形縦反転で画像を反転させます。
  13. 30フレームのシェイプをそれぞれステージの外側まで移動します。回転と移動距離がうまく見えるように微調整します。
  14. シェイプの中心から順に効果が現れるように12フレームにあるキーフレームを少しずつ移動します。(クリックしてキーフレームを選択してからドラッグするとキーフレームを移動できます。)
  15. レイヤーの位置調整先に動き出したシェイプがほかのシェイプの下を移動すると動きが分からないのでフレームの順序を入れ替えます(レイヤーをドラッグして移動)。レイヤーの位置が上の方が出来上がりも上になります。調整して完成です。