webデザイン

境界線が複雑な模様やイラストを切り取りせずに合成する裏ワザ的フォトショップ【CS6】技術

フォトショップで画像を合成させるためには、さまざまな切り取り方法があるので最適な方法を試すことができます。

合わせて読みたい関連記事:フォトショップ初心者でもできる!プロ並みの画像合成で自然になじませる方法を解説。

合成元画像

しかし輪郭線が複雑な模様や形状をしたものの場合、自動選択ツールで一発切り取りすると細かい部分がカスカスになってしまったりしてなかなか思い通りに切り取ることができなかったりします。

画像を重ねる

そんな時はレイヤーマスクという機能を使って切り取りを回避しちゃおう。

レイヤーマスクの使い方

まず、はじめに模様の画像を複製します。

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

さらに元の模様画像の背景を複製して、複製したレイヤーにマスクを付けます(右下の日本国旗みたいのを押す)。

ピンライト統合

マスク部分にカーソルを合わせAltを押しながらクリックすると画像がマスク部分(現状は白)に切り替わります。

比較(明)

初めに複製した画像を選択範囲 》すべて選択をして元画像のマスク部分にドラッグして放り込みます。

複製を切り取り

すると元の状態に戻ったようになりますが、レイヤーを確認すると白だったマスク部分に模様が入ったことが確認できます。

オーバーレイ

そのマスク部分の模様をイメージ 》色調補正 》階調の反転すると模様以外の部分が見事に透けました。

彩度を調整しぼかす

模様の黒い部分も若干透けていますがこれは元画像が完全な黒では無かったということ、必要に応じてそのレイヤーを複製し色を濃くして統合すればOK。

境界線をなじませる

合成したい画像を開き、そこに作成した模様レイヤーをドラッグしてサイズを調整。

合成

これでグラデーションやドロップシャドウといった効果を付けることが可能になります。

合成

ゴールドちっくに見せるためディティールを加えて完成です!

合成

関連記事:金色(ゴールド)の文字を表現してクオリティの高いロゴを作る方法

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

ピックアップ記事

  1. 見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画の…
  2. 思わずクリックしてしまう画像でアクセスアップ!2番目に簡単なブログのアイキャッチ…
  3. 「ブロガーがこんなの読んだら反則レベルでしょっ、、」と思うくらい文章力が上がりそ…
  4. WordPress日本語有料テーマの決定版っ!TCDシリーズのまとめ
  5. 柔軟な思考を大切にしたいクリエイター必読の5冊。私の頭をグニャングニャンに柔らか…

関連記事

  1. webデザイン

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

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

  2. webデザイン

    photoshopスゴ過ぎだろっ!美女の正体は逆再生すると実はピザだった的な話題があったけど・・

    今更ではありますが、「美女の正体は実はピザでした」ってことで話題になっ…

  3. webデザイン

    ヘッダーデザインの配色がチグハグになってしまうなら色彩を統一しよう。Photoshop編

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

  4. webデザイン

    ブロガー必見!パソコン画面のはめ込み画像がわずか10秒で作れるMockDropが便利すぎた。

    ブログを書いているとパソコン画面の"はめ込み画像"を作りたい場合があり…

  5. webデザイン

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

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

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

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

最近の記事

  1. 「いつも締め切りに追われてしまう」そんな人がミッションを成し…
  2. Photoshop CCのメニュー文字やツールバーが異常に小…
  3. 思わずクリックしてしまう画像でアクセスアップ!2番目に簡単な…

思考系のおもろい記事

ブログラ
  1. SEO

    WordPressの使い方に迷ったらまずこの記事をチェック!すごく参考になる秀逸…
  2. フォトショップ

    見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画の…
  3. webデザイン

    photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本…
  4. キュレーション

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

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