Custom-SVG - Adobeと香港城市大学が共同開発したSVGカスタマイズフレームワーク。 - AiBoss

カスタムSVGとは何ですか？

Custom-SVGは、Adobeと香港城市大学が共同開発した、2段階のスタイルカスタマイズ機能を備えたSVG生成フレームワークです。テキストプロンプトに基づいて、カスタマイズされたスタイルを持つ高品質なSVGグラフィックを生成します。このフレームワークは、パスレベル表現拡散モデルに基づいてSVGの構造と内容を学習する2段階の生成ワークフローを採用しています。カスタマイズされたテキスト・トゥ・イメージ（T2I）モデルからスタイル情報を抽出し、多様なスタイルカスタマイズを可能にします。Custom-SVGは、フィードフォワードモデルの効率性と拡散モデルの強力な生成機能を組み合わせることで、デザイン、アイコン生成、その他の用途に適した、構造が整然としていてスタイル的に一貫性のあるベクターグラフィックを迅速に生成します。

Custom-SVGの主な機能

SVGの構造的規則性を維持する生成されたベクターグラフィックは明確な階層構造と規則的なパスを備えているため、後々の編集が容易です。
スタイルのカスタマイズを実現するユーザーが指定した少数のスタイル例に一致する、多様なSVGを生成します。
高効率発電フィードフォワード生成方式に基づいているため、結果を迅速に生成でき、実用的な設計シナリオに適しています。
意味的アライメント生成されたSVGコンテンツは入力されたテキストプロンプトと非常に高い整合性を持ち、グラフィックの意味的な正確性を保証します。

Custom-SVGの技術的原理

パスレベル表現に基づくT2V拡散モデルのトレーニング：
- パスレベルの表現SVGをパスレベルの表現に分解します。各パスはベジェ曲線や色などのパラメータによって定義され、事前学習済みのSVG VAEに基づいてコンパクトな潜在空間ベクトルにエンコードされます。
- 拡散モデル拡散モデルは、テキストプロンプトに一致するSVGテンソルをノイズから徐々に復元するために使用されます。
- トランスフォーマーアーキテクチャTransformerをバックボーンネットワークとして使用し、自己注意機構と相互注意機構を組み合わせることで、このモデルはテキストの意味を理解し、対応するSVG構造を生成することができます。
に基づくスタイルカスタマイズのための画像拡散事前分布：
- スタイル抽出少数のスタイル例を用いて、T2I拡散モデルを微調整し、多様なカスタム画像を生成する。
- 画像レベルの損失生成されたSVGは画像としてレンダリングされ、T2Vモデルは画像レベルの損失関数に基づいて微調整され、生成されたSVGに目的のスタイルが与えられる。
- スタイル転送これにより、カスタム画像のスタイルをSVG生成プロセスに転送することで、柔軟なスタイルカスタマイズが可能になります。

Custom-SVGのプロジェクトアドレス

プロジェクト公式サイト：https://customsvg.github.io/
GitHubリポジトリ：https://github.com/intchous/custom-svg-style
arXiv技術論文：https://arxiv.org/pdf/2505.10558

Custom-SVGの応用シナリオ

グラフィックデザインとイラストレーションデザインコンセプトの検証、イラスト制作、ブランドデザインなど、特定のスタイルに準拠したベクターグラフィックを迅速に生成します。
ユーザーインターフェース（UI）デザインさまざまなインターフェースデザインのニーズを満たすために、アイコンやボタンなどのインターフェース要素を生成します。
ウェブデザインウェブページの視覚的な魅力とレスポンシブデザインを向上させるために、動的なベクターグラフィックを生成します。
教育と訓練教育コンテンツの提示を支援するための教育用グラフィックやインタラクティブな学習ツールを作成する。
パーソナライズされたコンテンツ生成ユーザーのニーズに基づいてパーソナライズされたグラフィックを生成し、カスタムギフトやソーシャルメディアコンテンツなどに活用できます。