【本当は教えたくない!】
Photoshopで画像の一部を光らせる方法

  • 画像の一部を光らせる方法を知りたい
  • 使いたい画像が見つからない時に自分で加工して作れるようになりたい
  • 夜やライトアップのデザインに合った画像の加工方法を知りたい

こんな悩みを解決できる記事になっています!

この記事で紹介する「画像の一部を光らせる方法」を活用すれば、光っていないものを光らせたり、幻想的な雰囲気の画像編集ができるようになります。

記事前半では「光っていないものが光っているように見える加工方法」について、後半では「光らせる技術の加工例」について解説するので、ぜひ参考にしてみてください。

この記事を読み終えることで、光らせる技術を用いた画像編集や、雰囲気のあるデザイン作成が可能になります。

画像の一部を光らせる方法

早速、画像の一部を光らせる方法について解説していきます。ここでは、元々は光っていないものを光っているように見せる加工方法をご紹介します。

1. 光らせたい被写体を複製する

今回は下記画像のライト部分を光らせていきます。

使用画像

まずは光らせたい被写体を複製します。

  1. 被写体を[オブジェクト選択ツール]を用いて選択
  2. メニューバー内の[レイヤー]→[新規]→[選択範囲をコピーしたレイヤー]をクリックして選択範囲を複製
  3. 2回繰り返し、レイヤーを2枚分複製

この際、ショートカットキーの[command(windowsの場合はctrl)+J]を用いると複製の時間を短縮することができ便利です。オブジェクト選択ツールは、選択したい対象物と背景とのコントラスト差を検知することで被写体を自動選択する機能です。うまく選択できない場合は、他の選択ツールやなげなわツールなどを使ってみてください。

光らせたい被写体を複製する

2. 描画モードをスクリーンに変更する

コピーしたレイヤーの描画モードを変更していきます。

  • 一番上のレイヤー(画像内のレイヤー名「レイヤー1のコピー」)をクリックし、描画モードを[通常]→[スクリーン]に変更

描画モードをスクリーンにする方法

3. レイヤーを複製して描画モードをオーバーレイに変更する

  1. 手順2で描画モードを変更した一番上のレイヤーを[command(windowsの場合はctrl)+J]で複製
  2. 描画モードを[スクリーン]→[オーバーレイ]に変更
レイヤーを複製し描画モードをオーバーレイにする方法

4. スマートオブジェクトに変更する

  • 複製した3つのレイヤーを全て選択し、右クリック→[スマートオブジェクトに変換]でスマートオブジェクトに変換

メニューバーからでも、[レイヤー]→[スマートオブジェクト]→[スマートオブジェクトに変換]をクリックすることで変換できます。

スマートオブジェクトに変更する方法

5. レイヤースタイルを設定する

  1. スマートオブジェクトに変換したレイヤーを選択し[レイヤースタイルを追加]のアイコンをクリック
  2. [光彩(外側)]を選択し、レイヤースタイルを以下のように設定:ここで光らせたい色を設定する
レイヤースタイルの設定方法

白色を使う場合

先ほどの手順でも使用した白色は 明るさをきれいに出すことができます。ライトアップや電気のあかりなどに向いています。

白色を使用した光らせ方の比較

青色を使う場合

青色や水色を使用すると幻想的な雰囲気にすることができます。

青色を使用した光らせ方の比較

ピンクやグリーンを使う場合

ピンクやグリーンを使うとネオン感を出すことができます。

ピンクを使用して光らせる具体例

6. 複製をしてぼかす

  1. 手順05でレイヤースタイルを設定したレイヤーを[command(windowsの場合はctrl)+J]で複製
  2. 複製したレイヤーを選択し、メニューバーの[フィルター]→[ぼかし]→[ぼかし(ガウス)]をクリック
  3. ぼかし(ガウス)の設定画面で半径を500pixelに設定
複製をしてぼかす方法

7. 背景を暗くする

