マーカーネット株式会社

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

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

関連記事

【スタイル次第で変幻自在!】巷で話題のSVG3つのポイントご紹介

【スタイル次第で変幻自在!】巷で話題のSVG3つのポイントご紹介

「SVG」というイメージフォーマットをご存知でしょうか? SVG(Scalable Vector Graphics)とはIllustratorで制作されるような、ベクターデータをWEB上で表示すること …

動物や人物の写真を一瞬で切り抜き?!すごすぎる無料ツール「remove.bg」

こんにちは、デザイナーのAです。 今回は人物や動物が映った写真の背景だけを一瞬で切り抜いてくれる無料ツール「remove.bg」をご紹介します。 ※6月のアップデートデートでかなり対象の幅が広がったよ …

先取り!春の色彩のトレンド

こんにちは! web初心者のKです。 暖かくなってきたこの頃、みなさまいかがお過ごしでしょうか? 本日は春に先駆けて、 春色が感じられるサイトを集めてみようと思います。 まずひとつ目はこちら! htt …

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

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

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

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

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

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