マーカーネット株式会社

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

WEBサービス WEBデザイン WEB制作

【WEBデザインレシピ】 暑い夏にヒヤッとするホラーなデザインの作り方

投稿日:2014年6月20日 更新日:

もうすぐ夏がきますね!
今年は冷夏という噂も耳にしますが、日本の各地でちらほら真夏日が記録されていたりして…
そこで今日は夏の暑さも吹き飛ぶ!?ホラーデザインの簡単レシピをご紹介させていただきます。

01
この女性の写真が…ものの数分で

02

こんな感じになっちゃいます。

まずはダークな雰囲気づくりのため、写真を切り抜いて背景を黒にします。

写真の切り抜き方法について

http://threem-design.com/web-design/photoshop/synthesis/


03

photoshopのフィルターなど色々試してみてください!

04

肌色がちょっと健康的なので、色相彩度の彩度をぐんと落としてみます。
不穏な感じがしてきましたね。。。

05

さらにテクスチャーでザラッとした質感や、ホラー系アイテムでアクセントをつけます。
オーバーレイなどの描画モード・透明度などを調節し、メインの写真に被せてみると面白い効果が生まれたりしますので、
ぜひお試しください。

ホラー系テクスチャ

http://photoshopvip.net/archives/52627

血飛沫素材

http://www.pixiv.net/member_illust.php?mode=medium&illust_id=35860461

フォント

http://www.fontspace.com/search/?q=horror

http://photoshopvip.net/archives/52993

02

完成です!
いかがでしたでしょうか。
ニッチなデザインかもしれませんが、
これから夏のイベントなどでお役立ていただければと思います!!

-WEBサービス, WEBデザイン, WEB制作

執筆者:


comment

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

関連記事

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

こんにちは。web制作初心者のKです。 まだまだ修行中の身であるため、「テクニックをご紹介!」なんて、 大変おこがましいのですが、 お仕事をしていて、「もう少し写真に力強さが欲しいな~」なんて時に 私 …

面白い動きや便利な機能をJSで実装! その1:簡単にグラフを作成する方法!

折れ線グラフ、棒グラフ、円グラフ、レーダーチャートなどを 作成することができる「Chart.js」をご紹介致します。 今回は一番汎用性の高いと思われる折れ線グラフを作成してみたいと思います。 表示の瞬 …

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

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

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

中国語圏のSEO事情を知る!多言語サイト向けSEO対策の基礎知識

中国語圏のSEO事情を知る!多言語サイト向けSEO対策の基礎知識

ここ最近、サイト多言語化の依頼が増えておりますが、 そもそも多言語サイト向けのSEO対策はどうすればいいのかと思ってる方のために、 今回は中国語圏のSEO事情について少し説明させていただきたいと思いま …

phpでオーディオファイルの情報を取得する方法

phpでオーディオファイルの情報を取得する方法

PHPで利用しまして、オーディオファイルの情報(再生時間、タイトルやアーティスト名など)を取得するには、getID3というライブラリを利用します。 以下このライブラリを利用した音楽ファイルの情報の取得 …