投稿日：2011年6月24日　　　レベル：初心者　　　　ソフトウェア：

---

このチュートリアルでは、Photoshopでエンブレムスタイルのロゴを作る方法を紹介します。

• Step1 ： はじめに
• Step2 ： 円を描く
• Step3 ： パターンを作成し、適用する
• Step4 ： 文字を作成する
• Step5 ： 星を描く
• Step6 ： 影をつける
• Step7 ： 完成

このチュートリアルでは、このロゴを作ります。

ロゴの作り方を中心に話していくので、背景の作り方については深入りしません。
適当な青色(ここでは、#00b8d4)で塗りつぶし、斜線パターンをその上にかぶせます。
すると、綺麗なストライプ柄になります。

まず、500px×500pxの大きさの新しいドキュメントを作成します。
次に、楕円形選択ツールを使って、ページの中央に正円を描きます。
そして、選択範囲内をグレー（ここでは、#373737）で塗りつぶします。

より良い見栄えにするため、[レイヤー] − [レイヤースタイル] − [境界線]から、#292929の色で5pxの境界線をつけます。

エンブレムの背景に使うために、新しいパターンを作成しましょう。
10px×10pxの新しいドキュメントを作ります。
そして、1pxの鉛筆ツールを使って、下のような図形を描きます。

このように描けたら、新しいパターンとして定義します。
「編集」−「パターンを定義」を選択して名前をつけます。

エンブレムロゴを作っていたドキュメントに戻りましょう。
円を描いたレイヤーの、レイヤーウィンドウ内の縮小表示用の小窓を、Ctrlキーを押しながらクリックします。
すると、レイヤーの中身がハイライトされます。
円の輪郭がハイライトされたら新しいレイヤーを作り、「編集」−「塗りつぶし」を選択します。
そして、先ほど作成したパターンを選択して塗りつぶします。
パターンで塗りつぶしたレイヤーの不透明度を25％にして、Ctrl + Eで下にあるエンブレムのレイヤーと結合します。

エンブレムの「Lee Grant」の部分を作っていきます。
ここでは、「Bebas Neue」というフォントを使います。
色は #ffffff、サイズを40pxにして、「Lee Grant」と書きます。
テキストに深みを加えるため、[レイヤー] − [レイヤースタイル] − [ドロップシャドウ]を選択し、次のように設定します。

「ライン」という名前の新しいレイヤーを作り、長方形選択ツールを選んで、ロゴを水平に横切る1ピクセルの高さの線をひきます。
線の長さは文字全体の幅と同じになるようにします。
その後、「編集」−「塗りつぶし」を選択し、選択範囲をフォントと同じ色で塗りつぶします。

次は、「Caviar Dreams」というフォントを使います。
このフォントを使って、「WEB DESIGNER」と書きます。

色は #ffffff、サイズは19.3pxにします。

少しの間だけ、ロゴレイヤーを見えないようにし、背景だけが見えるようにします。
ペンツールを選択し、下のような星の形を描きます。
前景色を白に変えて、星を右クリックし、「パスの塗りつぶし」を行います。
すると、パスが前景色で塗りつぶされます。

次に「編集」−「自由変形」を選んで大きさを調整し、4つに複製します。
作成した星は上部に2つ、下部に2つ配置します。

ステッカーのように薄っぺらく見えているため、影をつけてロゴらしく仕上げましょう。
影という名前のレイヤーを作り、楕円形選択ツールと塗りつぶしを使って、楕円形の影を追加します。
「フィルタ」−「ぼかし」−「ぼかし（ガウス）」を選択し、半径を5pxにして、影をぼかします。

完成です。

引用:Web Design Library　著者:Hv-Designs.co.uk　翻訳：なかけん

スポンサードリンク