マーカーネット株式会社

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

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

関連記事

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

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

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

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

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

ブクマするならコレ! 素材探しで迷わない、商用利用可能な素材サイト

ブクマするならコレ! 素材探しで迷わない、商用利用可能な素材サイト

こんにちは! Webデザイナー初心者のKです! 本日はWeb制作をされている方なら誰しもがぶちあたるであろう、 著作権について、色々と熱く語ります!! ・・というのは、長ーーーくなるので!! 商用利用 …

ホームページ制作にかかわる肩書別完成するまでのプロセスまとめ

ホームページ制作にかかわる肩書別完成するまでのプロセスまとめ

WEBデザイナー、WEBディレクター、WEBプログラマー、WEBプロデューサー、プランナー、ライター、営業さん、ときおりカメラマンANDクライアント。とまぁたったひとつのホームページが出来上がるまでに …

【ワイヤー作成をラクにする!】レスポンシブ・ウェブデザイン(RWD)向けワイヤーツール

【ワイヤー作成をラクにする!】レスポンシブ・ウェブデザイン(RWD)向けワイヤーツール

サイトの設計図とも言えるワイヤーフレームを作成することは、ウェブ制作において大事なステップです。 ワイヤーフレームとはサイトの大まかなレイアウト、必要な要素、コンテンツの優先順位を示したもので、ワイヤ …