OpenType SVG フォントの操作

最終更新日 : 2025年12月2日

OpenType SVG フォントを使用して、スタイルや効果を追加せずに、テキスト要素を多色にしたりグラデーションを適用したりする方法について説明します。

OpenType SVG（Scalable Vector Graphics）フォントでは、従来のフォント技術に SVG アートワークが埋め込まれています。この統合により、カラフルでグラフィカルに豊かなテキストを使用できるようになるため、アウトラインに変換したり、複雑な効果を適用したりする必要はなくなります。各文字は、多色にしてグラデーションを適用し、さらに透明にしながら、完全に編集可能なテキストのままにすることができます。

Photoshop には、次のような OpenType SVG フォントが含まれています。

Trajan Color Concept
EmojiOne

フォントメニューで OpenType SVG フォントを識別するには、フォント名の横にある OpenType SVG アイコンを探してください。

OpenType SVG フォントと標準フォントの違い

従来のフォントは単色の実線図形としてレンダリングされます。それとは対照的に、OpenType SVG フォントは次のようになっています。

カラースキームとグラデーションがあらかじめデザインされています。
背景色に関係なく外観が維持されます。
標準のテキストカラーコントロールで内部の色を変更することはできません。
アウトラインではなく、テキストとして完全に編集可能で、品質や細部を損なうことなく拡大縮小できます。

絵文字フォントの使用

OpenType SVG 技術を最も一般的に応用したものが絵文字フォントです。Photoshop に含まれる EmojiOne フォントでは、何百もの色鮮やかな絵文字を利用できます。

絵文字フォントには、次のような特別な機能があります。

複合字形：一部の絵文字は複数の字形を組み合わせて作成できます（例：国旗）。
肌色のバリエーション：人や体の部位を表す特定の絵文字は、様々な肌色で変更できます。
視覚的な一貫性：絵文字の外観は、別のプラットフォームやアプリケーション間で維持されます。

ワークフローで OpenType SVG フォントを使用するタイミング

OpenType SVG フォントは次のような用途に最適です。

装飾的な見出しやタイトル
絵文字を必要とするソーシャルメディアのグラフィック
複雑なレイヤー効果を使用せずにカラフルなテキストが必要なプロジェクト
テキストを編集可能なままにする必要があるデザイン

視覚的に目立ちながら、検索可能で編集可能、かつアクセシブルなテキストが必要な場合、これらのフォントは特に有用です。

絵文字の追加

学ぶ

アプリ内のステップバイステップのビデオチュートリアルと実践的なガイダンスで学習できます。

コミュニティ

ディスカッションに参加し、回答を見つけ、専門家から学び、知識を共有することができます。

Adobe Home

お気に入りの Creative Cloud アプリ、サービス、ファイル管理などにアクセスできます。