PSチュートリアル クリエイティブなフルーツカップ

約20分で読めます

ホーム/ PS学習チュートリアル/ PSチュートリアル クリエイティブなフルーツカップ

オレンジをカップの中に入れるコツは、選択範囲とマスクにあります。オレンジをカップに入れる層、持ち手に乗る層、カットしたオレンジの層に分けて作り、遠近法の変形とトーンカーブで光を合わせます。オンラインPS での合成は、レイヤーの関係を練習するようなものです。

1. オンラインPS を開く → 新規カンバス&色の塗りつぶし

  1. オンラインPS(zaixianps.cc) を開きます
  2. Ctrl+N → 幅 1200 px、高さ 1800 px、解像度 300 dpi、背景を透明に設定し、Create をクリックします。
  3. レイヤーパネル下部で「新規塗りつぶしまたは調整レイヤー」→「ベタ塗り」をクリックし、淡い黄色 #FFF8E1 を選びます(カップの暖かい下地になります)。「現在のレイヤーのみ」にチェックを入れます。
  4. カップ素材(PNG または PSD)をカンバスにドラッグし、Ctrl+T → Shift を押して比率を保ち、カンバスの中央に配置します。

💡 コツ:カップ素材が用意できないときは、Freepik で「glass cup png」を検索し、ライセンスフリーの PNG をダウンロードしましょう。

2. オレンジをカップに入れる(選択範囲+マスク)

  1. 新規レイヤーを作成し(Ctrl+Shift+N)、「オレンジ‑胴」と名前を付けます。
  2. 長方形/楕円選択ツール(M)で、カップの中でオレンジが占める範囲(高さの約 70%)を描き、右クリック → ぼかし 5 px で縁を柔らかくします。
  3. オレンジ素材(丸ごとのオレンジ PNG)をそのレイヤーにドラッグし、Ctrl+T → 選択範囲をちょうど埋める大きさに調整します。
  4. 「オレンジ‑胴」レイヤーを右クリック → レイヤーマスクを追加。マスクは選択範囲をすでに覆っていますが、塗りが足りない場合はマスク上でブラシ(B)/柔らかい円形/不透明度 30% で軽くなぞり、オレンジをカップの壁に自然になじませます。

🖌️ ブラシのショートカット:B → Alt で描画色/背景色を切り替えられます。

3. 持ち手のオレンジ(同じ要領)

  1. 新規レイヤー → 「オレンジ‑持ち手」。
  2. なげなわツール(L)でカップの持ち手の位置に選択範囲を描き、ぼかし 3 px。
  3. オレンジ素材をもう一度ドラッグし、Ctrl+T で調整して自然なカーブを保ちます。
  4. 「オレンジ‑持ち手」レイヤーにマスクを追加し、柔らかい円形ブラシ(不透明度 20%)でマスクを軽くなぞり、持ち手の形にグラデーション的になじませます。

🔍 持ち手のカーブが不自然なときは、編集 → 変形(Ctrl+T → Warp)で微調整します。

4. カットしたオレンジ(遠近法+マスク)

  1. 新規レイヤー → 「スライスオレンジ」。すでにカットされたオレンジの PNG をドラッグします。
  2. そのレイヤーを選び、Ctrl+T → 右クリック → 遠近法(Perspective)。左上と右上の角を引いて、オレンジの底がカップの口の視線と合うようにします(約 30° の遠近)。
  3. Enter で確定したら、レイヤーにマスクを追加します。
  4. マスク上で柔らかい円形ブラシ(不透明度 35%)を使い、オレンジの下縁に沿ってなぞり、露出した果肉をカップの口に自然に重ねます。

⚙️ 遠近法のショートカット:Ctrl+T → 表示された変形枠の中で右クリック → 遠近法。

5. フタのオレンジ&その他の飾り

  1. 新規レイヤー → 「フタのオレンジ」。丸ごとのオレンジ画像をドラッグします。
  2. Ctrl+T → 適度に縮小(Scale)し、カップの口の上だけを覆うようにします。
  3. マスクを追加し、柔らかい円形ブラシ(不透明度 20%)で下縁を淡くして、オレンジがフタの一部のように見えるようにします。
  4. さらにレイヤーを追加し、葉、ミント、粉砂糖などの飾り素材を配置して、Ctrl+T で位置と大きさを調整します。
  5. 飾り素材ごとに個別にマスクを追加し、ブラシで覆う範囲を微調整して、カップやオレンジの表面に自然に置きます。

