画像処理ソフトは様々なものがリリースされており、WEB制作において利用されているソフトも多様にありますが、photoshopで作っていると言うWEBデザイナーさんは多いのではないでしょうか？今日紹介するのはphotoshopでWEBデザインをするためのチュートリアル「How to create an elegant web layout in Photoshop」です。

このチュートリアルはWEB制作を便利にしてくれる960 Grid Systemを利用する前提で展開されています。

詳しくは以下

まずは「960 Grid System」から960 Grid Systemをダウンロードして、その中にある、photoshopのベースファイルを元にしてチュートリアルがスタートします。大きな流れはデザインをされている方であれば、当たり前の事も多いですが、細かな処理等、WEBデザインのクオリティを上げるための技が随所に上げられており、勉強になります。

海外のサイトになるので英語で記載されておりますが、スクリーンショットも多く、順を追って細かく解説されていますので英語が苦手と言う方も参考にできるかと思います。

How to create an elegant web layout in Photoshop | [Re]Encoded.com