メインコンテンツにスキップ

デザインに影をつける

C
対応者:Craig Wright
一週間前以上前にアップデートされました

デザインに影をつけると、よりリアルで面白く見えます。特にシンプルでミニマルな背景では、奥行き感を出すのに役立ちます。

Side-by-side images. Image 1 shows a chair on a white background. There is a shadow to one side of the chair. Image 2 shows a running shoe on a white background. There is a shadow below the shoe, creating the impression it is making contact with the ground.

Photoroomでは、影を追加する2つの方法があります:

  • レイヤーの影設定

  • AIシャドウ機能

レイヤーの設定で、影を追加し、その外観と位置を制御することができます。影をより細かくコントロールしたい場合におすすめです。今回はシャドウレイヤー設定の使い方を説明します。

AIシャドウ機能は、AIを使ってリアルな影を配置します。コントロールできる範囲は狭くなりますが、リアルな結果が得られます。詳しくは、デザインにAIシャドウを追加するをご覧ください。


iPhoneとiPadの場合

影を追加し、スタイルを設定します:

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

  1. コンテンツを選択します。

  2. 作業したいワークスペースを選択します。


    • 新しいデザイン]を選択し、画像をアップロードして新しいデザインを作成します。

    • 既存のデザインを選択してエディタで開きます。

  3. 影を付けるレイヤーを選択します。

  4. レイヤーの設定で、シャドウをオンにします。

  5. シャドウバーのスイッチ以外の部分を選択し、シャドウの設定を表示します。

  6. 影の形と位置を以下のオプションから選びます:

    • トップ1

    • 上 2

    • ロング 1

    • ロング 2

    • コンタクト

  7. オプション] 影をさらに変更するには、[カスタム] を選択します。Photoroom は前のステップで設定した形と位置を記憶し、さらにいくつかのオプションを提供します:

    • 強度

      スライダーを使って影の強さを調節します。数値が低いほど影は小さく薄くなり、数値が高いほど影は大きく強くなります。

    • 半径
      影の鋭さをコントロールするのに使用します。数値が低いほどシャープな影になり、数値が高いほどソフトでぼやけた影になります。


    • カラーピッカーを使用して影の色を設定します。

    • 短さ
      スライダーを使用して、シャドウの長さを調節します (Move 3Dを使用してシャドウを歪めた場合にのみ適用されます)。値が低いほど影は短くなり、値が高いほど影は長くなります。

    • 2D を移動

      シャドウを上下左右に移動します。

    • Move 3D
      影のパースペクティブを変更するのに使用します。

  8. カスタムシャドウ設定を終了するには、完了を選択します。

  9. レイヤー設定を終了するには、完了を選択します。

  10. [オプション]エクスポートを選択して、デザインを画像ファイルとして保存します。エクスポート設定を使用して、他の人とデザインを共有することもできます。

  11. Xを選択してデザインを保存し、エディタを終了します。


アンドロイドの場合

デザイン内のオブジェクトに影を追加し、スタイルを設定します:

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

  1. コンテンツを選択します。

  2. 作業するワークスペースを選択します。


    • 新しいデザイン]を選択し、画像をアップロードして新しいデザインを作成します。

    • 既存のデザインを選択し、エディタで開きます。

  3. 影を付けるレイヤーを選択します。

  4. レイヤーの設定で、シャドウをオンにします。

  5. シャドウバーのスイッチ以外の部分を選択し、シャドウの設定を表示します。

  6. 影の形と位置を以下のオプションから選びます:

    • トップ1

    • 上 2

    • ロング 1

    • ロング 2

    • コンタクト

  7. オプション] 影をさらに変更するには、[カスタム] を選択します。Photoroom は前のステップで設定した形と位置を記憶し、さらにいくつかのオプションを提供します:

    • 強度

      スライダーを使って影の強さを調節します。数値が低いほど影は小さく薄くなり、数値が高いほど影は大きく強くなります。

    • ぼかし
      影の鋭さをコントロールします。数値が低いほどシャープな影になり、数値が高いほどソフトでぼやけた影になります。


    • カラーピッカーを使用して、影の色を設定します。

    • 短さ
      スライダーを使用して、シャドウの長さを調節します (Move 3Dを使用してシャドウを歪めた場合にのみ適用されます)。値が低いほど影は短くなり、値が高いほど影は長くなります。

    • 2D を移動

      シャドウを上下左右に移動します。

    • Move 3D
      影のパースペクティブを変更するのに使用します。

  8. カスタムシャドウ設定を終了するには、完了を選択します。

  9. レイヤー設定を終了するには、完了を選択します。

  10. [オプション]エクスポートを選択して、デザインを画像ファイルとして保存します。エクスポート設定を使用して、デザインを他の人と共有することもできます。

  11. 戻る矢印を選択してデザインを保存し、エディタを終了します。


ウェブアプリの場合

影を追加してスタイルを設定するには

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

  2. 作業するワークスペースを選択します。

  3. どちらかを選択します:

    • 新規作成]を選択し、画像をアップロードして新しいデザインを作成します。

    • 既存のデザインを選択し、エディタで開きます。

  4. 影を付けるレイヤーを選択します。

  5. レイヤーの設定で、影をオンにします。

  6. 以下のオプションを使用して影を編集します:

    • 強さ

      スライダを使って、影の強さをコントロールします。数値が低いほど影は小さく薄くなり、数値が高いほど影は大きく強くなります。

    • ぼかし
      影の鋭さをコントロールします。数値が低いほどシャープなシャドウになり、数値が高いほどソフトでぼやけたシャドウになります。

    • 短さ
      スライダーを使用して影の長さを調節します(Move 3Dを使用して影を歪めた場合のみ適用されます)。値が低いほど影は短くなり、値が高いほど影は長くなります。


    • カラーピッカーを使用して、影の色を設定します。

    • 移動

      影を移動します。2D または 3D を選択し、影を新しい位置にドラッグします。移動中に誤ってレイヤーを選択してしまった場合は、キャンバスの外側のグレーの領域をクリックして、そこでドラッグ・アクションを実行してみて下さい。

      使用します:

      • 2Dで影を上下左右に移動。

      • 3Dで影の遠近感を変える(傾ける)。

  7. [オプション]ダウンロードを選択して、デザインを画像ファイルとしてダウンロードします。ファイル名を入力し、ファイルタイプを選択して、ダウンロードを選択します。

  8. ホームを選択してデザインを保存し、エディタを終了します。

    home icon has a house symbol



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