150 Useful Adobe Photoshp Web Design Layout Tutorials and Techniques | 2experts Design - Web Design and Graphic Design Blog

チュートリアルでここまでやる？というプロレベルのWEBレイアウト作成チュートリアル。
プロレベルといっても様々ですが、そのなかでも優れたといえるレイアウトとデザインのチュートリアルが公開されています。
真似することでそれなりのものを作るのは難しくなさそうです。

Create a Magic Night Themed Web Design from Scratch in Photoshop
マジックをイメージした、少し怪しげなレイアウト。占いとかのサイトによいのかも。


作成の流れがあるのでアレンジに楽しめそうです。


How a Simple Layout Can Be Mixed ‘n’ Matched with Patterns, Photos and Backgrounds
シンプルだけど、テクニックが盛り込まれたレイアウトチュートリアル


こういうところが凝ってますね。


Create a Vibrant Modern Blog Design in Photoshop
大きな画像を背景に映りこんだような綺麗なレイアウトの作成チュートリアル


ここら辺がなかなか秀逸です。


Tutorial Site Blog Design
多段カラムの、凝ったレイアウト


Website Gallery Layout Design
枠が影つきながら、背景色を分けたり、枠の横にキャプションを入れたりのテクニックが見られるレイアウト


ここら辺が、簡単そうで、なかなか凝ってますね。


全部見る

関連エントリ

• プロレベルのバックグラウンド画像作成Photoshopチュートリアル集
• プロレベルのPhotoshopチュートリアル集
• 凄くクオリティの高いプロレベルのIllustratorの3Dチュートリアル集40
• プロレベルのサイト作成時に使える実用Photoshopチュートリアル集
• サイトのレイアウト時に役立ちそうなレイアウトパターン集「12 Standard Screen Patterns」
• HTMLで雑誌のような美しい段組みレイアウトを軽く実現できるjQueryプラグイン
• 複雑なCSSレイアウトもサクッと実装できるCSSフレームワーク「emastic」