# アイコン・エディタの使い方

アイコン・エディタは、アイコンまたは背景として使用できるようにビットマップ・イメー ジ・ファイルとピックスマップ・イメージ・ファイルを作成するためのツールです。

UG.IconE.mkr.4
UG.IconE.mkr.8
UG.IconE.mkr.12
UG.IconE.mkr.13

アイコン・エディタにより次の 2 つの形式でイメージを作成および編集できます

## アイコン形式

`形式` | `説明` | `ファイル名`
Xピックスマップ(XPM) | カラーとダイナミックカラーを使用している複数 カラー・イメージ | `*.pm`
Xビットマップ(XBM) | フォアグラウンド・カラーとバックグラウンド・ カラーに対して制限されている 2 色 のイメージ(黒色アイコンと白色アイコンで使用さ れます) | `*.bm`

## アイコン・エディタのメイン・ウィンドウ

描画ツールとカラーを選択して作業領域で使用することによりイメージを作成します。描 画していくと、アイコン・エディタはアイコンの実サイズのコピーを両方の形式で表示し ます。ワークスペースで使用可能なフリー・カラーが十分にないときアイコンは 2 色に 戻るため、カラー・システムで使用できるようにイメージを描画している場合でも、2 色バー ジョンのアイコンについて理解しておく必要があります。

アイコンの設計の詳細については、『スタイルガイドおよび認証チェックリスト』の「ビジュアル・デザイン」の章を 参照してください。

## アイコン・エディタを起動するには

1. [個人アプリケーション] サブパネルを開き、[アイコンエディタ]コントロールをクリ ックします。

この場合、アイコン・エディタの描画作業領域は空です。

### アイコン・エディタを起動する他の方法

次の方法の 1 つで、アイコンを作業領域にロードしてアイコン・エディタを起動するこ ともできます。

- ファイル・マネージャ表示で、アイコン・ファイルを指して、その上でダブルクリッ クして開きます(ピックスマップ・ファイルとビットマップ・ファイルのデフォルト ・アクションは、アイコン・エディタを実行し、ファイルをロードします)。

- [個人アプリケーション] サブパネルの [アイコンエディタ] コントロールにアイコン・ ファイルをドロップします。

- フロントパネルの[アプリケーションマネージャ]コントロールをクリックしてから[デ スクトップアプリケーション]を開き、[アイコンエディタ]をダブルクリックします。

- [端末]ウィンドウで次のコマンドを入力します。

      dticon -f filename &

## 基本描画操作

この節では、アイコンの作成および編集方法とアイコン・エディタ描画ツールの使用方法 について説明します。

### 既存のアイコンを開くには

1. [ファイル]メニューの[開く]を選択します。

   まだ保存していない変更がある場合、アイコン・エディタは別のアイコンをロードす るとその変更が失われてしまうという警告を出します。[開く]コマンドを取り消すには [取 消し]をクリックします。変更を保存したくない場合は[了解]をクリックします。

2. [ファイル名を入力してください。]フィールドにロードしたいファイルの名前を入力 するか、[ファイルを開く]ダイアログ・ボックスの[ファイル]選択からロードしたい アイコン・ファイルを選択します。

3. [開く]をクリックします。

ファイルをロードすると、([オプション]メニューの)[出力形式]にロードしたファ イルの形式を自動的に設定します。

ファイル・マネージャにあるアイコン・ファイルをダブルクリックして、既存のアイコン を開くこともできます。

### 新規アイコンを起動するには

1. [ファイル]メニューの[新規]を選択します。

   まだ保存していない変更がある場合、アイコン・エディタは新規アイコンを起動する とその変更が失われてしまうという警告を出します。[新規]コマンドを取り消すには[取 消し]をクリックし、変更を保存したくない場合は[了解]をクリックします。

アイコン・エディタは作業領域を消去し、それをデフォルト・サイズ(32×32)にサイズ 変更します。

アイコンをすでにロードしている場合、[編集]メニューの[アイコンの消去]を選択して、 すでにロードしていたアイコンとサイズと名前が同じである新規アイコンを起動できます。

### アイコンを消去するには

1. 必要であれば、現在のアイコンを保存します。

2. [編集]メニューの[アイコンの消去]を選択します。

アイコン描画作業領域全体が消去されます。

### イメージを描画するには

1. (UG.IconE.mkr.6にリストされている)描画ツールの1つを選択します。

2. 選択したツールで描画を開始します。

   各ツールによる描画の詳細については、以降に説明しています。

### 描画ツール

UG.IconE.mkr.5は、アイコン・エディタの描画ツールの領域です。

