Windows 用の素敵なデザインのアイコンをたくさん紹介してきましたが、自分のアイコンを作成する方法を考えたことはありますか? ウェブブラウザーと GIMP (または好みのフォトエディター) を起動すれば、任意の画像を ICO ファイルに変換する方法をご紹介します。
高解像度のアイコンを使用できれば、PC の見た目が大幅に向上しますが、希望どおりのアイコンが見つからないのは本当にイライラします。自分で作成すれば、Windows に本当に欲しいカスタムの外観を実現できます。
カスタムアイコンのグラフィックを取得する
新しいアイコンは、好きなものや Google で検索したものなら何でもかまいません。芸術的な才能があるなら自分でデザインすることもできますが、ここでは、Google 画像から簡単なものをいくつか取得して、デモンストレーションを行います。探しているグラフィックに複数のバージョンがある場合は、256 x 256 ピクセル以上の最高解像度のものを選択します。解像度が高いほどよいですが、解像度が低いとアイコンの解像度が低くなる可能性があります!
画像の準備
次のステップは、アイコンに不要な画像部分を削除することです。ここでは、人気のある無料のオープンソース画像エディターである GIMP を使用しますが、別の画像エディターを好む場合はそちらを使用してもかまいません。原則は同じです。
幸いなことに、サンプル画像には、被写体と背景に明確な黒の線があり、背景は単色です。これにより、ファジー選択ツール (Photoshop のマジックワンド) が最適なツールとなります。より複雑な背景の画像の場合は、より複雑な方法を使用する必要があります。
まず、画像にアルファチャンネルがあることを確認する必要があります。アルファチャンネルを使用すると、画像に透明性を持たせることができます。アイコンの場合、見苦しい純白の背景がないことを保証します。
GIMP で画像を開き、右側に移動してレイヤーメニューを探します。PSD ファイルのようなものをダウンロードしていない限り、レイヤーは 1 つしかないでしょう。レイヤーを右クリックし、「アルファチャンネルを追加」をクリックします。オプションがグレー表示されている場合は、ダウンロードした画像にすでにアルファチャンネルがあります。
次に、ファジー選択ツールの設定を調整する必要があります。左上付近のアイコンをクリックしてファジー選択ツールを有効にし、「マスクを表示」というボックスをオンにします。
マスクは厳密には必要ではありませんが、役に立ちます。左クリックすると選択されている領域が明るいピンクでハイライト表示されるため、はるかに見やすくなります。左クリックを離すと、ピンクのマスクは消えますが、領域は選択されたままになります。選択した領域を削除するには、Delete キーを押します。
この場合、マリオの輪郭をなす黒い線が画像の端に達しているため、白い背景を一度クリックするだけでは不十分です。3 つのオプションがあります:
- 白い背景の部分を消えるまで 1 つずつ削除します。
- マリオ (または彼の飛行機) の黒い輪郭が画像の端に達している領域をそれぞれ Shift + 左クリックし、一度にすべて削除します。
- ファジー選択ワンドの許容値を調整して、すべての領域を 1 回のクリックで選択し、同時に削除します。
この例では、3 番目の方法が非常に便利です。ファジー選択ツールが有効な場合は、左クリックを 1 回クリックすると領域が選択されます。左クリックを押したまま右または下にドラッグすると許容値が増加し、左または上にドラッグすると許容値が減少します。削除する最初の領域で左クリックを押したままにし、カーソルを右にドラッグして、白い領域がすべて選択されるまでドラッグします。カーソルをキャラクターや飛行機にドラッグしないようにしてください。そうすると、それらも選択されます。
白い背景をすべて選択して削除したら、灰色の市松模様の背景にパイロットと飛行機が表示されます。
ファイル > 名前を付けて保存をクリックし、画像を PNG としてエクスポートします。デフォルトの保存設定を維持し、画像に好きな名前を付けます。
アイコンの作成
画像をきれいにしたら、正しいサイズにする必要があります。アイコンにはさまざまなサイズがありますが、常に正方形です。Windows アイコンの一般的なサイズは 256x256、48x48、32x32、24x24、16x16 ですが、他にもたくさんあります。アイコンファイル (ICO) は、多くの場合、異なる解像度の同じアイコンの複数のバージョンを格納します。これにより、アイコンはさまざまなサイズで使用できるように調整できます。
まず、Shift + s を押すか、ツール > 変形ツール > スケールに移動して、画像のサイズを変更します。ポップアップするボックスには、作業中の画像の幅と高さが表示されます。2 つの値のうち大きい方を 256 に変更し、[スケール] をクリックします。もう一方の値はそれに応じて変更されます。画像が完全に正方形でなくても心配ありません。
次に、キャンバスのサイズを 256 x 256 に変更する必要があります。[画像] > [キャンバスサイズ] に移動し、キャンバスサイズを 256 x 256 に設定し、[サイズ変更] をクリックします。
開始画像が正確に 256 x 256 でなかった場合、長さ軸または幅軸のいずれかで適切に中央に配置されません。これを修正する最も簡単な方法は、移動ツールで目視で判断することです。
より正確に中央に配置したい場合は、ガイドラインを追加して役立てることができます。[画像] > [ガイド] > [新しいガイド (パーセント指定)] に移動し、50% にガイドを配置します。画像が垂直に中央に配置されていない場合は、水平ガイドを使用します。水平に中央に配置されていない場合は、垂直ガイドを使用します。
キャンバスの中央に青い線としてガイドが表示されます。移動ツールで画像をクリックすると、画像の中央に小さな白い十字が表示されます。移動ツールで画像をクリックしてドラッグし、十字が青い線にできるだけ近づくまで移動します。
それが完了したら、他のサイズを作成する必要があります。元のレイヤーを右クリックして「レイヤーを複製」をクリックするか、レイヤーを左クリックして Ctrl + d を押します。この例では、4 つの複製があります。各レイヤーをダブルクリックし、256x256、48x48、24x24 など、わかりやすい名前に変更します。次に、各レイヤーを選択し、以前に行ったように、変形ツールを使用して正しいサイズに拡大縮小します。
アイコンサイズごとに追加のガイドを作成すると、レイヤーの配置が簡単になります。任意のアイコンサイズに対して、中央点を特定するために、合計の幅と高さの半分にガイドを配置します。もう一度 [画像] > [ガイド] に移動しますが、今回は [パーセント指定のガイド] ではなく [新しいガイド] を選択します。たとえば、48x48 サイズの場合は、水平ガイドと垂直ガイドの両方を 24 に配置します。次に、移動ツールを使用して、各アイコンを所定の位置に移動します。
作業ファイルの見た目に関心がない場合は、このように特定の方法でレイヤーを整理する必要はありません。重要なのは、各レイヤーが正しく拡大縮小されていることです。
[ファイル] > [保存] をクリックし、プロジェクト全体を XCF として保存します。問題がある場合、または後で何かを変更したい場合は、作業ファイルがあると非常に便利です。
その後、[ファイル] > [名前を付けて保存] に移動し、「ファイルの種類を選択」をクリックして、ファイル拡張子リストで「.ico」を検索します。アイコンに名前を付け、「エクスポート」をクリックします。ポップアップのデフォルト設定をそのままにして、もう一度「エクスポート」をクリックします。
アイコンの作成が難しい部分でした。残っているのは、カスタムアイコンを使用することだけです。完全に新しいアイコンを作成したい場合は、GIMP でも作成できます。または、Inkscape などのプログラムを使用することもできます。
コメントする