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

---

このチュートリアルでは、PhotoshopでOnline Chatのロゴマークを作ってみたいと思います。

• Step1 ： はじめに
• Step2 ： ふきだしを作る
• Step3 ： ふきだしに効果をつける
• Step4 ： テキストを入力する
• Step5 ： 完成

ドキュメントのサイズを600ピクセル×600ピクセルにし、シェイプツールで作業対象のシェイプを描きます。

「編集」−「パスを変形」−「ゆがみ」を選択して次のように変形させます。

レイヤーオプションのグラデーションオーバーレイを使います。
デフォルトの色（黒）を「Pantone Orange 021C」に変更します。

二番目のデフォルトの色（白）を「Pantone Warm Red C」に変更します。

新規レイヤーを作成して最初のレイヤーの中にシェイプを作ります。
二番目のレイヤーを前列に移します。

グラデーションオプションでグラデーション名を「描画色から透明に」に設定して色を白に変更します。

すると次のようになります。

レイヤーの不透明度を60％にします。

最初に作業したレイヤーでベベルとエンボスを次のように設定します。

作業したレイヤーを複製して色を黒にします。

二つのレイヤーを次の画像のように配置します。

最初に作業したレイヤーを次のように選択します。

選択範囲が表示された状態のまま2番目のレイヤーを選択します。

「Delete」キーを押しますが、シェイプは移動させません。
次の画像は作業したレイヤーのでき具合を確認するためのものです。

グラデーションオーバーレイで黒とグレーを設定します。
グレーは暗めのものを使います。
黒との違いは10％−20％程度にします。

レイヤーを複製します。
複製されたレイヤーを確認します。
次のように移動させて色を「Pantone Warm Red」に変更します。

うまくいきました。「Arial Rounded」フォントを使ってテキストを入力します。
色は黒にします。

二番目に入力するテキストの色を「Pantone Orange 021C」にします。

テキストの作業が終わったら、新規レイヤーを開いてテキストの下に線を引きます。

「フィルタ」−「ぼかし」−「ぼかし(ガウス)」を選択して次のように設定します。

どのウェブデザインコンセプトにも感じのよいプロフェッショナルなロゴが完成しました。
次のステップではもう少し発展させてみます。

これで完成です。

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

スポンサードリンク