キーワード「ノイズ」に関連するエントリーをチェックできます。
お探しの記事が見つからない場合は、右上の検索ボックスをお使いください。
最近のWebサイトやグラフィックデザインなどでは、気付かないほどの汚れやテクスチャの質感を利用している場合があります。
グランジテイストは加えることで、質感をアップするだけでなく、奥行き感を与えることができます。
日常生活においてテクスチャ素材はいろいろなデザインに利用されています。
たとえばかっこいい名刺デザインだったり、パッケージデザイン、iPhoneなどのアプリデザイン、そしてもちろんWebデザインにも当てはまります。
Webデザインにおいてテクスチャ素材を利用して質感を高める方法はよく利用されています。
たとえば背景デザインやUIデザインパーツ、サムネイル用画像としてなど視覚的なインパクトを作り上げます。
海外デザインブログDesign Instructで、繊細なテクスチャ素材を利用したWebサイトデザインを30個まとめたエントリー「30 Beautiful Web Design with Subtle Texturing」が公開されていたので、今回はご紹介します。
参照ホームページ : Noise Texture in Photoshop – Soh Tanaka
上記のホームページのヘッダーで使用されている、ざらざらとした質感の高いテクスチャ素材は最近よく利用されるデザイントレンドのひとつではないでしょうか。
以下のホームページ、ブログなどでも利用されており、個人的に参考にしたいデザインでもあります。
↑ クリックすると原寸拡大表示されます。
今回はフォトショップを使って、ザラザラした背景の質感が印象的なシンプルなウェブレイアウトをデザインする方法をご紹介します。
紙テクスチャを背景デザインに使うことで、ザラザラとしたユニークなデザインに仕上げています。
またウェブトレンドのひとつでもある型押し文字を簡単にデザインする方法も一緒に学ぶことができます。
詳細は以下から。
ダイナミックな動きを実現、パララックスエフェクトを使ったWebサイト44個まとめ
極上の写真加工、無料Photoshopアクション素材25個まとめ
無料ダウンロード可、新作デザインテクスチャ素材45個まとめ 2012年5月度
ダウンロードしておきたい25個の高品質な筆記体フリーフォント完全まとめ
無料ダウンロード可、新作デザインテクスチャ素材45個まとめ 2012年5月度
ダウンロードしておきたい25個の高品質な筆記体フリーフォント完全まとめ
デザインネタ帳、テキストエフェクトのチュートリアル50個まとめ
保存版!背景デザインに使える継ぎ目のないPhotoshop無料パターン素材まとめ