ウェブサイトのレイアウトを一から作成するPhotoshopのチュートリアル集
Post on:2010年2月19日
繊細なテクスチャ、透明感のあるパネル、充実したフッタ、光源を模したグラデーション、1ピクラインにこだわったディテールなど最近のウェブデザインのトレンドを取り入れた、ウェブサイトのレイアウトを作成するPhotoshopのチュートリアルを紹介します。
![チュートリアルのキャプチャ](/wp-content/uploads-2010/2010021902-11.png)
Create a Grungy, Translucent Web Portfolio Design
グランジ風のテクスチャと透明感が美しいレイアウト。
![チュートリアルのキャプチャ](/wp-content/uploads-2010/2010021902-10.png)
Design a Sleek Textured Blue Portfolio
グランジ風のテクスチャを採用したポートフォリオ。
![チュートリアルのキャプチャ](/wp-content/uploads-2010/2010021902-23.png)
Your Own Portfolio Web Site
ノートや付箋を使用したデザイン。
![チュートリアルのキャプチャ](/wp-content/uploads-2010/2010021902-01.png)
Create a Clean and Professional Web Design
クリーンで落ち着いた感じの企業サイト用デザイン。
![チュートリアルのキャプチャ](/wp-content/uploads-2010/2010021902-02.png)
How to Design a Blue Marketing Company Layout
ブルーをベースに、グレーのグラデーションが視線を集めます。
![チュートリアルのキャプチャ](/wp-content/uploads-2010/2010021902-03.png)
Portfolio layout created with jeans texture
ジーンズのテクスチャを使用したポートフォリオサイト用。
![チュートリアルのキャプチャ](/wp-content/uploads-2010/2010021902-04.png)
Create a Professional Web 2.0 Layout
トップページに必要な機能は全ておさえた充実レイアウト。
![チュートリアルのキャプチャ](/wp-content/uploads-2010/2010021902-05.png)
Design a Bold and Vibrant Portfolio
ボールドの書体が印象に残るレイアウト。
![チュートリアルのキャプチャ](/wp-content/uploads-2010/2010021902-06.png)
Learn How To Create A Clean Layout
ホワイトスペースを活用したクリーンなレイアウト。
![チュートリアルのキャプチャ](/wp-content/uploads-2010/2010021902-07.png)
Create a Hosting Layout
上下のタブで豊富なコンテンツを掲載。
![チュートリアルのキャプチャ](/wp-content/uploads-2010/2010021902-08.png)
Design a Sleek Bokeh Styled Portfolio
ヘッダの背景にある写真の「ボケ」が印象的。
![チュートリアルのキャプチャ](/wp-content/uploads-2010/2010021902-09.png)
How to Design a Portfolio Site
WordPress用のテーマファイルもダウンロード可。
![チュートリアルのキャプチャ](/wp-content/uploads-2010/2010021902-12.png)
Create a Slick and Minimalist Web Layout
金属のテクスチャを使用したミニマルなレイアウト。
![チュートリアルのキャプチャ](/wp-content/uploads-2010/2010021902-13.png)
Create a dark portfolio layout or a CSS design showcase layout
オレンジのアクセントがきいた、ブラックベースのカラースキーム。
![チュートリアルのキャプチャ](/wp-content/uploads-2010/2010021902-14.png)
Design an Ecommerce Website
Eコマースサイト用のレイアウト。
![チュートリアルのキャプチャ](/wp-content/uploads-2010/2010021902-15.png)
Create a clean elegant wordpress theme
大胆だけど、エレガントなWordPress用のデザイン。
![チュートリアルのキャプチャ](/wp-content/uploads-2010/2010021902-16.png)
Design a wordpress theme from scratch
複数のパネルを重ねたWordPress用のデザイン。
![チュートリアルのキャプチャ](/wp-content/uploads-2010/2010021902-17.png)
Create a gritty website layout
繊細なグランジ風のテクスチャを使用したレイアウト。
![チュートリアルのキャプチャ](/wp-content/uploads-2010/2010021902-19.png)
Create a Clean and Effective Product Layout
プロダクトをより印象的にみせるレイアウト。
![チュートリアルのキャプチャ](/wp-content/uploads-2010/2010021902-20.png)
Software Layout #4
ソフトウェアのプロダクトページ用のレイアウト。
![チュートリアルのキャプチャ](/wp-content/uploads-2010/2010021902-21.png)
Photoshop Paper Texture from Scratch then Create a Grungy Web Design with it!
繊細なペーパーテクスチャを自作したグランジ風のデザイン。
![チュートリアルのキャプチャ](/wp-content/uploads-2010/2010021902-22.png)
Create A Stylish Portfolio Layout
スタイリッシュなポートフォリオ用のレイアウト。
sponsors