Skip to main content
Participant
September 15, 2020
解決済み

SVGへの書き出しについて

  • September 15, 2020
  • 返信数 1.
  • 900 ビュー

はじめまして、AE初心者です。

テキストの手書き風アニメーションをSVG形式でWEBサイトに組み込みたいと考えています。

試しに「1 2」を手書き風として再生しましたが、コンポジションパネル上では1をなぞり終わってから2をなぞり始めるというように、うまく再生できるのですが、「Bodymovin」を使って書き出し後DEMOを再生してみると1と2を同時になぞりはじめてしまいます。

Bodymovinによる書き出し後でも1がなぞり終わってから2をなぞる、というようにする設定はありますでしょうか。

うまく伝えられなく申し訳ありません。何卒ご教授頂ければ幸いです。

このトピックへの返信は締め切られました。
解決に役立った回答 Mukaida

Bodymovinは使ったことがないのですが、SVGはベクトル画像のため、ラスター画像の平面にエフェクトを適用したレイヤーは、無視されると思います。

 

シェイプレイヤーとテキストレイヤーだけで作成すれば、出力できると思います。
マスクは作らずに、レイヤーを選択していない状態で、ペンツールでパスを描けば、シェイプになります。
シェイプレイヤーの「追加」メニューで「パスのトリミング」を追加してキーフレームを打てば、アニメーションを作成できます。

返信数 1

MukaidaCommunity Expert解決!
Community Expert
September 15, 2020

Bodymovinは使ったことがないのですが、SVGはベクトル画像のため、ラスター画像の平面にエフェクトを適用したレイヤーは、無視されると思います。

 

シェイプレイヤーとテキストレイヤーだけで作成すれば、出力できると思います。
マスクは作らずに、レイヤーを選択していない状態で、ペンツールでパスを描けば、シェイプになります。
シェイプレイヤーの「追加」メニューで「パスのトリミング」を追加してキーフレームを打てば、アニメーションを作成できます。

shotakikirara作成者
Participant
September 16, 2020

返信ありがとうございます。

 

教えて頂いた通りにし、キーフレームの時間をずらすことでうまく再生することができました。

ありがとうございました!