6
自分だけのユニークなアイコンを作成する

アイコンはここ10年で大きく進化し、小さなピクセル画像から光沢のある美しいアートワークへと進化しました。アプリケーション、ドキュメント、フォルダにカスタムアイコンを追加する方法も進化しました。小さなサイズのアイコンを作成するために特別なユーティリティを使う必要はもうありません。ほぼあらゆる写真やイラストをアイコンに変換できるのです。

なぜアイコンをカスタマイズするのでしょうか? そもそも、特定のアイコンが気に入らなかったり、飽きてしまったりして、変更したいという場合もあるでしょう。あるいは、ドキュメントやフォルダに個性を加えるためにカスタムアイコンを作成したい場合もあるでしょう。例えば、見込み客に送るイラストが詰まったフォルダを準備しているとします。このフォルダ(即席のポートフォリオ)は、アイコンが会社のロゴであれば、はるかにプロフェッショナルな印象を与えるでしょう。

このシリーズのパート 1 では、OS X でのアイコンのカスタマイズの基本について概説します。パート 2 では、カスタム アイコンの作成に役立つフリーウェアとシェアウェアのユーティリティについて説明します。

基本

アプリケーション、ドキュメント、またはフォルダにカスタムアイコンを設定するのは、コピー&ペーストするだけです。この短いチュートリアルでは、既存のアイコンを使ってフォルダをカスタマイズします。

クリップボード内の任意の画像をアイコンにすることができます。それを「情報を見る」ウィンドウに貼り付けるだけです。

1. Finder に移動し、デスクトップをクリックして、「ファイル」->「新規フォルダ」を選択します。

2. フォルダーに「Icon Tutorial」などの名前を付けます。

3. [移動] -> [アプリケーション] を選択し、[Front Row] (または任意の他のアプリケーション アイコン) を見つけます。

4. Front Row を 1 回クリックして強調表示し、[ファイル] -> [情報を見る] を選択します。

5. 「情報を見る」ウィンドウの左上にアプリケーションアイコンが表示されます。それを一度クリックし、「編集」->「コピー」を選択します。

6. 「情報を見る」ウィンドウを閉じ、デスクトップに戻り、作成した新しいフォルダを見つけます。フォルダを一度クリックしてハイライトし、先ほどと同様に「ファイル」->「情報を見る」を選択します。

7. 左上にある空のフォルダーアイコンをクリックし、今度は「編集」->「貼り付け」を選択します。

8. 「情報を見る」ウィンドウを閉じると、フォルダー アイコンが Front Row アイコンに置き換えられていることがわかります。

いつでも標準のフォルダアイコンに戻すことができます。アイコンをハイライト表示し、「ファイル」->「情報を見る」を選択します。ウィンドウが表示されたら、左上のカスタムアイコンをクリックし、キーボードのDeleteキーを押します。(カスタムアイコンが設定されているアプリケーションやドキュメントも、同様の方法でデフォルトのアイコンに戻すことができます。)

アイコンはパソコン上の他のファイルから借りるしかないと思ってはいけません。The IconfactoryやInterfaceliftといったサイトで、プロがデザインした無料のアイコンを多数見つけることができます。ダウンロードしたら、上記の手順に従って、お気に入りのファイルやフォルダに貼り付けてください。

写真からアイコンを作成する

アイコン ファイルの高さまたは幅は最大 512 ピクセルにする必要があります。

シンプルな写真アイコンを追加することで、ファイルに個性的なタッチを加えることができます。ここでは、iPhoto '09 (  ) の写真を使ってカスタムアイコンを作成します。

1. iPhotoを開き、アイコンとして使用したい画像を探します。スマートアルバムではなく、通常のアルバムから写真を選択します。

2. 写真をクリックしてハイライトし、「写真」->「複製」を選択します。

3. 編集アイコンをクリックして編集モードに入ります。

4. 「切り抜き」をクリックし、マーキーを使ってアイコンとして使用したい部分(おもちゃやお子様の顔など)を切り抜きます。切り抜き部分を正方形に制限することもできますが、必ずしもそうする必要はありません。切り抜きに問題がなければ、「適用」をクリックします。

5. 「完了」をクリックしてライブラリに戻ります。切り抜いた写真はハイライト表示されたままです。「編集」→「コピー」を選択します。

6. Finderに戻り、カスタマイズしたいファイルを探します。ファイルを一度クリックしてハイライト表示し、「ファイル」→「情報を見る」を選択します。

7. 左上のアイコンをクリックし、「編集」->「貼り付け」を選択します。

8. ウィンドウを閉じると、カスタム写真アイコンが正常に作成されたことがわかります。

アートワークからアイコンを作成する

自分のアートワークからアイコンを作るのは楽しいだけでなく、デジタルポートフォリオに洗練された雰囲気を加えることができます。この最後のチュートリアルでは、Adobe Photoshop (  ) を使ってカスタムアイコンを作成します。

アートワークには適切なマスクをかけることが重要です。そうしないと、例えば会社のロゴのアイコンが不自然な白い背景になってしまう可能性があります。Photoshopにインポートしたベクターアートワークは通常、適切な透明度が設定されており、最終的なアイコンにも反映されます。ただし、統合された画像ファイルでアートワークの一部を分離したい場合は、マスクを一から作成する必要があります。(このテクニックはこの記事では扱いません。詳細については、「マスク入門」の記事をご覧ください。)

切り抜きツールを使用して、アイコンとして使用したい写真の部分を切り取ります。

1. Adob​​e Photoshop CS3またはCS4でアートワークを開きます。写真、デジタルペイント、ベクターアートワークなど、どのような形式でも構いません。Adobe Illustratorファイルを開く場合は、「切り抜き」→「アートボックス」を選択します。「アンチエイリアス」と「縦横比を固定」はオンのままにしておきます。ただし、アートワークの元のサイズによっては、解像度を150ppi下げる必要があるかもしれません。

2. 「イメージ」→「画像サイズ」を選択します。アートワークを縦横最大512ピクセルに縮小する必要があります。「縦横比を固定」にチェックが入っていることを確認し、幅または高さのどちらか大きい方に「512」と入力します。「OK」をクリックします。

3. アートのサイズを変更したら、表示されているレイヤーを結合する必要があります。「レイヤー」→「表示されているレイヤーを結合」を選択します。

4. 「ファイル」→「名前を付けて保存」を選択します。形式としてPNGを選択し、ファイルをデスクトップに保存します。

5. デスクトップ上の画像ファイルを見つけます。ファイルをダブルクリックしてプレビューで開き、「編集」→「すべて選択」を選択し、「編集」→「コピー」を選択します。

6. Finderに戻り、カスタマイズしたいファイルを探します。ファイルを一度クリックしてハイライト表示し、「ファイル」->「情報を見る」を選択します。

7. 左上のアイコンをクリックし、「編集」->「貼り付け」を選択します。

8. ウィンドウを閉じると、新しいアイコンの背景が透明になり、エッジがきれいで滑らかになっていることがわかります。

Photoshopからアイコンアートワークを直接コピーして「情報を見る」に貼り付けることもできます。ただし、Photoshopはレイヤー化されたコンテンツをコピーする方法が異なるため、結果が予測できない場合があります。

このシリーズの第 2 部 (2010 年 3 月 11 日公開) では、ユニークなアイコンを作成するのに役立つ便利なユーティリティについて説明します。

[クリス・マクベイは、ノバスコシア州ハリファックスを拠点とする作家、イラストレーター、おもちゃの写真家です。 ]

[このシリーズの第 2 部は 2010 年 3 月 11 日に公開されます。 ]