丸いイメージが四角に、四角のイメージが丸くなるアニメーションの制作方法

STUDIO Tips

丸いイメージが四角に、四角いイメージが丸く変化するアニメーションの制作方法を紹介します。

制作ページはこちら

1 イメージを2つ配置。左側のイメージは丸から四角へ、右側のイメージは、四角から丸へ変化するアニメーションを設定していきます。

2 左側のイメージの角丸を「50%」に。アニメーションのアフターの状態を設定しました。

3 左側のアニメーションから設定していきます。イメージを選択した状態で「&appear」を選択します。「&appear」では、スタート時点での形や動きの設定を行います。

4 「遅延」と「時間」から任意の数値を選択。角丸を「0」に。

5 同様の工程を右側のイメージにも設定。「遅延」と「時間」から任意の数値を選択。角丸を「50%」にして完成です。

制作ページはこちら

関連記事

特集記事

TOP