今回は「反復回転」エフェクトの「種類」の「緩急」について解説していきます。
「反復回転」は指定した範囲で回転を繰り返すエフェクトで3D的な動きも作ることができます。
「反復回転」エフェクトアニメーション
「反復移動」エフェクトには主に「X」「Y」「Z」「間隔」「種類」「加減速」「中央寄せ」の設定項目と「反復移動」同様の値があり、それらの値を変更することでグルグルと動くようなエフェクトを作ることができます。
「反復回転」エフェクトの「種類」と「緩急」
「反復回転」は先にも書きましたが「X」「Y」「間隔」「種類」「加減速」「中央寄せ」の項目があり、「種類」は反復する際の動きの速度を調整することができます。
「反復回転」エフェクトの「緩急」の「種類」を使ってみよう
1-1.「反復回転」エフェクトのデフォルトは以下の通りです。
(デフォルト値:「X:0px」「Y:0px」「Z:30px」「間隔:1.00秒」「種類:緩急1 / Sine(弱)」「加減速:加減速 / InOut」です)

1-2.「反復回転」エフェクトの「Z」の値を「200px」、「種類」を「緩急1 / Sine(弱)」にすると反復移動の反転の際の動きが小さくなります。
(他の値はデフォルト値です)

1-3.「反復回転」エフェクトの「Z」の値を「200px」、「種類」を「緩急2 / Quad」にすると反復移動の反転の際の動きが緩急1と比べて若干大きくなります。
(他の値はデフォルト値です)

1-4.「反復回転」エフェクトの「Z」の値を「200px」、「種類」を「緩急3 / Cubic」にすると反復移動の反転の際の動きが緩急2と比べて若干大きくなります。
(他の値はデフォルト値です)

1-5.「反復回転」エフェクトの「Z」の値を「200px」、「種類」を「緩急4 / Quart」にすると反復移動の反転の際の動きが緩急3と比べて若干大きくなります。
(他の値はデフォルト値です)

1-6.「反復回転」エフェクトの「Z」の値を「200px」、「種類」を「緩急5 / Quint」にすると反復移動の反転の際の動きが緩急4と比べて若干大きくなります。

1-7.「反復回転」エフェクトの「Z」の値を「200px」、「種類」を「緩急6 / Expo」にすると反復移動の反転の際の動きが緩急5と比べて若干大きくなります。

今回はここまで
次回は「反復回転」の「種類」の「円弧」等について解説していきます。
コメント