マーカーネット株式会社

WEB制作ブログ WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。

WEBデザイン WEB制作

困った時のPHOTOSOHP。 写真に逆光を入れる方法。

投稿日:2014年11月7日 更新日:

こんにちは。web制作初心者のKです。

まだまだ修行中の身であるため、「テクニックをご紹介!」なんて、
大変おこがましいのですが、
お仕事をしていて、「もう少し写真に力強さが欲しいな~」なんて時に
私がよく使うPHOTOSOHPの「逆光のテクニック」を今日はご紹介したいと思います。

[STEP1]  用意した画像の上に黒ベタのレイヤーを作る

0 1

[STEP2]  逆光を適用
光の種類容量などを大まかに決める
2

[STEP3]  レイヤーに【覆い焼き(リニア)】を適用する
全体の光のイメージを確認

3-01

[STEP4]  周りを消す
逆光を移動した時に、逆光フィルタのかかってないところの境界線がわからないよう消します。
(マスクでもOK)
4

[STEP5]  光を任意の場所に移動
光の大きさ・適用量・ぼかし具合・必要であればベースの写真の色調を補正し、
逆光をなじませて出来上がり!!
(小さい光源を後から拡大しすぎると画質が悪くなるので注意が必要です。)
PAK74_ahirucyansusumu見本

 

いかがでしょうか?

暗い気持ちだったあひるが、前向き!?になりました。

その他、建物や人物など様々なシチュエーションに使えます。

6

逆光を入れると、奥行が出たり、写真に温度が加わったり、
希望や、前向きなイメージになりやすいように思います。

画像レイヤーに直接【フィルタ】→【描画】→【逆光】もできますが、
逆光を移動できた方が、画面上に文字を乗せることになった時など、
汎用性が高いのでオススメです。

「もう少し臨場感出したいな~」なんて時に、
ぜひお試しください。

-WEBデザイン, WEB制作

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

レスポンシブにも対応!③ フリックスライダーを作成してみました。

レスポンシブにも対応!③ フリックスライダーを作成してみました。

今回はレスポンシブに対応できるスライドショーを作成してみたいと思います。 ただ、レスポンシブに対応しているだけでなく、 スマホに便利なフリックも可能なものをご紹介致します。 前回までの関連記事です。 …

手作り感溢れる癒しのWEBデザイン

手作り感溢れる癒しのWEBデザイン

フラットデザインやシンプル系、クール系のデザインとは違った手作り感溢れるデザインは気持ちが伝わりほっこりさせてくれます。 トレンドのデザインは進んでゆきますが、手作り系のデザインは今も昔もずっと残って …

ごろごろしながらウェブネタ探し

皆さん! こんばんは!! 株式会社マーカーネットでwebデザインを修行をしている新人デザイナーKです。 普段、皆さんはデザインを作るとき、どこからデザインのネタを探しているんですか? 私は場合は、そう …

モバイルフレンドリーでいたい!~素敵サイトレスポンシブの旅~

みなさん、こんにちは! web初心者のKです! この度、googleがモバイルフレンドリーな webサイトのランクを上げるアルゴリズムの変更を発表しましたね! http://www.itmedia.c …

制作部隊に仕事を依頼するときに最低限必要な5つのこと。

制作部隊に仕事を依頼するときに最低限必要な5つのこと。 こんにちは。WEBデザイナーのKです。 本日はWEBデザイナーやプログラマーなど制作関係の方に、仕事を依頼するときに、 最低限抑えておかなければ …