変形 - Edge Animateのチュートリアル

このレッスンでは Edge Animate で ステージ上に配置する要素に対して 設定できるプロパティのうち 変形について解説していきます。 それでは、実際に画面を見ながら 確認していきましょう。 まずは、今後の解説のために あらかじめステージ上に 図形要素を置いておきましょう。 図形要素は「ツール」パネルから 「図形」を選択して そのままステージ上に ドラッグして設置します。 設置できましたら 一応わかりやすいように 色を付けておきましょう。 色を付けるには要素を選択して 「カラープロパティ」から色を選択します。 これで色がつきました。 色がつきましたら要素をクリックして 選択状態にします。 これで準備完了です。 変形プロパティ は 「プロパティ」パネルの中の この部分で設定できます。 設定できる内容は 要素の拡大／縮小 要素の傾き 要素の回転 要素の変形の基点の四種類です。 ここで、変形の説明に入る前に 覚えておいていただきたいことがあります。 それは変形の基点についてです。 基点の説明を分かりやすくするために まずは、「ツール」パネルから 「変形ツール」を選択してください。 すると、黒いバウンディングボックスで 要素が囲まれます。 この中心にある「丸印」 が基点です。 これから説明する変形は この基点の位置を中心にして設定されますので 覚えておいてください。 それでは、変形プロパティの説明に 入っていきましょう。 まずは、要素の拡大／縮小について 見ていきましょう。 厳密に言うと 要素の縦横の伸縮の設定となります。 要素の拡大／縮小の設定は この部分で設定できます。 上にあるのが 「横幅の伸縮率」 下にあるのは「縦幅の伸縮率」です。 現在「100%」と書かれていますが これは等倍に表示されているということを 表しています。 それでは、一度この値を 「200%」に変更してみましょう。 この部分をクリックして 「200%」に変更します。 このように、基点を中心として 二倍の大きさに変更できました。 次に、今度は 「50%」に変更してみましょう。 この部分をクリックして 今度は 「50」と入力します。 こうすると、今度は逆に 基点を中心として 半分のサイズに変更されました。 今ここの鎖のアイコンが つながった状態となっていますので 横の値を変更すると…