webデザイン

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

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

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

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

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

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

画像を重ねる

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

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

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

ピンライト統合

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

比較(明)

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

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

複製を切り取り

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

オーバーレイ

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

彩度を調整しぼかす

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

境界線をなじませる

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

合成

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

ピックアップ記事

  1. 「ブロガーがこんなの読んだら反則レベルでしょっ、、」と思うくらい文章力が上がりそ…
  2. 思わずクリックしてしまう画像でアクセスアップ!2番目に簡単なブログのアイキャッチ…
  3. 「特訓Photoshopプロのテクニック教えます!」のWEB版を『無料』で一般公…
  4. フリーランスや起業家になる前にこれだけは理解しておきたい5つのマトリックス&チャ…
  5. 見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画の…

関連記事

  1. webデザイン

    photoshopで結露のしたたる曇りガラスに指で文字を書いたような表現をするチュートリアル

    雨上がり、車の窓から外を眺めているような表現をするために、photos…

  2. webデザイン

    photoshopでまるで手書きの水彩画のように仕上げるためのフィルター活用講座。

    photoshopで水彩画風に仕上げるために、まず ↓ のように風景写…

  3. フォトショップ

    色彩のセオリーを理解してphotoshopでポスターを配色するためのコツ

    ベース・メイン・アクセントの配色を身につける背後にいる男性の彩…

  4. webデザイン

    ひと味違うHDR風のディティールを表現する所要時間3分のフォトショップ技術

    HDRとはハイダイナミックレンジの略で最近ではiphoneカメラにも搭…

  5. webデザイン

    photoshopで立体を回転させるのはめちゃめちゃ簡単だった、、垂直方向が1分で完成!

    以前、こちらの記事で ⇒ これで解決っ!photoshopで壁から浮き…

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

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

最近の記事

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

思考系のおもろい記事

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

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

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

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

    思わずクリックしてしまう画像でアクセスアップ!2番目に簡単なブログのアイキャッチ…
  5. webデザイン

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