猫が見ているRSSアイコン

Photoshop

2009.01.23

猫が見ているRSSアイコン
この埋め込まれているRSSアイコンの作成手順を紹介します。
すごく簡単です。

フィードマークの作成方法

ドーナツ型の円を作成

始めに新規レイヤーを作成し、円を作ります。
そして選択範囲を表示させ、「選択範囲」→「選択範囲を変形」を選択。
点線の選択範囲の変形が可能になったので、中心へ縮小する。
そして選択されている部分を削除する。
これでドーナツ型の円が出来ました。

上記の手順で小さいドーナツ型の円を作成します。
この際の注意点は、円の太さを大も小も同じ大きさにしなければなりません。

こんな感じです。
2つのドーナツ型の円

4/1にカット

2つのドーナツ型の円を4/1にカットします。
そして、新規レイヤーで左したに円を作成します。

これで、フィードマークの完成です!
フィードマーク

レイヤースタイルの設定

立体的な下地の作成

先程作成したフィードマークの下に、四角の新規レイヤーを作成する。
(サイトにもよるが、角丸の方がアイコンに見える。)
それにドロップシャドウ・光彩・ベベルとエンボス・グラデーションのレイヤースタイルを当てる。
ベベルとエンボスの深さを当てすぎると、立体的になりすぎて、スマートに見えない。

これくらいの立体感がちょうどいいかも。
立体的な四角の下地

最後の仕上げ

後は、フィードマークに内側のシャドウを当てれば完成です。

フィードマークのレイヤーは結合せずに、1つ1つのレイヤーにスタイルを当てましょう。
RSSアイコン

もし分かりにくければ、コメントに書いて下さい。

  1. Web-Parkのホーム > 
  2. Photoshop > 
  3. 猫が見ているRSSアイコン
オススメ本(既読)
読んでみたい本(未読)

COMMENT PLEASE!!

トラックバック

「猫が見ているRSSアイコン」のトラックバックURL
http://web-park.org/photoshop/cat_rss.html/trackback
about me

Manabu Kushimoto

Welcome to WEB-PARK.ORG!!
This domain was made since 2008 February.

Gender
Male
Birth year
1982
From
Osaka,Japan
  • はてな?ブックマーク
  • delicious
  • facebook