ウェブサイトのレイアウトを一から作成するPhotoshopのチュートリアル集

繊細なテクスチャ、透明感のあるパネル、充実したフッタ、光源を模したグラデーション、1ピクラインにこだわったディテールなど最近のウェブデザインのトレンドを取り入れた、ウェブサイトのレイアウトを作成するPhotoshopのチュートリアルを紹介します。

チュートリアルのキャプチャ

Create a Grungy, Translucent Web Portfolio Design
グランジ風のテクスチャと透明感が美しいレイアウト。

チュートリアルのキャプチャ

Design a Sleek Textured Blue Portfolio
グランジ風のテクスチャを採用したポートフォリオ。

チュートリアルのキャプチャ

Your Own Portfolio Web Site
ノートや付箋を使用したデザイン。

チュートリアルのキャプチャ

Create a Clean and Professional Web Design
クリーンで落ち着いた感じの企業サイト用デザイン。

チュートリアルのキャプチャ

How to Design a Blue Marketing Company Layout
ブルーをベースに、グレーのグラデーションが視線を集めます。

チュートリアルのキャプチャ

Portfolio layout created with jeans texture
ジーンズのテクスチャを使用したポートフォリオサイト用。

チュートリアルのキャプチャ

Create a Professional Web 2.0 Layout
トップページに必要な機能は全ておさえた充実レイアウト。

チュートリアルのキャプチャ

Design a Bold and Vibrant Portfolio
ボールドの書体が印象に残るレイアウト。

チュートリアルのキャプチャ

Learn How To Create A Clean Layout
ホワイトスペースを活用したクリーンなレイアウト。

チュートリアルのキャプチャ

Create a Hosting Layout
上下のタブで豊富なコンテンツを掲載。

チュートリアルのキャプチャ

Design a Sleek Bokeh Styled Portfolio
ヘッダの背景にある写真の「ボケ」が印象的。

チュートリアルのキャプチャ

How to Design a Portfolio Site
WordPress用のテーマファイルもダウンロード可。

チュートリアルのキャプチャ

Create a Slick and Minimalist Web Layout
金属のテクスチャを使用したミニマルなレイアウト。

チュートリアルのキャプチャ

Create a dark portfolio layout or a CSS design showcase layout
オレンジのアクセントがきいた、ブラックベースのカラースキーム。

チュートリアルのキャプチャ

Design an Ecommerce Website
Eコマースサイト用のレイアウト。

チュートリアルのキャプチャ

Create a clean elegant wordpress theme
大胆だけど、エレガントなWordPress用のデザイン。

チュートリアルのキャプチャ

Design a wordpress theme from scratch
複数のパネルを重ねたWordPress用のデザイン。

チュートリアルのキャプチャ

Create a gritty website layout
繊細なグランジ風のテクスチャを使用したレイアウト。

チュートリアルのキャプチャ

Create a Clean and Effective Product Layout
プロダクトをより印象的にみせるレイアウト。

チュートリアルのキャプチャ

Software Layout #4
ソフトウェアのプロダクトページ用のレイアウト。

チュートリアルのキャプチャ

Photoshop Paper Texture from Scratch then Create a Grungy Web Design with it!
繊細なペーパーテクスチャを自作したグランジ風のデザイン。

チュートリアルのキャプチャ

Create A Stylish Portfolio Layout
スタイリッシュなポートフォリオ用のレイアウト。

top of page

Trackback

Comments

ITキヲスク | 2010年2/14~2/21の週間ブックマーク

on 2010年2月21日

[...] ウェブサイトのレイアウトを一から作成するPhotoshopのチュートリアル集 [...]

top of page

©2014 coliss