#### アイコン・エディタ描画ツール

- ### 描画ツールの使い方

  `ツール` | `使用目的` | `操作`
  鉛筆 | フリーハンドの直線と個々の ピクセルを描画します。 | 押したままにしてフリーハンドの線を描画 します。
  直線 | まっすぐな線を描画します。 | 押したままにして線を伸ばします。離すと 線を描画します。
  矩形 | 塗りつぶされたまたは輪郭の ある矩形を描画します。 | 押したままにして矩形の輪郭を伸ばします。 離すと矩形を描画します。
  円 | 塗りつぶされたまたは輪郭の ある円を描画します。 | 円の中心を定めて押したまま、希望のサイ ズにドラッグして離します。
  消去 | イメージの大きい領域を消去 します。 | 押したまま消去する領域でドラッグします。 個々のピクセルを消去するには、[鉛筆]ツー ルと [透明] カラーを選択して行います。
  塗りつぶし | 選択されたカラーで 1 つのカラー の領域を塗りつぶします。 | 塗りつぶす領域内のピクセルをクリックし ます。選択されたピクセルと同じカラーの そのまわりにあるピクセルすべてが選択さ れたカラーで再度色づけされます。塗りつ ぶされる領域はすべての方向に拡張され、 境界を引くには違う色のピクセルを使用し ます。
  折れ線 | 直線がつながったものを描画 します。 | 起点をクリックしてから各セグメントでク リックします。 最後のセグメントを終了するにはダブルク リックします。
  多角形 | 直線がつながったものを描画し、 最初の線と最後の線をつなげ て閉じた多角形を描きます。 | 起点をクリックしてから各セグメントでク リックします。 最後のセグメントを終了するにはダブルク リックします。
  楕円 | 塗りつぶされたまたは輪郭の ある楕円を描画します。 | 押したまま希望のサイズと図形にドラッグ してから離します。
  選択 | 作業する領域を選択します。[編 集] メニューのコマンドの中に は領域の選択を必要とするも のがあります。 | 選択する領域の隅のピクセルを指し、押し たまま希望の領域にドラッグして離します。
  塗りつぶし | 輪郭を描画する代わりにその 図形の中を塗りつぶすように、 矩形、円、楕円、および多角 形のツールを変更します。 | チェック・ボックスで選択すると自動的に 図形を塗りつぶすようになります。輪郭を 描画するようにツールを戻すには、チェッ ク・ボックスの選択を解除します。

### 描画操作を元に戻すには

1. [編集]メニューの[元に戻す]を選択します。

一番最後に行われた 1つの変更だけを元に戻すことができます。

## アイコン・ファイルの保存

アイコン・ファイルを保存するときには、適切なファイル名接尾辞を使用しなければなり ません。アイコンのベース名に付け加えられる接尾辞は2つあり、1つはサイズを表し、 もう1つは形式を表します。

    basename.size.format

    basename.format

basenameは、イメージを参照するのに使用されるイメージ名です。

sizeは、アイコンの標準サイズを示す単一文字です。`l`は大型アイコン(48×48ピクセル) を、`m`は中型アイコン(32×32)を、`s`は小型アイコン(24×24)を、`t`は極小アイコン(16 ×16)を表します(UG.IconE.mkr.10を参照してください) 。 アイコンが標準サイズでない場合、この文字を省略できます。

formatは`pm`では Xピックスマップ(カラー・アイコン形式)を、`bm`ではXビットマッ プ(モノクローム・アイコン形式)を表します。

透明カラーを持っているアイコンを XBM 形式で保存する場合、アイコン・マスク・ファ イルも保存されます。アイコン・マスク・ファイルにはbasename.size`_m`という 名前が付けられます。保存したアイコンを別のフォルダに移動する場合、マスク・ファイ ルも移動しなければなりません。

たとえば、書き込んだ`mail`という名前のアイコンにファイル・タイプを指定したとします。 カラー・ディスプレイを持っていて、ファイル・マネージャの選択が極小アイコンを使用 するように設定している場合、予想されるアイコン名は`mail.t.bm`と`mail.t_m.bm`という 2つのファイルが作成されます。

### アイコン・サイズの規則

UG.IconE.mkr.11 は、CDEでの使用に合わせて新規ア イコンを作成するために推奨されるサイズ(幅 ×高さ(ピクセル単位))の一覧です。256×256がアイコンの上限です。

### アイコン・サイズ規則

