パーソナライズされたWindows XPアイコンを作成する

Microsoft Windows XPでは、新しいアイコンデザインスタイルが導入されました。次の記事では、Windows XPスタイルのアイコンを設計および作成するための具体的な手順について説明します。

Windows XPのアイコンは32ビットの非常に滑らかなアイコンであるため、楽しくカラフルで活気に満ちています。一般に、ベクタープログラムで各アイコンを描画してから、Adobe Photoshopを使用して画像をより完璧にすることができます。

基本的な手順：

1. FreeHandまたはIllustratorを使用してアイコンのベクトル画像を描きます。

2ベクターをコピーして、さらに処理するためにPhotoshopに読み込みます。

3. Gif Movie Gearで.icoファイルを作成します。

図1：アイコンの例

I.アイコンデザインの概要

このセクションの目的は、Windows XPの新しいスタイルに慣れ、アイコンを作成する準備をすることです。

アイコンスタイルの機能

色が豊富で、Windows XPの外観を引き立てます。

角度や視点を変えると、画像に動的なエネルギーが加わります。

要素の角が非常に柔らかく、少し丸みを帯びています。

光源はアイコンの左上隅にあり、アイコンの他の部分には光源があります。

グラデーション効果を使用すると、アイコンが立体的に見え、アイコンがさらに見栄えよくなります。

投影は、アイコンをよりコントラストとステレオにします。

輪郭を追加すると、画像がシャープになります。

コンピュータやデバイスなどの日常のオブジェクトは、より現代的な外観になっています。

アイコンサイズ

Windowsアイコンには、48ピクセル、48ピクセル、32ピクセル、32ピクセル、24ピクセル、16ピクセル、16ピクセルの4つのサイズがあります。これらの標準サイズをお勧めします。
図2：通常のアイコンサイズ

' [スタート]'メニューの右側にあるアイコンは24ピクセルと24ピクセルで表示されます。このサイズはユーザーが指定する必要はありません。

図3：[スタート]メニューの[24×] 24ピクセルサイズ

作成中のツールバーアイコンの場合、Windowsの標準サイズは24× 24と16× 16です。ピクセル

図4：標準のツールバーアイコンサイズ

アイコンの色数のサポート

Windows XPは32ビットアイコンをサポートしています。 32ビットアイコンは24ビット画像と8ビットアルファチャンネルです。アイコンの端を非常に滑らかにし、背景とブレンドします。

さまざまな表示設定をサポートするために、各Windows XPアイコンには次の3つの色深度が必要です。

24ビット画像と8ビットアルファチャンネル（32ビット）

8ビット画像（256色）+ 1ビット透明色

4ビット画像（16色）+ 1ビット透明色

図5：32ビット、8ビット4ビットの「画像コレクション」アイコン

パレット

アイコンに使用される主な色は次のとおりです。

図6：Windows XPのアイコンカラーパレットBoard

オブジェクトの角度とグループ化

以下は、Windows XPスタイルのアイコンで使用される遠近グリッドです。
7図7：Windows XPアイコンの遠近

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

ドキュメントアイコン

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

単一オブジェクトアイコン（拡大鏡など）
8：直感的なアイコンの例（.Jpgドキュメント、検索、およびお気に入りアイコン）

アイコンの意味をより明確に表現するために重なり合うヘルパーを作成しない限り、読みやすさと完全性のためにビジュアルイメージを使用する必要があります。また、オブジェクトをグループ化する方法を決定するために、グループごとにアイコンを表示する方法も検討する必要があります。
図9：オーバーレイの例（プログラムの追加または削除、写真の印刷、および最近の文書）

投影

投影を使用すると、Windows XPのアイコンはより鮮明で立体的になります。この効果はPhotoshopで達成できます。

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

図10：アイコンへの投影の追加の前後

輪郭

XPスタイルのアイコンを描画するときは、画像を鮮明にして別の背景に表示することができます。どちらも色に良い影響を与えます。