パスのオフセットがイマイチ理解できない

illustratorで作ったロゴをAfter Effectsに取り込んで動かそうと試みました。

ロゴにリキッドアニメーションをつける方法
こちらを見ながら進めていました。このtutorialで「2. パスのオフセットを利用したアニメーションー手順 1/2　パスのオフセットの追加」で、パスのオフセットが必要なのはなぜでしょうか？

疑問に思う理由は、私がAfter Effectsに取り込んだロゴが、パスのオフセットをしなくてもこのサイトと同じような結果になったためです。パスのオフセットを使えば、パスの調整ができたりアニメーション作成ができる、みたいな記事を読んだりしたのですが、やはり理解できません。

また、「1. プロジェクトの準備　手順 3/4　ベクトルレイヤーからシェイプを作成」で、シェイプに変換しなくてはならない理由も知りたいです。

どなたか具体的にご教示いただけますととても助かります。よろしくお願いいたします。