マーカーネット株式会社

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

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

関連記事

デザイナーの常識!? いいデザインと悪いデザインの見分け方 スマホサイト編

こんにちは、デザイナーのAです。 いいデザインと悪いデザインの見分け方 その(1) いいデザインと悪いデザインの見分け方 その(2) いいデザインと悪いデザインの見分け方 その(3) いいデザインと悪 …

【意外と知られていないIllustrator小技】たったの2STEPで画像をベクターに変換!

【意外と知られていないIllustrator小技】たったの2STEPで画像をベクターに変換!

WEBサイトのデザイン素材を紙媒体に使うとき、ベクターのデータがなくて困ったことありませんか? ペンツールでトレースするのも時間がかかるし、Photoshopでパスを作成したら境界がギザギザになってし …

【これから始めるWEB制作】adobe?フォトショ??イラレ???adobe製品の中身を解剖!~とりあえず覚えておきたい8ソフトの特徴その1~

【これから始めるWEB制作】adobe製品の中身を解剖!~とりあえず覚えておきたい8ソフトの特徴その2~

あけましておめでとうございます。 ひよっこWEB制作者のMです。 9連休、上京してから史上最長の帰省でしたが 実家にあたらしくやってきた家族(ワンちゃん、0歳)に ちゃんと覚えてもらえたことが嬉しかっ …

【Illustrator】基本図形で出来ちゃう!ハートマークの作り方

こんばんは、新人Aです。 今日は、Illustratorでハートを作る方法についてお話します! まぁ、素材サイトさんからデータをお借りしちゃえばそれで済む話なのですが… 理想の形が見当たらない!という …

Bamboo PadであなたのPCもタッチジェスチャーで意のままに!

Bamboo PadであなたのPCもタッチジェスチャーで意のままに!

PC使用時に画面上の画像などを拡大したい時、 思わず画面に親指と人差し指を添えて必死にズームしようとしたり、 スクロールしたい時に画面に指をスイッと滑らせたりして、 あ、これタッチできないんだ…とザン …