投稿日：2009年12月4日　　　レベル：中級者　　　　ソフトウェア：

このチュートリアルでは、Photoshopでミニレイアウトを作ってみたいと思います。

• Step1 ： はじめに
• Step2 ： 塗りつぶす
• Step3 ： タイトルなどを追加
• Step4 ： 本文を追加
• Step5 ： 完成

800ｘ600の新規ドキュメントを作成し、背景を＃262626の色で塗りつぶします。
新しいレイヤーを作成し、「ヘッダー」という名前を付けます。
カンバスの一番上の部分を長方形選択ツールで次のように選択します。

グラデーションツールを選択し、次の色のグラデーションで塗りつぶします。

ヘッダーレイヤーの下に新規レイヤーを作成し、「カラーバー」と名前を付け、
長方形選択ツールでヘッダーの下に先ほどより小さな長方形を描き、
オレンジ色のグラデーションで塗りつぶします。
次に、そこに１ピクセルの黒い線を描きます。こんな感じです。

お好きなタイトル、キャッチフレーズ、ロゴ、ナビゲーションを追加してください。

角丸長方形ツールを選択して、本文を書く部分を描きます。
1ピクセルのオレンジの線を使用してください。

本文を追加して、本文エリアのボックスにラベルを貼ってください。

最後に、フッターに重要事項を加えれば完成です。

　　　　　　　　　　　　 【クリックして拡大】

引用:Web Design Library　著者:hv-designs.co.uk　翻訳：幕澤