ロゴデザイン

たまには技術的なことも書いてみましょう^^

先日「キャッチコピー」について書きましたが、ではその文字は
どんなデザインになっているんでしょう？
よく受講生の方にも文字のデザインについてお話させていただく機会があります。

では今回は初級編ということでPhotoshopで文字のデザインをしてみます。

まずは適当なサイズの新規カンバスを作り、そこに任意の文字を書いてください。
今回の場合、書体は太めのものがよいかと思います。（例はImpactにしています）

この文字に「縁取り」を付けたいので文字レイヤーの下に新規レイヤーを作成します。

文字と同じ形の選択範囲を作ります。Ctrlキーを押しながらレイヤーのサムネイルをクリックします。
必ずサムネイルです！「T」って書いてあるところです！
文字と同じ形に選択範囲が点滅しますよね？

次に縁取りをするため一回り選択範囲を拡張します。
選択範囲メニューから選択範囲を変更、拡張と選び、数ピクセル拡張してください。
選択範囲が一回り大きくなりました。

レイヤーパレットで先ほど新規作成したレイヤーが選ばれてることを確認（レイヤー１）し、
白で塗りつぶしをしましょう。操作は描画色に白を設定し、Altキー+Deleteキーです。

背景が白いとわかりにくいですが^^;
白い縁取りができました。
（※ここでは分かりやすいように背景を黒にしたものを載せておきます）

さらに先ほどと同じ操作でもうひとまわり選択範囲を拡張し、もう１枚レイヤーを
レイヤー１の下に作成します。
そこに最初に書いた文字と同じ色で塗りつぶしをします。
２重に縁取りを作ることができますね！

すると野球の背番号のようなロゴデザインができます。
（※背景は白に戻してあります）

さらにひと工夫！
レイヤースタイルを使い、最初に書いた文字レイヤーにグラデーションオーバーレイを
使いグラデーションをかけてみましょう。

仕上げにもうひとつ一番下のレイヤー（レイヤー２）にも
レイヤースタイルのドロップシャドウをかけて完成です。
（最後のレイヤーの状態も載せておきますね）

すごく簡単ですが、意外に通勤電車や駅の広告、Webサイトでもよく見かける手法です。

また同じようなことを書いてしまいますが、通勤電車って本当にデザインの勉強になります。
「あっ！このロゴ格好いい！！」って思ったらぜひPhotoshop、Illustratorでチャレンジしてください。
どんどん腕があがること間違いなしです！