投稿日：2009年08月07日　　　レベル：初心者　　　　ソフトウェア：

---

このチュートリアルでは、Photoshopで斬新なウェブロゴを作ってみたいと思います。

• Step1 ： はじめに
• Step2 ： ロゴのベースを作る
• Step3 ： 輝きを加える
• Step4 ： 影をつける
• Step5 ： 完成

新規ファイルを作成します。
サイズを400ピクセル×300ピクセル、解像度を72dpiにして、背景を白く塗ります。
また新規レイヤーのセットを作成して、好きな名前をつけます。

新規レイヤーを作成したら、「#F4F4F4」のライトグレーで99ピクセル×99ピクセルの円を描きます。
横書き文字ツールで90ポイントの「Webdings」フォント、「#F4F4F4」の色でアンチエイリアスを「強く」に設定します。
テキストレイヤーに「5」と入力すると上向きの三角形に変わるので、三角形を円の上に移動させます。

ライトグレーのシェイプのレイヤーに対して、レイヤースタイル（「レイヤー」−「レイヤースタイル」）で「シャドウ(内側)」、「光彩(内側)」、「サテン」、「グラデーションオーバーレイ」をそれぞれ設定します。

結果：

新規レイヤーを作成して、「Futuristic Logo」と名前をつけて、グレーの円のレイヤーを新規レイヤーの内側に配置します。
作成したら、「#1295D7」の色で円を描いてサイズを73ピクセル×77ピクセルにします。

ブルーのシェイプのレイヤーに対して、レイヤースタイル（「レイヤー」−「レイヤースタイル」）で「シャドウ(内側)」、「光彩(内側)」、「グラデーションオーバーレイ」、「境界線」をそれぞれ設定します。

結果：

白くて小さい円のレイヤーに対して、レイヤースタイル（「レイヤー」−「レイヤースタイル」）で「シャドウ(内側)」、「境界線」をそれぞれ設定します。

結果：

新規レイヤーを作成して、ロゴデザインの中央に82ピクセル×82ピクセルの黒い円を描きます。

黒い円のレイヤーに対して、レイヤースタイル（「レイヤー」−「レイヤースタイル」）で「シャドウ(内側)」、「グラデーションオーバーレイ」をそれぞれ設定します。レイヤーのブレンドモードを「ソフトライト」に変更します。

結果：

「Futuristic Logo」レイヤーを複製してから結合して標準のレイヤーにします。
それから「編集」−「変形」で複製したレイヤーを時計回りに90度回転させます。
作業したレイヤーを「Futuristic Logo」レイヤーの下に配置します。

残りについても同様に作業を行いデザインを仕上げます。

結果：

斬新なウェブロゴの完成です。

引用:Web Design Library　著者:www.psdrockstar.com　翻訳:菊池

スポンサードリンク