🟢 飾りを合わせるときは、表示 → グリッド(Ctrl+')を参考にすると便利です。

6‑20 ディテール処理:トーンカーブ、影、色

以下の各手順は、「トーンカーブ」調整レイヤー+マスクの組み合わせで部分的な明暗をコントロールし、色相・彩度、描画モードなどを併用して細部を仕上げていきます。

  1. 背景を明るく&グラデーション
    • トーンカーブを新規作成 → RGB を選び、左下を軽くクリックして暗部を持ち上げ、右上を軽くクリックして明部を下げ、背景をほんのり光らせます。
    • そのカーブレイヤーのマスクで塗りを反転(Ctrl+I)し、柔らかい円形ブラシ(不透明度 15%)でカンバスの周囲にグラデーションの光を描きます。
  2. 影(下部)
    • さらにトーンカーブを新規作成 → カーブ全体を下へ曲げて(暗部を暗く)影の濃さを作ります。
    • そのレイヤーのマスク上で柔らかい円形ブラシ(不透明度 30%)を使い、カップの下に楕円形の影を描きます。形はフィルター → ガウスぼかしで柔らかさを調整できます。
  3. オレンジスライスの影
    • 「スライスオレンジ」レイヤー用にトーンカーブを新規作成 → 中間調を少し暗くして、内側がくぼんだ感じを出します。
    • マスクを Ctrl+I で反転したら、ブラシ(不透明度 30%)でオレンジの下縁を軽くなぞり、カップの口に微妙な影を作ります。
  4. 飾りの影を深くする
    • 飾りの各レイヤー(葉、粉砂糖など)それぞれにトーンカーブを新規作成し、左側のポイントを少し上へ動かして暗部を持ち上げ、影を作ります。
    • もっと強い影が必要なら、カーブレイヤーを右クリック → 描画モード → 乗算(Multiply)。
  5. 持ち手の明暗処理
    • トーンカーブを新規作成 → 持ち手の左側を少し明るく、右側を暗くして、光源が左上にあるように見せます。
    • マスクを反転したら、柔らかい円形ブラシ(不透明度 10%)で持ち手の下に影を描きます。
  6. カップ全体の明暗コントラスト
    • 「カップ‑全体」レイヤーの上にさらにトーンカーブを作成し、RGB チャンネルで全体に緩い S 字の調整を加えてコントラストを上げ、マスク上のブラシでカップ側面の明るい部分を強調します。
  7. カットしたオレンジを明るく
    • 「スライスオレンジ」用にトーンカーブを新規作成 → 中間調を約 10% 持ち上げ、スライス内部のフレッシュな感じを戻します。
  8. フタの影
    • 「フタのオレンジ」レイヤーの上にトーンカーブを新規作成 → 右側を軽く暗くして、光源が左上であることを表現します。
  9. 胴・持ち手・フタの相互の影
    • 「カップ胴」レイヤーの上にトーンカーブを新規作成 → 持ち手の右側の暗部を少し持ち上げ、「フタが胴に落とす影」を作ります。
  10. 色の混合:影の色味を変える
    • 通常レイヤーを新規作成し、描画モードを「カラー」にします。
    • 柔らかい円形ブラシ(暗いオレンジ #C68E50)で、フタの下の影を軽くなぞり、影にオレンジの暖かみを加えて立体感を高めます。
  11. 持ち手の影を細かく調整
    • 「オレンジ‑持ち手」の上にトーンカーブを追加 → 右側の暗部を少し暗くします。
    • マスク上でブラシ(不透明度 20%)を使い、持ち手の付け根の影を強調します。
  12. 葉の影と色相の調整
    • 葉のレイヤー → トーンカーブ:左下を軽くクリックして暗部を持ち上げ、右上で明部を少し持ち上げます。
    • 続いて「色相・彩度」(Ctrl+U)を新規作成し、「葉」チャンネルの色相を緑方向へ少し(+10)ずらし、彩度を 5% 下げて自然に見せます。
    • さらにカラーモードの通常レイヤーを新規作成し、暗い緑 #557A3C で葉の根元を軽くなぞって、接触部分の影を作ります。
  13. オレンジの房の暗部処理
    • 「オレンジ‑胴」レイヤーの房の部分(選択範囲 → 色域指定でオレンジを選ぶと便利)用にトーンカーブを新規作成 → 左側の暗部を下げて、光による影を作ります。
  14. 飾り素材の明暗関係
    • すべての飾りレイヤー(キャンディ、星、プラスチックのフォークなど)それぞれにトーンカーブを追加します。数値の例(下図参照):
      カーブ点 1: (0, 0)
      カーブ点 2: (70, 65)   // 中間調を少し持ち上げる
      カーブ点 3: (255, 240) // 明部を少し下げる
                              
  15. レイヤーの整理&色調の統一
    • 関連するレイヤーをすべて選択 → 右クリック → グループ(Ctrl+G)でまとめ、「フルーツカップ」と名前を付けます。
    • そのグループの上に「色相・彩度」調整レイヤーを新規作成し、全体の色相を少し暖色寄り(+5)に、彩度を 8% 上げます。
    • さらに「特定色域の選択」(調整 → 特定色域の選択)を新規作成し、赤と黄色に細かな補光を加えて、オレンジをより鮮やかにします。

💎 コツのまとめ:

  • トーンカーブレイヤーのマスクは、「反転して塗りつぶし+柔らかい円形ブラシ」で局所的な明暗をコントロールするのがおすすめです。
  • Ctrl+T → 変形(Warp)の操作が終わったら、必ず Enter で確定してください。そうしないとマスクが効きません。
  • もっと柔らかい影がほしいときは、カーブレイヤーに「ガウスぼかし」を加えます(フィルター → ぼかし → ガウスぼかし、半径 5‑8px)。

完成!書き出しと共有

  1. すべてのレイヤーが表示されているか確認し、調整レイヤーのマスクの枠線は非表示にします(結果には影響しません)。
  2. ファイル → 書き出し → PNG(Ctrl+Shift+Alt+S)。透明背景を残しておくと、後で合成し直すときに便利です。
  3. SNS に投稿するなら、ファイル → 書き出し → JPEG または PNG で書き出します。

参考資料