マーカーネット株式会社

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

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

関連記事

【意外と知られていないIllustrator小技】たったの2STEPで画像をベクターに変換!

【意外と知られていないIllustrator小技】たったの2STEPで画像をベクターに変換!

WEBサイトのデザイン素材を紙媒体に使うとき、ベクターのデータがなくて困ったことありませんか? ペンツールでトレースするのも時間がかかるし、Photoshopでパスを作成したら境界がギザギザになってし …

【Illustrator小技】PDFファイルを代替フォントでなくアウトライン化して開ける便利なワザ

アウトライン化されていないPDFをIllustratorで開こうとする時、 Illustrator「このPDF、該当するフォントがないから代替しちゃいますね~」 デザイナー「うわぁぁフォント変わっちゃ …

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

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

ワードプレス導入時に入れておくと便利なプラグイン(セキュリティ編)

ワードプレス導入時に入れておくと便利なプラグイン(セキュリティ編)

ワードプレスはオープンソースのため、そのソースコードが公開されております。 誰でも無償で、誰でも改変して商用利用も可能であるというメリットもございますが、 デメリットとして悪意のある者から不正侵入を許 …

デザインの幅が広がる!クオリティの高いイラストサイトまとめ

みなさん こんばんは! デザイナーKです! 今回、私が皆さんにご紹介する内容は! 仕事で使えるイラスト素材サイトです!! 1.ほらぱれっと 私が好きなパステルトーンの可愛い素材が揃っているサイトです。 …