webデザイン

フォトショップ初心者でもできる!プロ並みの画像合成で自然になじませる方法を解説。

フォトショップを使用して合成画像を作りたいと思っても、自然になじませることはなかなか難しいものです。 

フォトショップなどにあまり慣れていないと《キレイに合成させるためにはいかにキレイに切り取るか》そればかり考えてしまい、さまざまな切り取り方法を習得しようと試みたり技術追求ばかりに囚われしまいがちになります。

しかし、デザインする過程で合成技術が必要とされた場合においては自然になじむような合成ができればなにも切り取りにこだわる必要はありません。ここでは面倒な切り取り作業に時間をかけず、初心者でも簡単に、そして自然になじませるフォトショップの合成方法を解説します。

適当な切り取りで完成する自然な合成方法

レディッシュブラウンの背景に女性の画像をドラッグしてレイヤーを重ねる。

画像を重ねる

背景色に合成した際に統一感を出すため、あらかじめ女性の色味を整えておきます(※最終的に調整してもOK)。新規レイヤーを作り背景色に近い色で塗りつぶします。

レディッシュブラウン塗りつぶし

後ろから 背景 ≫ 女性 ≫  のレイヤー順になっており一番前面の色レイヤーの不透明度を20%程度に調整して描画モードを通常からピンライトに変え女性レイヤーと統合。

ピンライト統合

統合した女性レイヤーの描画モードを通常から比較(明)に変えると黒い部分が透けるように背景となじみます。切り取り無しでも合成は簡単にできてしまうことが分かります。

比較(明)

あとは印象の調整です。女性レイヤーを複製していったん描画モードを通常に戻します(わかりやすくするため)。選択ツールで境界線のぼかしを1px程度に設定して顔の輪郭に沿って切り取り範囲を選択します。

これは印象を加える作業なので神経質にキッチリキッチリ境界線に合わせる必要はありません(少し顔が削れてしまう程度でOK)、また選択したら選択範囲を反転させて顔以外の部分を切り取るのを忘れないように。

複製を切り取り

切り取った女性の顔部分の描画モードを通常からオーバーレイに変更するとグッと印象が強まりますが、この時点では彩度が高過ぎて浮いています。

オーバーレイ

そこで イメージ 》色調調整 》色相・彩度 で彩度を-60程度まで落とし、フィルターのガウスなどで少しぼかしを入れ、不透明度も60%程度に調整。

彩度を調整しぼかす

肩の部分の境界が気になるので選択ツールのぼかしを15px程度にしてざっくり切り取り。

境界線をなじませる

以上、慣れれば所要時間3分程度で自然になじませる合成画像は完成します。

合成

スリームデザインの無料メールマガジン

ピックアップ記事

  1. 「特訓Photoshopプロのテクニック教えます!」という本のWEB版を『無料』…
  2. photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本…
  3. フリーランスや起業家になる前にこれだけは理解しておきたい5つのマトリックス&チャ…
  4. 思わずクリックしてしまう画像でアクセスアップ!2番目に簡単なブログのアイキャッチ…
  5. 見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画の…

関連記事

  1. webデザイン

    3秒で解決!Photoshopでシェイプを作ると毎回点線がついてしまうときの対処法

    Photoshopでシェイプを作るとなぜか毎回点線がついてしまう・・…

  2. webデザイン

    photoshopで雰囲気のあるセピア調に仕上げるプロの技術。

    photoshopで写真をセピア調にするのはすごく簡単。 ⇒ phot…

  3. webデザイン

    初心者でも簡単!GIMPをダウンロードしてインストール方法。

    GIMP公式サイトへGOっ!【Download GIMP バージョン】…

Wordpress日本語テーマのまとめ
photoshop日本語チュートリアル

よく読まれている人気の記事

最近の記事

  1. 「特訓Photoshopプロのテクニック教えます!」という本…
  2. 「いつも締め切りに追われてしまう」そんな人がミッションを成し…
  3. Photoshop CCのメニュー文字やツールバーが異常に小…

思考系のおもろい記事

ブログラ
  1. キュレーション

    WordPress日本語有料テーマの決定版っ!TCDシリーズのまとめ
  2. キュレーション

    必読!安易に起業ブームに乗っかる前に…絶対に読んでおきたい【おすすめのビジネス書…
  3. SEO

    WordPressの使い方に迷ったらまずこの記事をチェック!すごく参考になる秀逸…
  4. webデザイン

    photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本…
  5. 3分の話

    柔軟な思考を大切にしたいクリエイター必読の5冊。私の頭をグニャングニャンに柔らか…
PAGE TOP