webデザイン

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

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

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

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

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

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

画像を重ねる

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

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

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

ピンライト統合

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

比較(明)

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

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

複製を切り取り

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

オーバーレイ

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

彩度を調整しぼかす

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

境界線をなじませる

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

合成

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

ピックアップ記事

  1. 柔軟な思考を大切にしたいクリエイター必読の5冊。私の頭をグニャングニャンに柔らか…
  2. フリーランスや起業家になる前にこれだけは理解しておきたい5つのマトリックス&チャ…
  3. 「ブロガーがこんなの読んだら反則レベルでしょっ、、」と思うくらい文章力が上がりそ…
  4. WordPressの使い方に迷ったらまずこの記事をチェック!すごく参考になる秀逸…
  5. WordPress日本語有料テーマの決定版っ!TCDシリーズのまとめ

関連記事

  1. webデザイン

    photoshopで普通のノイズを加えるだけじゃ満足できない人にはNoise Texture Gen…

    通常、画像にザラっとしたノイズを加える場合には ↓ のようにフィルター…

  2. フォトショップ

    印刷用データを入稿する際に「インキ総使用量を300%以下にしてください」ってマジかっ!?Photos…

    デザインが完成したぁっ~!!ってことで印刷業者さんへデータを送ったら「…

  3. フォトショップ

    photoshopで顔や肌のテカリをうまい具合に抑える方法。

    顔や肌のテカリを抑えるためにphotoshopのブラシなどで塗ったりし…

  4. webデザイン

    photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本語のチュートリアルで…

    ここではスリームデザインが実際に仕事をする際に使っているほぼ全ての技術…

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

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

最近の記事

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

思考系のおもろい記事

ブログラ
  1. コピーライティング

    「ブロガーがこんなの読んだら反則レベルでしょっ、、」と思うくらい文章力が上がりそ…
  2. SEO

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

    思わずクリックしてしまう画像でアクセスアップ!2番目に簡単なブログのアイキャッチ…
  4. 3分の話

    フリーランスや起業家になる前にこれだけは理解しておきたい5つのマトリックス&チャ…
  5. webデザイン

    「特訓Photoshopプロのテクニック教えます!」という本のWEB版を『無料』…
PAGE TOP