`用途` | `最大` | `通常` | `最小`
`ファイル・マネージャ(大型)` | 32x32 | 32x32 | 32x32
`ファイル・マネージャ(小型)` | 16x16 | 16x16 | 16x16
`アプリケーション・マネージャ(大型)` | 32x32 | 32x32 | 32x32
`アプリケーション・マネージャ(小型)` | 16x16 | 16x16 | 16x16
`フロントパネル` | 48x48 | 48x48 | 32x32
`フロントパネルのサブパネル` | 32x32 | 32x32 | 16x16
`アイコン化されたウィンドウ` | 48x48 | 48x48 | 32x32
`ワークスペース` | 32x32 | 32x32 | 32x32

### アイコンを保存するには

1. [オプション]メニューの[出力形式]を選択します。

   - XBMは、2色のXビットマップ形式を表します。

   - XPMは、マルチカラーのXピックスマップ形式を表します(デフォルト)。

2. [ファイル]メニューの[保存]を選択します。

   アイコンに名前が付いていなかったり、[別名保存]を選択する場合、アイコン・エディ タはファイル名を入力するよう要求します。名前を入力してから[保存]をクリックし ます。

透明カラーを持っている XBM 形式でアイコンを保存する場合、アイコン・マスク・ファ イルも保存されます。アイコン・マスク・ファイルにはbasename.size`_m`.formatという 名前が付けられます。保存したアイコンを別のフォルダに移動する場合、マスク・ファイ ルも移動しなければなりません。

### 新しい名前でアイコンを保存するには

1. [ファイル]メニューの[別名保存]を選択します。

2. [ファイルを別名で保存]の下にファイル名を入力(または選択)します。

3. [保存]をクリックします。

   ファイルがすでに存在する場合、警告ダイアログ・ボックスにある[了解]をクリック して既存のファイルを上書きする必要があります。

## カラーの使い方

デスクトップにあるアイコンは、次のような22色のパレットを使用します。

- 8色のグレー

- 8色のカラー − 赤、青、緑、シアン、マゼンダ、黄、黒、白

- 5色のダイナミックカラー − フォラグラウンド、バックグラウンド、ボトムシャドウ、選択

- バックグラウンドを表示可能にする透明「カラー」

これらのカラーは、アイコン・エディタにおけるデフォルト・カラーです。このカラーのセッ トにより、アイコンの作成に使いやすいパレットを提供します。この制限されたパレット を選択すれば、不必要な数のカラーを使用しないでもアイコンの特徴と読みやすさを最大 限に引き出せます。

ダイナミックカラーは、アイコンが表示されるアプリケーションを表示するのに使用され るカラーを表します。アイコンがファイル・マネージャに表示されると、ファイル・マネー ジャはバックグラウンド・カラーを決めます。ダイナミックカラーは、スタイル・マネー ジャで選択された別のカラー・パレットに合わせてカラーを変更したいアイコンに使用す ると便利です。ダイナミックカラーは、アイコンが 2 つ以上の場所で使用され、そのア イコンが表示されるアプリケーションのカラーを使用したい場合にも便利です。

トップシャドウとボトムシャドウは、アイコンの下に図形を描画するのに使用できます。 これらのカラーを使用して、アイコンの表面をエッチングして表示できます。これは、フ ロントパネルのスタイル・アイコンにだけお勧めできるものです。

透明カラーを使用するとアイコンの背後にカラーを表示できるので、矩形でないものを浮 かび上がらせるアイコンを作成するには透明カラーを使用すると便利です。アイコンが境 界ボックス全体を塗りつぶしていない場合は、未使用の領域を透明カラーで塗りつぶさな ければなりません。

## 拡張描画操作

アイコン・エディタの基本描画機能に慣れてきたら、拡張機能を使用したくなる場合があ ります。これらの操作の大部分は、最初にアイコンの領域を「選択」する必要があります。 アイコンの領域の選択は、選択ツール(消去の横にあります)を使用して行われます。

アイコンの領域を選択すると、次のことが行えます。

- カット、コピー、または移動

- サイズ変更(大きさを変える)

- 反転(水平方向または垂直方向)

- 回転(右方向または左方向)

### アイコンの領域を選択するには

1. [選択]ツールをクリックします(消去の横にあります)。

2. 選択する領域に囲まれたボックスをドラッグします。

   領域が選択されると、ボックスは選択された領域のまわりで点滅します。

### アイコンの領域のカット

1. 選択ツールを使用してカットするアイコンの領域を選択します。

2. [編集]メニューの[領域のカット]を選択します。

アイコンの一部をカットすると、切り取られた領域は「透明」になります(つまり、[透明] カラーで塗りつぶされます)。

