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

---

このチュートリアルでは、PhotoshopでCDのアイコンを作ってみたいと思います。

• Step1 ： はじめに
• Step2 ： CDのベースを作る
• Step3 ： 中央のスタイルを設定する
• Step4 ： 中央に穴を空ける
• Step5 ： 完成

このアイコンはシェイプレイヤーだけで作りますので、サイズを拡大や縮小しても画質が落ちることはありません。
まず600ピクセル×600ピクセルと大き目のキャンバスを作ったら、背景を任意の色で塗りますが、ここでは感じのよい青のグラデーションにしてみます。

ツールバーから楕円形ツールを選択したら、上部のツールバーのシェイプレイヤーに設定を変更します。

キャンバスいっぱいに円を描きますが、「Shift」キーを押しながらドラッグすると円の縦横比を同じにすることができます。
円を描いたら次のようにレイヤースタイルを設定します。

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

描いた円のレイヤーに「CD BASE」と名前をつけたらレイヤーを複製します。
複製したレイヤーに「CD SHINE」と名前をつけてレイヤー上で右クリックして「レイヤースタイルを消去」を選択します。
「CD SHINE」レイヤーに次のようにレイヤースタイルを設定します。

グラデーションオーバーレイを設定したらレイヤーの塗りを0％にします。

長方形選択ツールでキャンバスを横切る大き目の長方形を作ります。
長方形を任意の色で塗ります。

長方形にグラデーションオーバーレイを設定する際は、色は好みに合ったものを使うことができますが、CDの上で反射するような色にします。
ここではシンプルなブルーのグラデーションにします。

作業したグラデーションオーバーレイのレイヤーの上に新規レイヤーを作成します。
新規レイヤーと色をつけた長方形のレイヤーを除いたすべてのレイヤーを隠します。
「レイヤー」−「表示レイヤーを結合」を選択してからすべてのレイヤーを表示させます。
「Ctrl」＋「T」キーを押して色のついた長方形を回転させます。
角度は特に重要ではありません。
「Ctrl」キーを押して「CD BASE」レイヤーを選択したら、色のついた長方形が選択されているのを確認します。
「選択範囲」−「選択範囲を反転」と操作したら「Delete」キーを押します。

楕円形ツールでCDの中央に小さな円を描きます。

レイヤーの塗りを100％から0％に変更したら次のようにレイヤースタイルを設定します。

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

楕円形ツールで先ほど描いた円の中に50ピクセルほど小さめのもう一つの円を描きます。

次のようにレイヤースタイルを設定します。

さらに楕円形ツールで、やや小さめにもう一つの円を描きます。
塗りを0％にします。
それから次のようにレイヤースタイルを設定します。

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

最後に楕円形ツールでまた円を描きます。
この円でCDの中央に穴を空けます。

次のようにレイヤースタイルを設定します。

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

追加のステップ

これからCDの内側の黒い円にテキストを入力します。
楕円形ツールを選択して上部のツールバーのパスに設定を変更します。

黒い円の真ん中にパスを描きます。

文字ツールを選択してカーソルをパスの上に移動させたら、カーソルのアイコンが次のように変化します。

アイコンが変わってからマウスをクリックするとパスに沿って文字を入力できるようになります。

それからペンツールを選択して次のように選択範囲を作ります。

選択範囲を白く塗って不透明度を20％に設定します。
これで作業はすべて完了します。

結果は次の画像のようになります。

このチュートリアルでいろいろ試す時にはRSSフィードやTwitterの購読をお忘れなく。
みなさんのサポートがあるとありがたいです。
あとこの記事をソーシャルブックマークなどでシェアすることもお忘れなく。
ご協力に感謝します。

引用:Web Design Library　著者:www.hv-designs.co.uk　翻訳:菊池

スポンサードリンク