マーカーネット株式会社

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

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

関連記事

要素がガクガクブルブル震える変わった動き!

要素がガクガクブルブル震える変わった動き! http://www.markernet.co.jp/blog/2015/09/04/post-6077/ Facebook

【CSS3】簡単なドロップシャドウや光彩(グロー)の付け方!

【CSS3】簡単なドロップシャドウや光彩(グロー)の付け方!

デザインを格好よくするためにシャドウを付けたりしますよね。 しかし、サイズが異なるたびに画像を背景に指定したりしなければならないのは大変です。 しかも、シャドウの幅の分だけはみ出ているということもあり …

デザイナーの常識!? いいデザインと悪いデザインの見分け方 その(3)

デザイナーの常識!? いいデザインと悪いデザインの見分け方 その(3)

こんにちは、デザイナーのAです。 以前、いいデザインと悪いデザインの見分け方についてご紹介いたしました。 いいデザインと悪いデザインの見分け方 その(1) いいデザインと悪いデザインの見分け方 その( …

知ってそうで知らないCSS3の便利な使い方【その3:box系プロパティ】

知ってそうで知らないCSS3の便利な使い方【その3:box系プロパティ】

今回はCSS3を使ったレイアウトで使えるbox系プロパティを使ってみました。 このbox系のプロパティを使えばCSS2等で使っていたfloatやtable-cellプロパティを使わずに横並びレイアウト …

多言語対応で1000億円の経済効果!WEBサイトも多言語化を

多言語対応で1000億円の経済効果!WEBサイトも多言語化を

近ごろのニュースで、訪日観光客の増加という記事をよく見かけるようになりました。東京の街を歩いても日本への訪日客が増えたことを実感できるほど外国語が飛び交ってますね。2015年は【多言語化元年】と言われ …