リアルな現実をサイトデザインに組み込んだサイトデザイン作成チュートリアル集。
次のような、ノートをそのまま開いたような自由なレイアウトの作成チュートリアルをまとめてみました。

Create a realistic web layout
デスクにノートを広げたようなユニークなレイアウト作成チュートリアル


Nature Portfolio Layout


Interior Design Layout


3D Blog Layout


Create a grunge personal portfolio layout


Computer Store Web Layout


Professional Business Layout


Desktop Style Web Layout Photoshop Tutorial
机上スタイルのレイアウト作成チュートリアル


Grunge Photographer Layout


Create a Clean and Effective Product Layout


Web Site Design Tutorial: Wellknown.as Case | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials


ECommerce Web Layout


How to Create a Dark and Sleek Blog Design in Photoshop


Create Chopper Layout


Rock Band Music Layout


物体は写真として簡単に入手でき、それを合成することで全体として、それなりに迫力あるものを作れる、ということで参考にしたいですね。

関連エントリ

• ブラックベースのプロレベルなサイトデザイン作成チュートリアル集
• プロレベルなサイトデザインのPhotoshopチュートリアル集
• プロによる美麗サイトデザインを構築するPhotoshopチュートリアル集