ある領域をカットした後で、[編集]メニューの[領域のペースト]を選択するとその領域 をアイコンにペーストしなおすことができます。

### アイコンの領域をコピーするには

1. 選択ツールを使用してコピーするアイコンの領域を選択します。

2. [編集]メニューの[領域のコピー]を選択します。

3. [編集]メニューの[領域のペースト]を選択します。

4. コピーをペーストしたい部分の輪郭を決めてからクリックします。

コピーした領域の複数コピーをペーストするために手順3と4を必要な回数繰り返すこ とができます。

### アイコンの領域を移動するには

1. 選択ツールを使用して移動するアイコンの領域を選択します。

2. [編集]メニューの[領域のカット]を選択します。

3. [編集]メニューの[領域のペースト]を選択します。

4. コピーをペーストしたい部分の輪郭を決めてからクリックします。

カットした領域の複数コピーをペーストするために手順3と4を必要な回数繰り返すこ とができます。

### アイコンの一部を回転するには

1. 選択ツールを使用して回転するアイコンの領域を選択します。

2. [編集]メニューの[領域の回転]を選択してから[左]か[右]を選択します。

3. 回転した領域をペーストしたい部分の輪郭を決めてからクリックします。

### アイコンの一部を反転(ミラー化)するには

領域を反転すると、選択された領域のピクセル単位のミラー・イメージが作成されます。

1. 選択ツールを使用して反転するアイコンの領域を選択します。

2. [編集]メニューの[領域の反転]を選択してから[垂直]か[水平]を選択します。

### アイコンのサイズ変更

アイコン全体またはアイコンの領域のサイズを変更できます。

#### アイコンのサイズ変更

1. [編集]メニューの[アイコンのサイズ変更]を選択します。

   アイコン・エディタは、新しいサイズをプロンプト要求するダイアログ・ボックスを 表示します。

2. 現在の幅と高さを編集して、新しいサイズを指定します。

3. [了解]をクリックします。

アイコンをもっと小さくする場合、右と下部の端が切り取られます。アイコンをも っと大きくする場合は、既存のイメージがアイコンの左上にそのまま残ります。

#### アイコンの領域をサイズ変更する(大きさを変える)には

1. 選択ツールを使用してサイズ変更するアイコンの領域を選択します。

2. [編集]メニューの[領域のスケール]を選択します。

3. 大きさを変えたイメージになるようにサイズと形を定義するボックスをドラッグします。

   ボックスのサイズは、右上の領域に表示されます。これにより、イメージの選択され た部分を大きさを変える方法を決定します。その結果をどこに置くかは決定しません。

4. 大きさを変えたコピーをペーストしたい部分の輪郭を決めてからクリックします。

### ホットスポット

ビットマップ・イメージ(XBM 形式)は、特別なマウス・ポインタの形として使用できます。ホットスポットは、マウス・ポインタの真のポイントであるイメージ内の一つのピク セルをマークします。

#### ホットスポットを追加するには

アイコンにホットスポットを1つだけ持つことができます。

1. [編集]メニューの[ホットスポットの追加]を選択します。

2. ホットスポットを希望する部分のピクセルをクリックします。

#### ホットスポットを削除するには

1. [編集]メニューの[ホットスポットの削除]を選択します。

### 画面の取り込み

画面のどの部分からでもアイコン・エディタに領域をコピーできます。表示されているテ キストまたはグラフィックをコピー (「グラブ」) してアイコン・エディタ作業領域にロードできます。

#### ディスプレイの領域を取り込む(グラブする)には

1. 必要であれば、現在のアイコンを保存します。

2. [編集] メニューから [画面イメージをグラブ] を選択します。

3. 取り込みたいワークスペースの部分をボックスで囲んでドラッグします (マウス・ボ タン1を押してドラッグしてから離します) 。

ディスプレイの領域を取り込むと、そのアイコンはデスクトップで使用可能なカラー のいくつかを使うようになります。

### アイコンの表示の変更

拡大率を変更したり、グリッドを使用することにより、アイコン・エディタ作業領域にあ るアイコンの表示を変更できます。

#### グリッドを隠すには

1. [オプション]メニューの[グリッド表示]を選択します。

   これにより、グリッドは隠れます。グリッドを表示するには、[オプション]メニューの[グ リッド表示]をもう一度選択してください。グリッドはデフォルトでは表示されています。

#### アイコンの拡大率を変更するには

1. [オプション]メニューの[拡大率]を選択します。

2. サブメニューから希望の拡大率のレベルを選択します。