マーカーネット株式会社

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

WEBデザイン WEB制作

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

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

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

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

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

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

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

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

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

 

いかがでしょうか?

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

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

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

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

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

東京のWEB制作会社 マーカーネット株式会社 公式WEBサイトへ

-WEBデザイン, WEB制作

関連記事

さまざまなレイアウトの工夫その①

さまざまなレイアウトの工夫その①

キレイなウェブ制作のためには色んな要素が必要となります。「フォント」「色」「レイアウト」「写真」「バランス」「テーマ」等々!今回はその中でも「レイアウト」ついて少し説明させていただきたいと思います。で …

Photoshopで使える便利機能「ウィンドウアレンジ」

Photoshopで細かい編集や補正をして全体のバランスを見るとき、 ウィンドウを拡大しては縮小して全体を見る、また拡大をして縮小… 少し面倒だな、と感じたことはありませんか? そのような手間を省きた …

Laravel SocialiteでGitHubを利用した認証

Contents Lravel SocialiteでGitHubを利用したOAuthによる認証の手順を紹介します。 1. GithubでOAuthアプリケーションを作成 GitHubにログインし、 [ …

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

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

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

【デザインに一工夫】ちょっと変わったアイコン素材サイト3選

【デザインに一工夫】ちょっと変わったアイコン素材サイト3選

日頃WEBデザインの仕事に携わる関係上、素材サイト巡りをすることがよくあります。 その中で、最近面白いなと思ったサイトをご紹介したいと思います。   ヒューマンピクトグラム2.0 http: …