パーソナライズされたXPアイコンの作成

すべてのオブジェクトが16×16の画像で良い結果を得るわけではありません。通常、次のオブジェクトが正面のビジュアルイメージに表示されます。

ドキュメントアイコン

シンボルアイコン（警告や情報アイコンなど）

1つのオブジェクトのアイコン（例：虫眼鏡）
図8：直感的なアイコンの例（.Jpgドキュメント、検索、お気に入りのアイコン）

アイコンの意味をより明確に表現するために重なったヘルパーオブジェクトを使用しない場合の読みやすさ完全性に関しては、直感的な画像を使用する必要があります。また、オブジェクトをグループ化する方法を決定するために、グループごとにアイコンを表示する方法も検討する必要があります。
図9：重複例（最近使用したドキュメントをプログラムの追加と削除、およびプリント写真）

は


投影プロジェクターを使用した後、Windows XPのアイコンが、より明確に、よりになります立体的です。この効果はPhotoshopで達成できます。

画像に投影法を追加するには、Photoshopで画像のレイヤーをダブルクリックして[ドロップシャドウ]を選択します。次に、角度を135、距離を2、サイズを2に変更します。投影は、75％の不透明な黒です。
図10
：縦投影

アイコンを追加する

XPスタイルアイコン
輪郭を描かれ、それは鮮明な画像を概説するようにする、画像を保証することができます背景色が異なると効果があります。

第二に、
具体的な手順のアイコンを作成

ステップ1：概念設計

新しいアイコン、基本的なアイデアを引き出すためにペンと紙を使用することをお勧めします。

以下は、Windows XPの "Picture Collection"アイコンの最初のドラフトの例です。
図11： "Picture Collection"アイコンのドラフト

アイコンをデザインするときは、以下の要素を考慮してください。

ユーザーのアイデアを確実に表現するための概念があります。

ユーザーインターフェイス環境でアイコンがどのように表示されるか、およびアイコンセットの一部としてアイコンがどのように使用されるかを検討します。

グラフィックの文化的背景を考えてください。アイコンに文字、単語、手、顔を使わないでください。人やユーザーを表すためにアイコンを使用する必要がある場合は、それらをできるだけ人気にしてください。アイコンの画像が複数のオブジェクトで構成されている場合は、画像を小さくする方法を検討してください。アイコンには3つ以下のオブジェクトを使用しないことをお勧めします。サイズが16×16の場合は、いくつかのオブジェクトを削除したり、画像を簡略化して読みやすくすることもできます。

注：アイコンにWindowsロゴを使用する場合は、次の規則に従ってください。商標およびWindowsブランドの規則に準拠するには、Windows Updateアイコン以外のアイコンにWindowsロゴを使用しないでください。

Windowsロゴは、Microsoft®Windows®オペレーティングシステムによって提供されるアイコンでのみ使用できます。

マイクロソフトブランドグループは、アイコン内のWindowsロゴの使用方法を確認する必要があります。

ユーティリティアイコン


図12：WindowsのXPのユーティリティアイコン
図13を
株式会社

ユーティリティツールバーアイコン： Windows XP用のパブリックツールバーアイコン

ステップ2：画像を描画する

Microsoft Windows XP用のスタイルアイコンを描画するには、Macromedia FreeHandやAdobe Illustrator
などのベクターツールを使用することをお勧めします。アイコンデザインの概要で指定されているパレットとスタイル機能を使用します。

FreeHandまたは Illustrator
を使用して画像を描画します。

3つのサイズの画像を別々に作成します。投影は後で画像に追加されるので、作成される3つの寸法は46×46、30×30、および14×14ピクセルになります。

ベクトルをコピーしてPhotoshopに貼り付けます。

図14：貼り付けダイアログ

注意：.icoファイルの作成に使用されているGif MovIE Gearを直接Photoshopファイルにインポートできるため、画像作成ツールとしてはPhotoshopをお勧めします。 Photoshopで "RGB"モードで作成された画像にはアルファチャンネルがあります。画像またはレイヤーに透明度がある場合は、アイコンにチャンネルを使用するのが合理的です。ステップ3：24ビット画像を作成するベクターファイルをPhotoshopに貼り付けた後、次のステップは24ビット画像を完成させることです。 3サイズの画像をPhotoshopに貼り付けた後、特に16×16画像の場合、画像の読みやすさと解像度を確認してください。ピクセルシフトをする必要があるかもしれません。 16×16の画像を鮮明に表示できない場合は、FreeHandでそのサイズの画像を単純化する必要があります。

画像に投影法を追加するには、画像のレイヤーをダブルクリックして[ドロップシャドウ]を選択します。次に、角度を135、距離を2、サイズを2に変更します。この時点で、投影は75％の不透明な黒です。

図15：投影法の設定

投影法と24ビット画像をマージするには、新しい空のレイヤーを作成します。 [レイヤー]メニューで、[表示を結合]を選択して3つのレイヤーを結合します。

図16：投影を保持したレイヤーの結合

それぞれサイズが48×48、32×32、16×16ピクセルの3つの新しいPhotoshopファイルを作成します。画像をコピーして貼り付けます。画像の投影が途切れている場合は、FreeHandで画像サイズを縮小してからこれらの手順を再実行してください。

各ファイルを.psdファイルとして保存します。画像レイヤーを背景レイヤーとマージしないでください。ファイル名にサイズと色数を含めることをお勧めします。

ステップ4：