参照ホームページ : Noise Texture in Photoshop – Soh Tanaka

上記のホームページのヘッダーで使用されている、ざらざらとした質感の高いテクスチャ素材は最近よく利用されるデザイントレンドのひとつではないでしょうか。

以下のホームページ、ブログなどでも利用されており、個人的に参考にしたいデザインでもあります。

Billy Tamplin

dConstruct 2010

Dribble

HeyIndy

↑　クリックすると原寸拡大表示されます。

今回はフォトショップを使って、ザラザラした背景の質感が印象的なシンプルなウェブレイアウトをデザインする方法をご紹介します。

紙テクスチャを背景デザインに使うことで、ザラザラとしたユニークなデザインに仕上げています。

またウェブトレンドのひとつでもある型押し文字を簡単にデザインする方法も一緒に学ぶことができます。

詳細は以下から。

チュートリアル情報

↑　クリックすると拡大原寸表示されます。

今回はフォトショップを使って、シンプルでオシャレな企業用ウェブレイアウトをデザインする方法をご紹介します。

きれいな緑色をアクセントカラーに使い、ウェブトレンドを意識したクリーンなデザインは参考になるテクニックが満載となっています。

企業用ウェブサイト以外にもポートフォリオサイトなどの使い方もできるのではないでしょうか。

↑　クリックすると原寸拡大表示されます。

今回は、フォトショップを使って淡いグラデーションとピンクのカラーリングがオシャレなウェブレイアウトをデザインする方法をご紹介します。

行間幅や1pxの白ラインなどまで細かくていねいに説明されているチュートリアルで、覚えておきたいテクニックがたくさん使われています。

チュートリアルと同時にサンプル用PSDファイルも公開されているので、ダウンロードして確認しながらデザインすることができますよ。

↑　クリックすると参照元サイトに移動します。

今回は、フォトショップを使ってシンプルでスタイリッシュなポートフォリオウェブサイトをつくる方法をご紹介します。

特に難しいテクニックなどはありませんが、やさしい色使いやクリックしたくなるような立体的なボタンの作り方などは覚えておきたいテクニックではないでしょうか。

またグリッドを使うことで見た目もすっきりとしたポートフォリオサイトをデザインすることができます。