ベジェパスを使ったシェイプアニメーションで位置がズレる

after effects初心者です。

四角（□）から星形（☆）を経由して三角（▷）に変化するシェイプアニメーションを作成したく、YouTubeを見ながらやってみたのですが、うまくいきません。

まずそれぞれ、ツールを用いて中心に形を作りました。「整列」で中心に作りました。三角に関しては、多角形パスの回転を-30にしました。そして、星と三角のサイズは、頂点が四角の辺に触るくらいの、四角に収まるサイズに作りました。

そして、長方形パス、多角形パスを右クリックでベジェパスに変換。すべてのパスにキーフレームを打ち、星と三角のキーフレームを四角のパスにペースト。

すると、先ほど作った形の位置からズレて、サイズも異なった星と三角ができてしまいます。動画を再生するとやはり、四角から星に変わる時点で位置がズレ、サイズも大きくなり、その場で三角に変わるといったような感じです。

他の方の質問投稿で「ツールをダブルクリックするといい」というのを拝見し、試しましたが、そもそもツールをダブルクリックすると中心に形ができてくれませんし、画面いっぱいに形ができません。少し上にズレて下が空いている感じです。ちなみに、ダブルクリックして、形が中心よりズレた位置にできた後、「整列」を使うと中心に来てくれます。

これはバグなのでしょうか。YouTubeに載っているシェイプアニメーションの動画はおそらく、after effectsが前のバージョンのものだと思います。

どなたかお分かりの方いらっしゃいますでしょうか。読みにくくてすいません。お手数ですが、よろしくお願いいたします。