• 2019年8月9日

Photoshop light bulb and Sea / 電球と海

Photoshop light bulb and Sea / 電球と海

Photoshop light bulb and Sea / 電球と海 700 433 パソコン生活サポート Pasonal

今回はめちゃくちゃ久しぶりの更新となります。しばらくHP制作の方が忙しくなかなか更新できませんでした。最近ではPhotoshopよりもAdobe XDの方が知識とテクニックが向上し、スムーズに作業しているぐらいです。

Photoshopも使ってはいるのですが、アーティスティックなコンポジット（合成）などは時間の制約もあって、手を付けていませんでした。なので、久しぶりに簡単にできる夏らしいコンポジットを作ってみたいと思います。

さて、今回は「Photoshop light bulb and Sea / 電球と海」のチュートリアルを解説したいと思います。

 

開発環境

OS  Windows 10 64bit
バージョン  Photoshop CC 2019
作成時間  約15～20分程度
ステップ数  11ステップ
テクニックのポイント 切り取り / Camera RAW

 

難易度

ブロンズメダル

今回は、初級者レベル以上が対象となります。

 

ダウンロード素材

※リンク先サイトの規約に従いお使いください。
※海の画像は、リンクをクリック後、右クリック ＞ 画像をダウンロードからダウンロードしてください。

 

今回の完成図

電球バルブの中に小さな海と小魚たちを合成したコンポジットです。

ほんのちょっとした風景ですが、なかなか見た目にも楽しいフォトアートになっていると思います。複雑な操作などは必要なく、基礎的な操作のみで作成できる点も強みです。

夏らしくて丁度良いのではないでしょうか。

Photoshopのテクニックを磨きたい人はぜひ挑戦してみましょう！

完成

 

Photoshop light bulb and Sea / 電球と海

【ステップ１】電球の配置

キャンバスを任意の大きさで作成します。ここでは「1920 × 1200」でキャンバスを作成しています。

電球の画像を下記のように配置します。（大きさを調整し、電球がやや斜めになるように傾けます）

 

【ステップ２】レイヤーを結合し、新たに複製する

電球のレイヤーに「レイヤーマスク」を設定し、黒いハードブラシ（硬さ：100%）のブラシで電球の中身の部分を丁寧に消していきます。

下記のように、電球の外枠と下のバルブだけを残しましょう。

※若干バルブの部分に中身の一部分が残りますが、出来る限り丁寧に消すことが大切です。

中身を消す

 

【ステップ３】海の画像を配置

次は海の画像を下記のように配置します。

このレイヤーの不透明度を50%ほどに落とすことで、背景の電球が透けて見えるため、作業がしやすくなります。

※この不透明度はあとで元に戻します。

海の配置

 

【ステップ４】海の一部を切り取る

ペンツールを使って、海の一部を切り取ります。

下側は電球の内側のラインに沿って、上側は適当にペンツールで囲います。ペンツールで囲ったら、右クリック　＞　範囲選択に切り替えて、レイヤーマスクを適用させます。

海の一部を切り取る

 

【ステップ５】ワープさせる

ステップ４で作成した切り取った海を別レイヤーに移動させます。（海のレイヤーマスクをCtrlを押しながらクリックし、Ctrl + Jで別レイヤーに移動）

別レイヤーに移動させたら、レイヤーを右クリック　＞　スマートオブジェクトに変換し、Ctrl + T で変形状態にします。さらに、右クリック　＞　ワープ を選択して、下記のように、海をグニャっと変形させます。

海の上の部分が気になる場合は、一度レイヤーをラスタライズさせて、消しゴムツールなどで削り、微調整を行ってください。

ワープさせる

 

【ステップ６】魚を切り取って配置する

魚の画像をキャンパス上に配置し、ペンツールなどで丁寧に切り取ります。

さらに、魚のレイヤーにレイヤーマスクを設定し、魚のお腹の部分（水中につかっている部分）を、ぼけブラシ（不透明度：30～40％ほど）でやや透けさせるように隠します。

このように魚の体の一部の不透明度を落とすことで、海と馴染むような感じになり、よりリアリティーを向上させることができます。

魚を切り取って配置する

 

【ステップ７】全体のコピーレイヤーを作成する

今度は全体のコピーレイヤー（Ctrl + Alt + Shift + E）を作成し、電球の外周に沿ってペンツールで範囲選択を作ります。範囲選択にしたら、別レイヤーに複製しておきましょう。

下記のレイヤーを参考にしてください。

全体のコピーレイヤーを作成する

 

【ステップ８】垂直方向に反転させる

ステップ７で作成したコピーレイヤーを「Ctrl + T」で変形モードにして、右クリック　＞　垂直方向に反転 で下記のようにリフレクションを作ります。

垂直方向に反転させる

 

【ステップ９】リフレクションの不透明度を落とす＆シャドウ

リフレクションしたレイヤーの不透明度を20%ほどに落とし、別レイヤーで影を作成します。影は単純に、ぼけブラシ（硬さ：0％）でキャンバス上に円形で描画してから、変形ツールを作って、真横に引き延ばし、電球の下部に配置しました。

リアルな影にしても良いのですが、今回は作業短縮のために、簡単な影でOKです。

垂直方向に反転させる

 

【ステップ１０】Camera RAWの適用

最後の仕上げに、全体のコピーレイヤー（Ctrl + Alt + Shift + E）を最上部に作成し、スマートオブジェクトに変換しておきます。さらに、Photoshop上部メニュー「フィルター ＞ Camera RAW」を選択し、Camera RAWを下記の値で設定します。

Camera RAWの適用

 

【仕上げ】レンズフィルターの適用

最後の仕上げとして、レンズフィルター「フィルター寒色系（LBB）20%」を適用します。しかし、このままだと、全体が青くなり過ぎてしまうため、レイヤーマスクで、水以外の不要な部分を隠していきます。

下記のレイヤーマスクを参考にしてください。

レンズフィルターの適用

 

【完成】It’s done！

これで全ての作業が完成しました。下記のように、ちょっとした面白いアートワークが完成しました。

完成

 

Photoshop light bulb and Sea / 電球と海の手順

今回チュートリアルの手順です。

  1. 【ステップ１】電球の配置
  2. 【ステップ２】レイヤーを結合し、新たに複製する
  3. 【ステップ３】海の画像を配置
  4. 【ステップ４】海の一部を切り取る
  5. 【ステップ５】ワープさせる
  6. 【ステップ６】魚を切り取って配置する
  7. 【ステップ７】全体のコピーレイヤーを作成する
  8. 【ステップ８】垂直方向に反転させる
  9. 【ステップ９】リフレクションの不透明度を落とす＆シャドウ
  10. 【ステップ１０】Camera RAWの適用
  11. 【仕上げ】レンズフィルターの適用

さて、今回のコンポジットはどうだったでしょうか？

そこまで複雑な操作は必要ないため、基本的なテクニックの組み合わせだけで今回のアートを作ることができます。丁度今はの時期は猛暑なので、水がタプタプ入った電球も涼しさを感じられて良いのではないでしょうか。

次は氷のコンポジットでも作ってみようかな…。

取り急ぎ、今日はここまで。

 

Photoshopのテクニックをもっと身につけよう！