無の状態からトゲが順番に出てくるアニメーションを作成したい

After Effects初心者です。

シェイプアニメーションについて教えてください。

画像のような十字の星で、無の状態からトゲが順番に出てくるアニメーションを作成したいのですが方法が分かりません。

（↑お手本の完成形aep）

チュートリアルとしてダウンロードした作成用のaepには、使用する星のシェイプが既に配置されている状態でした。

ここからアニメーションの過程で欲しい形（無→丸→上下トゲ→左右トゲ）はどのように作成すれば良いのでしょうか？

コンテンツにシェイプを複製してシェイプ2を作成し、そこでパスを変形させてシェイプ1のキーフレームにペーストさせてみたのですが、再生するとシェイプがねじれてしまい上手くいきません。

どうかご教示ください。よろしくお願いいたします。

（Mac使用/AE2022）

キーフレーム①無

キーフレーム②丸

キーフレーム③上下のトゲが生える

キーフレーム④左右のトゲが生える

キーフレーム⑤無