終了

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

ゲスト
Apr 18, 2023 Apr 18, 2023

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

 

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

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

 

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

 

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

キーワード
手順
908
翻訳
レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Apr 18, 2023 Apr 18, 2023

説明は苦手ですが、

 

> パスのオフセットをしなくてもこのサイトと同じような結果になったため
どのような方法を利用したのでしょうか?


After Effects では、複数の方法で同じ結果になることはよくあるので、参考のために手順を教えていただければ、検証したいと思います。

 


> ベクトルレイヤーからシェイプを作成
Illustratorファイルを読み込んでレイヤーに配置すると、プレビュー画面にはラスタライズされた画像として表示されるためパスは消えてしまいます。


チュートリアルでは、パスをオフセットするアニメーションを作成しているので、「ベクトルレイヤーからシェイプを作成」でシェイプレイヤーを作成する必要があるのです。


なお、Illustratorでパスをコピーして、After Effects のレイヤーマスクまたは、シェイプレイヤーにパスを貼り付けることができます。

翻訳
レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Apr 19, 2023 Apr 19, 2023

<追記>
パスのオフセットと別の機能を比較してみました。


・パスのオフセットは、パスを書き換えなくてもパスを太らせたり細くしたりできます。

ae101.jpg


・スケールで拡大縮小した場合。
アンカーポイントを基準にして縦または横方向に画像のサイズを変化させます。

ae102.jpg


・パスが無い画像でパスのオフセットのように太らせたり細くする機能の一例は下図になります。

ae104.jpg
上段:エフェクト「塗りつぶし」
中段:レイヤースタイル「境界線」
下段:エフェクト「チョーク」

 


どの機能を選ぶかは、素材や組み合わせる他の機能により変えることになります。

翻訳
レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
ゲスト
May 04, 2023 May 04, 2023
最新

ありがとうございます。解決しました。

翻訳
レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines