メインコンテンツにスキップ
すべてのコレクション無料の機能とツール影 (Kage)
背景が透明なオブジェクトに影を付ける
背景が透明なオブジェクトに影を付ける
C
対応者:Craig Wright
一週間前以上前にアップデートされました

前景オブジェクトに影をつけ、背景を透明にすることができることをご存知ですか?このタイプのデザインを作る最も簡単な方法は、白い背景があるときに影を追加し、編集が終わったら背景を消すことです。

Image of a lotion bottle. It has a shadow behind it but is on a transparent background.

iPhoneとiPadの場合

iPhoneやiPadで、オブジェクトに影をつけ、背景を透明にしたデザインを作成します:

(ビデオはiPhoneのPhotoroomを表示しています)

  1. 作成ページで、写真から開始を選択します。デザインに使用したい写真をブラウズして選択し、Photoroomにアップロードします。

    または、[Your Content]を選択し、作業する既存のデザインを選択することもできます。

  2. 新しい画像をアップロードした場合は、クラシックホワイトテンプレートを選択します。既存のデザインを編集する場合は、[背景]、[色] の順に選択し、白を選択します。

  3. 影を付けるオブジェクトを選択します。

  4. スライダを選択して影効果をオンにします。

  5. シャドウ設定を使用して、以下を設定します:

    1. 影の角度

    2. 影の強度

    3. 影のぼかしの

    4. 影の

    5. 影の位置 (移動を選択し、必要な位置に影をドラッグします)

    6. 影の長さ(短さを選択し、スライダーで長さを変更します。)

  6. オブジェクトレイヤーの完了を選択します。

  7. 背景を選択します。

  8. 消去を選択します。

  9. 背景レイヤーの完了を選択します。

  10. エクスポートを選択します。エクスポート設定を使用してデザインを保存し、共有します。デザインが.pngファイルとしてダウンロードされるように設定されていることを確認してください。オプションを選択し、ファイル形式としてpngを選択すると、.pngに変更できます。


アンドロイドの場合

アンドロイド端末で、オブジェクトに影をつけ、透明なデザインを作成します:

(ビデオはAndroid上でのPhotoroomを示しています)

  1. 作成ページで、写真から開始を選択します。デザインに使用したい写真をブラウズして選択し、Photoroomにアップロードします。

    または、Your Contentを選択し、作業する既存のデザインを選択することもできます。

  2. 新しい画像をアップロードした場合は、クラシックホワイトテンプレートを選択します。既存のデザインを編集する場合は、[背景]、[色] の順に選択し、白を選択します。

  3. 影を付けるオブジェクトを選択します。

  4. スライダを選択して、影エフェクトをオンにします。

  5. シャドウのプリセット位置、例えば「上2」や「コンタクト」のいずれかを選択します。

    カスタム を選択した場合、
    を設定してシャドウを編集することができます。

    1. 影の強度

    2. 影のぼかしの

    3. 影の

    4. 影の位置([移動]または [3D 移動]を選択し、必要な位置に影をドラッグします。

    5. 影の長さ(「短さ」を選択し、スライダを使って長さを変更します)

  6. オブジェクトレイヤーで完了を選択します。

  7. 背景を選択します。

  8. 消去を選択します。

  9. 背景レイヤーの完了を選択します。

  10. エクスポートを選択します。エクスポート設定を使用してデザインを保存し、共有します。デザインが.pngファイルとしてダウンロードされるように設定されていることを確認してください。オプションを選択し、ファイル形式としてpngを選択すると、.pngに変更できます。


ウェブアプリで

Webアプリ(デスクトップ)で、影のあるオブジェクトと透明なデザインを作成します:

(ビデオはWebアプリのPhotoroomを示しています)

  1. app.photoroom.com にログインします。

  2. 作成ページで、写真を選択します。デザインに使用する写真を参照し、それを選択して Photoroom にアップロードします。

    または、Designs を選択し、作業する既存のデザインを選択することもできます。

  3. 新しい画像をアップロードした場合は、クラシックホワイトテンプレートを選択します。既存のデザインを編集する場合は、[背景] を選択し、[色とセクション] で白を選択します。

  4. 影を付けるオブジェクトを選択します。

  5. スライダを選択して、影エフェクトをオンにします。

  6. 影の設定を使用して編集します:

    1. 影の強度

    2. 影のぼかしの

    3. 影の長さ(短さを選択し、スライダを使って長さを変更します。)

    4. 影の

    5. 影の位置移動]を選択し、影を左右上下に移動させたい場合は[2D]を選択します。また、影の遠近感を変えたい場合は3Dを選択します。

  7. 背景を選択します。

  8. 背景の設定で、消去を選択します。

  9. ダウンロードを選択します。ダウンロードファイルにファイル名を付け、形式を選択します(.png と .webp は透過背景をサポートします)。

  10. ダウンロードを選択してデザインを保存し、ブラウザにコピーをダウンロードします。

こちらの回答で解決しましたか?