Adobe認定トレーニングセンター

Photoshop

二つの画像を自然に重ねる

使用ソフト: Photoshop CC 2018(CSでも可能)  

ライオンの画像とシマウマの画像。
レイヤーマスクを使い、二つを自然に重ね合わせて、一枚の画像を作りましょう。
左右に重ねた画像と、上下に重ねた画像の2種類を作ります。
まずは左右に重ねた画像から。

完成図1

スマートオブジェクトで画像の劣化を防ぐ

画像をどう配置しようか悩みながら、拡大縮小を繰り返していると、画像がどんどん劣化してしまいます。
まずは、元の画質を確保したまま変形できるスマートオブジェクトに変換しましょう。

メニュー スマートオブジェクトに変換

左右に並べた二つの画像を自然に重ねる

1.画像を配置

カンバスを作成して、ライオンの画像を右に、左にシマウマの画像を配置します。
レイヤーの重なりでライオンの画像が細く見えていますが、2つの画像の重なっている部分がカンバスの三分の一くらいあります。
この重なっている部分が無いと、自然になじみにくいです。

配置した画像

レイヤーパネルでみるとこんな重なりです。
レイヤーパネルで見た重なり

2.レイヤーマスクを追加

レイヤーパネルの下に「レイヤーマスクを追加」ボタンがあります。
レイヤーマスクを追加のボタン

3.レイヤーマスクをグラデーションで塗る

ポイント
マスクは黒は非表示。白は表示。

グラデーションツールを選択します。
グラデーションツール

白と黒の線形グラデーションを選択。
グラデーションの設定

レイヤーパネルのレイヤーマスクサムネールをクリックして選択してレイヤーマスクをグラデーションで塗ります。
レイヤーマスクサムネールをクリック

両方の画像を中央に向かって徐々に非表示になるように塗ります。
レイヤーマスクのグラデーション

完成

画像の切れ目が見えてしまわないように、レイヤーマスクのグラデーションを調節してください。
その際、レイヤーマスクサムネールを選択するのをお忘れなく。
完成図1

描画モードをつかって雰囲気を出す

同じ画像を使って、もう少し雰囲気を出してみましょう。
こんな感じの画像を作ります。
完成図2

1.画像を配置

今度は、シマウマをベースに、その上にライオンを配置します。
配置された画像

レイヤーマスクを追加

ライオンの画像にレイヤーマスクを追加します。
レイヤーマスクを追加のボタン

レイヤーマスクをグラデーションで塗る

同じグラデーションですが、今度は円形グラデーションを選択します。
円形グラデーションを選択

レイヤーマスクサムネールをクリック。
円の中心が白(表示される)なので、右上を中心にシマウマに向かって円形グラデーションで塗ります。
円形グラデーションの始点と終点

レイヤーパネルはこうなります。
レイヤーパネル
まだ少しライオンの画像の下の切れ目が見えますね(汗)
グラデーションを何度か調節します。
ライオンが徐々に透明になった画像

描画モードを変更

ライオンのレイヤーを選択して、レイヤーパネルの描画モードを「乗算」にします。
レイヤーパネル 描画モードを選択

乗算
各チャンネル内のカラー情報に基づき、基本色と合成色を乗算します。結果色は暗いカラーになります。どのカラーも、ブラックで乗算すると結果はブラックになります。どのカラーも、ホワイトで乗算した場合は変更されません。ブラックまたはホワイト以外のカラーでペイントしている場合、ペイントツールで繰り返しストロークを描くとカラーは徐々に暗くなります。この効果は、複数のマーカーペンで描画したような効果が得られます。(アドビ フォトショップマニュアルから引用

上に重なっている画像の色を、下の画像の色と重ねて暗くします。上の画像の色が濃いほど暗くなります。白色は変化なしです。
乗算以外にも色々な描画モードがあります。理屈がムズカシイですが、片っ端から試してみましょう。

完成

ライオンの画像に占める使いたい部分が大きいせいで、縁がなかなか隠せず、円形グラデーションの場所が少々難しかったです。
完成図2

まとめ

フォトショップのレイヤーマスクでグラデーションを使えば、自然に重ねあわせることができます。
描画モードでさらに雰囲気アップ。
幻想的な画像も作れそうです。
「マスクは黒が非表示、白が表示」が基本ですよ。

  • このエントリーをはてなブックマークに追加
hulu dTV

関連記事

  1. Photoshop

    Photoshopの描画機能を使いこなそう

    Photoshopのフィルター機能Photoshopにはたくさんの…

  2. Photoshop

    選んだ色から選択範囲を作ろう[色域指定]

    色域指定とは色域指定とは、画像の中の特定の色を指定して、選択範囲を…

  3. Photoshop

    画像を自然に引き伸ばそう

    コンテンツに応じて拡大・縮小とは?画像サイズが足りなくて、困ったこ…

  4. Photoshop

    新機能は使えるのか?アートボードの追加

    フォトショップでデザインやドキュメントを作成する作業を複数のアートボー…

  5. パペットワープで犬を笑顔にしてみる

    Photoshop

    犬を笑顔にしてみる

    動物はどんな表情をしていても可愛いですよね。でもニッコリした表情だ…

  6. Photoshop

    4つのマスクを使いこなそう!マスクの基本操作

    とても便利なマスクですが、実は4種類あることをご存知ですか?今回はその…

最近の記事

  1. 上付き文字や下付き文字を使おう
  1. Photoshop

    モザイクを入れよう!
  2. Illustrator

    地図をつくろう
  3. Illustrator

    ラフの効果で手書き風のイラストを作ってみよう
  4. Photoshop

    4つのマスクを使いこなそう!マスクの基本操作
  5. Illustrator

    矢印の違いって?
PAGE TOP