1. メディア処理

クリッピング パスの追加

Version:
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

クリッピング パスは、写真編集ソフトウェアを使用してベクター パスを作成する手法です。画像から背景を非破壊的に削除できます。

写真編集ソフトウェアでベクターのクリッピング パスを作成すると、そのベクターを Sitecore Content Hub™ にインポートし、クリッピング パスをレンディションとして使用できます。

次の例では:

  1. 定義されたクリッピング パスを使用してレンディションを作成する
  2. Adobe Photoshop でクリッピング パスを作成する
  3. クリッピング パスをテストする

クリッピング パスのレンディションを作成する

クリッピング パスのレンディションを作成するには:

  1. メニュー バーで、[管理] 管理アイコン をクリックします。

  2. [管理] ページで、[メディア処理] を選択します。

  3. [メディア処理] ページで、[コンテンツ] セットを選択します。

  4. [コンテンツ] セットで、[ベクター] をクリックします。

  5. [ベクター] フローで、新しいタスクを追加します。

  6. [新しいタスク] の右側のペインで、[画像の変換] のタスク タイプを選択します。

  7. [パラメーター] タブで、次の詳細を入力します。

    パラメーター入力
    名前識別しやすく意味のある名前を入力します。この例では、ClippingPath です。
    コンテンツ タイプimage / png と入力します。
    コンテンツの配置ドロップダウン リストから [インライン] を選択します。
    サイズ変更ドロップダウン リストから [大きい場合にのみ縮小] を選択します。
    ターゲットの拡張子png と入力します。
    幅 (px)数値を入力します。この例では 1100 です。
    高さ (px)数値を入力します。この例では 1100 です。
    カラー プロファイル必要に応じて、ドロップダウン リストからカラー プロファイルを選択します。この例ではなしです
    色空間必要に応じて、ドロップダウン リストから新しい色空間を選択します。この例では、既定の sRGB を使用します。
    密度 (DPI)必要に応じて、ドロップダウン リストから新しい密度 (DPI) を選択します。この例では、既定の 72 を使用します。
    複数ページレンディション タスクは複数ページのレンディションではないため、チェックボックスをオンにしないでください。
    クリッピング パス写真編集ソフトウェアでクリッピング パスを作成するときに使用する名前を入力します。この例では OurNewClippingPath です。
  8. [出力] タブをクリックします。

  9. [出力の保存] スイッチを [アクティブ] にします。

  10. 出力の値を確認してください。

    出力
    出力名出力名はパラメーター名と同じです。この例では、ClippingPath です。
    プロパティ出力プロパティは、レンディションです。
    代替ファイルスイッチは、[アクティブ] に設定されています。
  11. [レンディション リンク] で、[新しいリンク] をクリックします。

  12. [ラベル] に、テキスト値を入力します。

  13. [保存] をクリックします。

  14. [タスクを保存] をクリックします。

  15. [ベクター] フローで、[保存] をクリックします。

  16. 変更が保存されたら、[閉じる] をクリックします。

  17. [コンテンツ] メディア処理セットに加えられた変更を公開するには、[公開] をクリックします。

Adobe Photoshop でクリッピング パスを作成する

この例では、Photoshop でクリッピング パスを作成しています。

注意

クリッピング フローの作成の詳細については、「How to create a clipping path in photoshop」(Photoshop でクリッピング パスを作成する方法) を参照してください。

  1. 以前に作成された、新しいタスクで使用される [クリッピング パス] のパラメーターと同じ名前を使用してクリッピング パスを作成します。

    この例では、「OurNewClippingPath」という名前です。

Photoshop で作成されたクリッピング パス
  1. 画像を TIFF として保存します。

    注意

    TIFF ファイルのクリッピング パスは、Adobe の機能です。

クリッピング パスをテストする

以前に作成したクリッピング パスをテストするには:

  1. 関連するクリッピング パスを含む画像をアセットとしてアップロードします。

    注意

    詳細については、「アップロード」を参照してください。

  2. アセットの名前をクリックして、その詳細ページに移動します。

  3. [レンディション] セクションで、以前に作成した ClippingPath レンディションを検索します。このレンディションは、表示される最おのレンディションであるはずです。

  4. レンディションをダウンロードして、適切な画像ビューアーで開きます。

    この例では、GNU Image Manipulation Program (GIMP) を使用しています。クリッピング パスは、背景が削除された状態で表示されます。

    gimp で開いた tiff のクリッピング パス

    元のレンディションを GIMP でダウンロードして開くと、クリッピング パスだけでなく、画像全体が表示されます。

    gimp.png で開いた tiff のクリッピング パスの元のレンディション

この記事を改善するための提案がある場合は、 お知らせください!