任意の画像から Windows 10 または 11 のアイコンを作成する方法

Windows 用の素敵なデザインのアイコンをたくさん紹介してきましたが、独自のアイコンを作成する方法を考えたことはありますか? Web ブラウザと GIMP (またはお気に入りの写真エディタ) をロードし、任意の画像を ICO ファイルに変換する方法を説明します。

高解像度のアイコンを使用できることは、PC の外観を素晴らしくするのに非常に役立ちますが、希望どおりの外観のアイコンが見つからない場合は非常に面倒です。したがって、これらを自分で作成して、本当に望んでいたカスタムの外観を Windows に与えてください。

カスタムアイコンのグラフィックの取得

新しいアイコンは、好きなもの、または Google で検索できるものであれば何でも構いません。芸術的な傾向がある場合は、独自のデザインを作成することもできますが、デモンストレーションのために、Google 画像から単純なものを取得します。探しているグラフィックのバージョンが複数ある場合は、最高解像度 (256 x 256 ピクセル以上) で最も見栄えの良いバージョンを選択してください。高くても問題ありませんが、小さくするとアイコンの解像度が低くなる可能性があります。

画像の準備

次のステップは、アイコンに含めたくない画像の部分を削除することです。ここでは、人気のある無料のオープンソース画像エディターである GIMP を使用しますが、必要に応じて別の画像エディターを使用することもできます。原則は同じになります。

幸いなことに、このサンプル画像には、被写体の周りにきれいで明確に定義された黒い線があり、背景は無地です。そのため、ファジー選択ツール (Photoshop の魔法の杖) は、この作業に最適なツールになります。より複雑な背景を持つ画像の場合は、より複雑な方法を使用する必要があります。

まず、画像にアルファチャネルがあることを確認する必要があります。アルファチャネルを使用すると、画像に透明度を持たせることができます。私たちのアイコンの場合、見苦しい真っ白な背景を持たないようにすることができます。

GIMP で画像を開き、右側に移動してレイヤーメニューを探します。 PSD ファイルなどをダウンロードしない限り、レイヤーはおそらく 1 つだけです。レイヤーを右クリックし、「アルファチャンネルの追加」をクリックします。オプションがグレー表示になっている場合は、幸運です。ダウンロードしたイメージにはすでにアルファチャネルが含まれています。

次に、ファジー選択ツールの設定をいくつか調整する必要があります。左上近くのアイコンをクリックして複雑な選択ツールをアクティブにし、「マスクを表示」というボックスにチェックを入れます。

マスクは必ずしも必須ではありませんが、あると便利です。左クリックすると、選択されている領域が明るいピンク色で強調表示され、非常に見やすくなります。左クリックを放すと、ピンクのマスクは消えますが、領域は選択されたままです。選択した領域を削除するには、Delete キーを押します。

この場合、マリオの輪郭を描く黒い線が画像の端と接するため、白い背景を 1 回クリックするだけでは十分ではありません。次の 3 つのオプションがあります。

白い背景がすべてなくなるまで少しずつ削除します。
マリオ (またはマリオの飛行機) の黒い輪郭が画像の端と接することで形成される各領域を Shift キーを押しながら左クリックし、それらをすべて一度に削除します。
ファジー選択ワンドの許容値を調整して、1 回のクリックですべての領域を選択し、それらを同時に削除します。

この例では 3 番目の方法が非常に便利です。ファジー選択ツールをアクティブにしている場合は、1 回左クリックすると領域が選択されます。左クリックしたまま右または下にドラッグすると許容値が増加し、左または上にドラッグすると許容値が減少します。削除する最初の領域を左クリックしたまま、白い領域がすべて選択されるまでカーソルを右にドラッグします。カーソルをキャラクターまたはその平面内にドラッグしないでください。ドラッグすると、それらも選択されてしまいます。

白い背景をすべて選択して削除すると、灰色の市松模様の背景にパイロットとその飛行機が表示されるはずです。

[ファイル] > [名前を付けてエクスポート] をクリックし、画像を PNG としてエクスポートします。デフォルトの保存設定をそのまま使用し、画像に好きな名前を付けます。

アイコンを作る

画像をクリーンアップしたら、正しいサイズにする必要があります。アイコンにはさまざまなサイズがありますが、常に正方形です。 Windows アイコンの一般的なサイズは 256×256、48×48、32×32、24×24、16×16 ですが、他にもたくさんあります。アイコンファイル (ICO) には、同じアイコンの複数のバージョンが異なる解像度で保存されることがよくあります。そうすることで、アイコンをさまざまなサイズで使用できるようになります。

まず、Shift + s を押すか、[ツール] > [変換ツール] > [スケール] に移動して、画像のサイズを変更します。ポップアップボックスに、作業している画像の幅と高さが表示されます。2 つの数値のうち大きい方を 256 に変更し、[スケール] をクリックします。他の量もそれに応じて変化するはずです。画像が完全な正方形でなくても、心配する必要はありません。

次に、キャンバスのサイズを 256×256 になるように変更する必要があります。 [画像] > [キャンバスサイズ] に移動し、キャンバスサイズを 256×256 に設定し、[サイズ変更] をクリックします。

開始画像が正確に 256×256 ではない場合、長さ軸または幅軸のどちらの中心にも適切に配置されません。これを修正する最も簡単な方法は、移動ツールを使用して目で確認することです。

より正確にしたい場合は、ガイドラインを追加して、正確に中央に配置することができます。 [画像] > [ガイド] > [新しいガイド (パーセント)] に移動し、ガイドを 50% に配置します。画像が垂直方向の中央に配置されていない場合は、水平方向のガイドを使用してください。水平方向の中央に配置されていない場合は、垂直方向のガイドを使用してください。

ガイドはキャンバスの中央を通る青い線として表示されます。移動ツールで画像をクリックすると、画像の中央に小さな白い十字が表示されます。十字ができるだけ青い線に近づくまで、移動ツールを使用して画像をクリックしてドラッグします。

それが完了したら、他のサイズを作成する必要があります。元のレイヤーを右クリックして「レイヤーの複製」をクリックするか、レイヤーを左クリックしてCtrl+dを押します。この例には 4 つの重複があります。各レイヤーをダブルクリックし、256×256、48×48、24×24 など、わかりやすい名前に変更します。次に、各レイヤーを選択し、前と同じように、変換ツールを使用して正しいサイズに拡大縮小します。

アイコンのサイズごとに追加のガイドを作成すると、レイヤーの配置が簡単になります。特定のアイコンサイズの場合、中心点を見つけるために、幅と高さの合計の半分にガイドを配置する必要があります。もう一度 [画像] > [ガイド] に移動しますが、今回は [パーセント別ガイド] ではなく [新しいガイド] を選択します。たとえば、48×48 サイズの場合は、水平ガイドと垂直ガイドの両方を 24 に配置します。次に、移動ツールを使用して各アイコンを所定の位置に移動します。

作業ファイルの外観を気にしない場合は、このように特定の方法でレイヤーを整理する必要はありません。重要なことは、各レイヤーが正しくスケーリングされていることです。