webデザイン

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

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

こちらの記事も参考にしてみてね! ⇒ これで完璧っ!5種類のphotoshop切り抜き方法を使い分けて輪郭線を背景になじませるクオリティの高い合成をマスターしよう。

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

しかし、デザインする過程で合成技術が必要とされた場合においては自然になじむような合成ができればなにも切り取りにこだわる必要はありません。

合成元画像

ここでは面倒な切り取り作業に時間をかけず、初心者でも簡単に、そして自然になじませるフォトショップの合成方法を解説します。

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

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

画像を重ねる

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

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

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

ピンライト統合

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

比較(明)

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

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

複製を切り取り

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

オーバーレイ

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

彩度を調整しぼかす

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

境界線をなじませる

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

合成

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

ピックアップ記事

  1. フリーランスや起業家になる前にこれだけは理解しておきたい5つのマトリックス&チャ…
  2. WordPressの使い方に迷ったらまずこの記事をチェック!すごく参考になる秀逸…
  3. photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本…
  4. 必読!安易に起業ブームに乗っかる前に…絶対に読んでおきたい【おすすめのビジネス書…
  5. 見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画の…

関連記事

  1. webデザイン

    Photoshopで自由に点線(直線・曲線・図形を囲む)を書きたいときの1番簡単な方法

    Photoshopで点線を書く方法はいくつかありますが、直線や曲線、図…

  2. webデザイン

    photoshopでまるで本物の油絵タッチに仕上げるためのフィルター&塗り方講座。

    photoshopで油絵タッチに仕上げるために、まず ↓ のように風景…

  3. webデザイン

    ヘッダーデザインの役割に応じた文章表現の考え方と構成方法。Photoshop編

    魅せる伝えるヘッダーデザインを作成する5つの工程の4番目、ここでは④ …

  4. webデザイン

    【デザイナー必見】パクリと言われないために類似画像検索で確認しておこう

    作品を創り出す際、クライアント用のデザインや自身のアートに限らず、その…

  5. webデザイン

    【保存版】Photoshopの技術を一気に飛躍させるための日本語で学べる実践テクニック7連発

    Photoshopの基本的な使い方の解説はたくさんありますが、デザイン…

  6. webデザイン

    最近、123RFとゆー画像素材のストックフォトがめちゃめちゃ安くてハンパない件。

    つい最近までは画像素材を使用する際にはもっぱらiStockとFotol…

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

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

最近の記事

  1. Photoshop CCのメニュー文字やツールバーが異常に小…
  2. 思わずクリックしてしまう画像でアクセスアップ!2番目に簡単な…
  3. 「コレがやりたかった!」GIFアニメ(動く画像)のPCモック…

思考系のおもろい記事

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

    WordPress日本語有料テーマの決定版っ!TCDシリーズのまとめ
  2. webデザイン

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

    フリーランスや起業家になる前にこれだけは理解しておきたい5つのマトリックス&チャ…
  4. キュレーション

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

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