複製したレイヤーの設定後に、より光っているように見せるために背景を暗く加工していきます。

  1. 元画像のレイヤー(レイヤー名「レイヤー0」)をクリックし、アイコン[塗りつぶしまたは調整レイヤーを新規作成]→[カラールックアップ]→アイコン[調整レイヤー]→[3D LUTファイル]→[Moonlight.3DL]を選択
  2. アイコン[この色調補正は下のすべてのレイヤーに影響します(クリックするとレイヤーにクリップされます)]をクリック
背景を暗く加工する方法

8. ブラシツールで明るくする

最後にブラシツールを使い明るさを出していきます。

  1. カラールックアップのレイヤーを選択した状態で、[ブラシツール]をクリック
  2. ブラシツールの[ソフト円ブラシ]を選択し、直径を被写体を囲める程度の大きさ(今回は2500px)にし、色を黒色に設定
  3. 被写体上でクリックし、明るくする
ブラシツールで明るくする方法
  1. アイコン[レイヤー]をクリックしレイヤーを追加
  2. 被写体を明るくした後で、描画モードを[通常]→[ディザ合成]に変更し、不透明度を落として調整
  3. 完成!

今回は不透明度を3%にしています!

文章と併せて以下の動画を参考にしてみてください。

描画モードをディザ合成に変更する
ブラシツールを使用して光らせた比較

図形や線を光らせる方法

画像の一部を光らせる方法に加えて、図形や線を光らせる方法もご紹介します。

画像編集の際に組み合わせることで様々な表現ができるようになりますので、併せて方法を抑えておきましょう。

1. 図形を作成する

図形を光らせる方法は画像の一部を光らせる方法より簡単です。今回は線を作成します。

  1. ツールを用いて光らせたい図形もしくは線を作成
  2. 塗りを白色に設定

2. レイヤースタイルを設定し光らせる

  1. 作成した図形のレイヤーを選択しているのを確認し、[レイヤースタイルを追加]のアイコンをクリック
  2. [光彩(外側)]を選択し、レイヤースタイルを設定
  3. 完成!

雰囲気に合わせて数値を調整してくださいね。

レイヤーを設定し光らせる方法

3. 追加でレイヤースタイルを設定し境界線をぼかす

手順2だけでも光らせることはできますが、さらにレイヤースタイルを追加することで図形の境界線をぼかせます。

  1. [レイヤースタイルを追加]のアイコンをクリック
  2. [光彩(内側)]を選択
  3. 手順2と同じ色を設定し、描画モードを[乗算]にする

内側にも光彩ができることで、ふわっとした光になり、自然な仕上がりにできます。

光彩を使用して光らせる方法

画像の一部を光らせるおすすめの加工例3選

こちらでは、実際に画像の一部を光らせる技術を使った加工の例を紹介します。

デザインを作成する際の参考にしてみてくださいね。

1. ライトアップ

昼の写真を次のように、夜の灯りがともった写真に加工できます。

ライトアップの加工比較

2. 幻想的な雰囲気

一部を光らせたり、マスク機能を使い他の画像と組み合わせることで幻想的な雰囲気の写真にできます。

幻想的な雰囲気の加工比較

3. サイバーパンク風

SFや近未来感、テクノロジー感のあるデザインです。ネオンの光を入れることでサイバーパンク風に加工できます。

サイバーパンク風の加工比較

画像の一部を光らせる加工をする際の注意点

うまく使えればデザインのクオリティを大きくアップさせられるテクニックですが、光が不自然にならないように気をつけましょう。

光彩の範囲が広すぎたり、色味が合っていないと不自然になってしまう可能性があります。表現したい雰囲気に合わせて、光の加減を調整してみましょう。

まとめ

今回は、画像の一部を光らせる方法について解説しました。

ポイント

  • レイヤースタイルの「光彩(外側)」やぼかし機能を使うことで光っているように加工できる
  • カラールックアップ機能を使うと加工の幅が広がる
  • うまく活用するとデザインの幅が広がる
  • 不自然にならないように調整する

今回紹介したレタッチ技術には様々な活用方法があります。実際に手を動かすことで各項目がどのように変化するのかがわかってくるので、ぜひチャレンジしてみてください!

デザスタ誘導バナー
デザスタ誘導バナー