Remotion で LottieFiles のアニメーションを使う【矢印・アイコンをオーバーレイ動画に組み込む】

動画・画像編集
divアニメーションで作るコールアウトはシンプルで再現性が高い一方、「矢印にループアニメーションを付けたい」「既製のアイコンアニメーションをそのまま使いたい」という場面もあります。…
続きを読む

Remotion で Callout アニメーションを作る【Studio × Zod でリアルタイム座標調整】

動画・画像編集
動画の上に「ここに注目してほしい」を伝えるコールアウト——地図ピン・波紋・コネクター線・ラベルのセットをアニメーションで表示したい場面があります。この記事ではClaudeCode+…
続きを読む

アニメーションを損なわない『SVG Cleaner』の最適化設定

WEB制作・環境
SVGファイルの最適化は、ウェブサイトのパフォーマンス向上に重要です。しかし、SVGアニメーションを使用している場合、不適切な最適化設定によってアニメーションが機能しなくなる可能性…
続きを読む