アイコンの作り方:思ったより簡単

ページ名:アイコンの作り方_思ったより簡単

アイコンをカスタマイズすれば、デスクトップに個性が生まれます!編集ソフトの力を借りて、あなたのコンピュータをもっと「あなたらしく」してみましょう。このチュートリアルではGIMPを使いますが、レイヤーベースのフォトエディターなら何でも使えます。このWikiHowでは、WindowsまたはMac用のアイコンを作成する方法を紹介します。

知っておくべきこと

  • アイコンのベースとなる画像を見つけるか、デザインします。Windowsの場合は256×256ピクセル(px)、Macの場合は512×512pxの正方形の画像が必要です。
  • その画像を写真編集ソフトで開きます。次に、背景を削除し、透明レイヤーを追加して、あなたの目指す外観になるまでアイコンをカスタマイズします。
  • このガイドでは、アイコンの作成と.ico(Windowsのアイコンファイル形式)へのエクスポートについて説明します。その他の情報については、.icoのガイドをご覧ください。
パート1

画像の編集

  1. ベースとなる画像を探すか、作成します。アイコンの作成にはどんな画像ファイルでも使用できますが、少なくとも256 x 256 pxの解像度が必要です。こうすることで、さまざまなアイコンサイズの間でうまく拡大縮小できるようになります。最終的なアイコンに入れたくないものが画像に含まれていても問題ありません!
    • お好きなドローイングソフトを使って一から画像を作成することもできますし、写真やドローイング、その他の画像ファイルを使用することもできます。
    • アイコンは正方形なので、画像は正方形に収まるようにしましょう。長すぎると、アイコンがつぶれて見えます。
    • Mac OS Xのアイコンを作成する場合は、512 x 512の方が見栄えが良いかもしれません。
  2. 画像編集ソフトをインストールする。アイコンファイルを作成するには、MS Paintよりも強力なプログラムを使用することをお勧めします。Photoshopやフリーの画像編集ソフトが使えます。GIMP、Adobe Express、Pixlrなどを試してみてください。
    • GIMPはすべてのOSで無料で使えるので、このガイドを参照してください。PhotoshopとPixlrの手順は非常に似ています。
  3. エディタで画像を開きます。ダウンロードまたは作成した画像をGIMPで開きます。画像は画面中央のウィンドウに表示されます。
  4. アルファチャンネルを追加します。アルファチャンネルは透明度のレイヤーです。これにより、画像の不要な部分を消しても、アイコンの背景が透明になります。アルファチャンネルを追加するには、画面右側のレイヤーウィンドウでレイヤーを右クリックします。アルファチャンネルを追加」を選択します。
  5. クイックマスクを挿入します。クイックマスクを使うと、画像の残したくない部分を簡単に取り除くことができます。クイックマスクを挿入するには、⇧ Shift+Qを押します。画像の上に赤いレイヤーが現れます。
    • クイックマスクを使うと画像の一部を選択できます。お好みで別の選択ツールを使うこともできます!
  6. 残したい部分のマスクを消します。画面左側のツールボックスウィンドウから消しゴムツールを選択します。このツールを使って、画像の残したい部分の上の赤いレイヤーを消します。
    • 例えば、テーブルの上に横たわる電話の画像があり、電話をアイコンとして使用したい場合、電話から赤いレイヤーのみを消去します。
    • ツールボックスウィンドウのツールオプションタブを使用して、消しゴムのサイズを調整します。また、ズームインすることで、正確に消去することができます。
    • マスクを消去する際、マスクの下の画像ではなく、マスクのみを消去します。
  7. マスクを切り替えます。残したい部分のマスクを消し終わったら、もう一度 ⇧ Shift+Q を押してマスク表示をオフに切り替えます。消した部分が選択されます。
  8. 背景を削除します。Ctrl+Iを押すか、Select → Invertに進みます。マスクを消した部分以外が選択されます。Delキーを押して選択範囲を削除し、アイコンの被写体だけを残します。
パート2

アイコンの作成

  1. キャンバスサイズを変更します。イメージ → キャンバスサイズをクリックします。表示されたウィンドウで、鎖のアイコンをクリックして幅と高さのリンクを解除します。キャンバスサイズを被写体がよく見えるサイズに変更し、幅と高さが同じ数値になるようにします。
    • リサイズ]ボタンをクリックする前に、[オフセット]値を使用して新しいキャンバスの中央に画像を配置します。
    • 画像のサイズを変更したら、レイヤーを右クリックして「レイヤーを画像サイズに」を選択します。これでレイヤーの境界線がキャンバスのサイズに変更されます。
  2. 色を調整します。必要であれば、GIMPのカラーツールを使って画像の色味を変えることができます。これを行う最も簡単な方法は、[カラー] → [カラー化]をクリックし、あなたが最もよく見えると感じる色を見つけるまで設定を調整することです。
  3. さまざまなサイズのアイコンを作成します。アイコンを作成する最後のステップは、画像がすべての異なるアイコンサイズに対応していることを確認することです。これは、オペレーティングシステムのさまざまな領域でアイコンを使用できるようにしたい場合や、アイコンのサイズが大きくなったり小さくなったりしたときに、アイコンが拡大縮小されるようにしたい場合に不可欠です。
    • レイヤーを5回複製します。レイヤーウィンドウで元のレイヤーを右クリックし、レイヤーの複製を選択します。元のレイヤーのコピーが4枚、合計5枚になるまでこれを繰り返します。
    • 元のレイヤーを拡大縮小します。レイヤーを右クリックし、レイヤーの拡大縮小を選択します。画像のスケールを 256 X 256 px に変更します。次に、イメージ → キャンバスをレイヤーに合わせるをクリックします。(注:OS X用のアイコンセットを作成する場合は、512 X 512から始めてください)。
    • コピーした4つのレイヤーを以下のサイズに拡大縮小します:
      • 128 X 128
      • 48 X 48
      • 32 X 32
      • 16 X 16
  4. レイヤーを確認します。5つのレイヤーがあるはずで、それぞれのレイヤーには最後のレイヤーより小さい画像があります。どれかひとつでもぼやけていたら、フィルター → 強調 → シャープ とクリックしてシャープツールを開きます。画像が鮮明になるまでスライダーを調整します。
  5. 画像をアイコンとして保存します。ファイル → 名前を付けてエクスポートをクリックします。画像のエクスポートウィンドウで、一番上のフィールドの拡張子を「.ico」に変更し、アイコンの保存場所を選択します。レイヤーを圧縮するかどうかを尋ねるウィンドウが表示されます。Windows XPを使用している場合を除き、最も大きい2つのレイヤーを圧縮するボックスにチェックを入れます。
  6. アイコンを使用します。画像を.icoフォーマットにエクスポートしたら、それを使ってファイルやフォルダのアイコンを置き換えることができます。
    • .icoのガイドをご覧ください。
    • .icoのガイドをご覧ください。ICOファイルをICNSファイル(Macのアイコンファイル形式)に変更するには、無料のオンラインコンバータを使用する必要があるかもしれません。
この記事は「 How to Create Icons: この記事は、CC BY-NC-SAの下で公開された「How to Create Icons: It's Easier Than You Might Think !特に断りのない限り、CC BY-NC-SAの下で利用可能です。

シェアボタン: このページをSNSに投稿するのに便利です。

コメント

返信元返信をやめる

※ 悪質なユーザーの書き込みは制限します。

最新を表示する

NG表示方式

NGID一覧