WEB2.0風アイコンの元画像を作成する

Photoshop

比較的簡単にWEB2.0アイコンを作成する方法。慣れれば2分程度で作成することが可能です。

この方法を用いると、上記のアイコンは5分で作成できます。

簡単に言うと、ツヤツヤとした感じのアイコンのことです。例を挙げれば、Windows XPと、Windows Vistaのロゴで、Vista側がWEB2.0アイコンと呼べるでしょう。

まさしくWEB2.0とはサービス提供の仕方や新しいWEBのあり方を総称するものですので、筆者も戸惑いを感じました。

しかし最近はWEB2.0アイコンというと、「ツヤツヤとした感じのアイコンね」と認知されてきているようなので、当サイトでも「WEB2.0アイコン」と呼ぶことにしました。

ページ更新日：2007/02/24

STEP 1.

「ファイル」メニューの「新規」をクリック。

STEP 2.

例では 800x600 カラー：RGB で作成。

STEP 3.

元になる画像を作成する為、「カスタムシェイプツール」を選択。

STEP 4.

シェイプを増やすため、図のように「すべて」を選択し、置き換えする。

STEP 5.

例では「太陰大極図」のシェイプを選択した。

STEP 6.

シェイプを描く。

STEP 7.

色を変更する為、「レイヤーサムネイル」をダブルクリック。

STEP 8.

ディープトーンの色に変更する。

STEP 9.

レイヤーを右クリックして「レイヤーをラスタライズ」する。

STEP 10.

「塗りつぶしツール」を選択。

STEP 11.

塗りつぶしの色を選択。（選択する色は補色が好ましい）。

STEP 12.

透明部分を塗りつぶす。

STEP 13.

完成。