このチュートリアルでは、ウェブサイトのデザインを作る方法を紹介します。

• Step1 ： はじめに
  
• Step2 ： スプラッターを追加
  
• Step3 ： タイトルを作成
  
• Step4 ： ナビゲーションを作成
  
• Step5 ： セクションとコンテンツを追加
  
• Step6 ： フッターを作成
  
• Step7 ： スプラッターを追加
  
• Step8 ： 完成
  

Step1：はじめに

800ピクセル×800ピクセルのドキュメントを作成して背景を黒くしたら、「#01afee」の色で長方形を作ります。
「Ctrl」＋「T」キーを押して、次のように長方形を回転させます。
[You must be registered and logged in to see this image.]




Step2：スプラッターを追加

「スプラッターブラシ」かブラシセットをサーチエンジンで検索してダウンロードし、ランダムにスプラッターを入れます。
色は青と黒を使います。
[You must be registered and logged in to see this image.]









Step3：タイトルを作成

[You must be registered and logged in to see this image.]文字ツールでタイトルとスローガンを入力します。
[You must be registered and logged in to see this image.]
上の画像のようにタイトルに色を2つ使う際は、使った色のスプラッターを加えます。
タイトルに黄緑を使う場合はスプラッターも黄緑にします。
すると次のようになります。
[You must be registered and logged in to see this image.]




Step4：ナビゲーションを作成

文字ツールを使ってナビゲーションを追加し、自由変形ツール（「Ctrl」＋「T」キー）を使って文字を回転させます。
[You must be registered and logged in to see this image.]




Step5：セクションとコンテンツを追加

メインページに3つのセクション「news & updates」、「tutorials」、「latest projects」を加え、それぞれのセクションの横にアイコンを入れて、カスタムシェイプメニューから全部を選択します。
[You must be registered and logged in to see this image.]
それぞれのセクションの下にコンテンツを加えます。
[You must be registered and logged in to see this image.]




Step6：フッターを作成

それぞれのコンテンツを配置したら、異なる色を選択します。
ここではタイトルに使った黄緑を使って、ページの下に大きなスプラッターを加えます。
[You must be registered and logged in to see this image.]
フッター情報を加えます。
[You must be registered and logged in to see this image.]




Step7：スプラッターを追加

最後に、コンテンツの周囲へ黒いスプラッターを加えます。
[You must be registered and logged in to see this image.]




Step8：完成

作業が終わると次のようになります。
[You must be registered and logged in to see this image.]
クリックして拡大





引用:Web Design Library　著者:Hv-Designs.co.uk　翻訳：菊池]