Solaris 共通デスクトップ環境 ユーザーズ・ガイド

第 13 章 アイコン・エディタの使い方

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

この章では、次の内容について説明します。

アイコン・エディタの概要

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

表 13-1 アイコン形式

形式 

説明 

ファイル名 

X ピックスマップ (XPM) 

カラーとダイナミックカラーを使用している複数カラー・イメージ 

*.pm

X ビットマップ (XBM) 

フォアグラウンド・カラーとバックグラウンド・カラーに対して制限されている 2 色のイメージ (黒色アイコンと白色アイコンで使用されます。) 

*.bm

図 13-1 アイコン・エディタのメイン・ウィンドウ

Graphic

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

アイコンの設計の詳細は、共通デスクトップ環境 スタイル・ガイドの第 4 章「視覚的な設計」を参照してください。

アイコン・エディタの起動

    [ワークスペース] メニューの [プログラム] から [アイコンエディタ] を選択します。

次のいずれかの方法で、アイコンを作業領域に読み込んで、アイコン・エディタを起動できます。


注 -

/usr/dt/bin.cshrc ファイルに設定されていない場合は、/usr/dt/bin/dticon と入力して、コマンド行からアイコン・エディタを実行してください。


基本描画操作

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

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

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

    まだ保存していない変更がある場合は、別のアイコンを読み込むとその変更が失われますという警告が表示されます。[開く] コマンドを取り消すには、[取消し] をクリックします。変更を保存しない場合は、[了解] をクリックします。

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

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


    注 -

    ファイルを読み込むと、([オプション] メニューの) [出力形式] に読み込んだファイルの形式を自動的に設定します。


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

新規アイコンを開くには

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

    まだ保存していない変更がある場合は、新規アイコンを開くとその変更が失われますという警告が表示されます。[新規] を取り消すには、[取消し] をクリックします。変更を保存しない場合は、[了解] をクリックします。

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

アイコンをすでに読み込んでいる場合は、[編集] メニューの [アイコンの消去] を選択して、すでに読み込んでいたアイコンとサイズと名前が同じである新規アイコンを開くことができます。

アイコンを消去するには

  1. 必要に応じて、現在のアイコンを保存します。

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

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

イメージを描画するには

  1. (表 13-2 にリストされている) 描画ツールの 1 つを選択します。

  2. カラー (カラー、グレー、またはダイナミックカラー) を選択します。

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

    各ツールによる描画の詳細は、次の節で説明します。

描画ツール

図 13-2 は、アイコン・エディタの描画ツールです。

図 13-2 アイコン・エディタ描画ツール

Graphic

表 13-2 描画ツールの使い方

ツール 

使用目的 

操作 

鉛筆 

フリーハンドの直線と個々のピクセルを描画します。 

押したままにして、フリーハンドの線を描画します。 

直線 

まっすぐな線を描画します。 

押したままにして、線を伸ばします。離すと線を描画します。 

矩形 

塗りつぶされた、または輪郭のある矩形を描画します。 

押したままにして、矩形の輪郭を伸ばします。離すと矩形を描画します。 

円 

塗りつぶされた、または輪郭のある円を描画します。 

円の中心を定めて押したまま、希望のサイズにドラッグして離します。 

消去 

イメージの大きい領域を消去します。 

押したまま、消去する領域でドラッグします。 

個々のピクセルを消去するには、[鉛筆] ツールと [透明] カラーを選択して行います。 

塗りつぶし 

選択されたカラーで 1 つのカラーの領域を塗りつぶします。 

塗りつぶす領域内のピクセルをクリックします。選択されたピクセルと同じカラーのその周りにあるピクセルすべてが、選択されたカラーで再度色づけされます。塗りつぶされる領域は、すべての方向に拡張され、境界を引くには、違う色のピクセルを使用します。 

折れ線 

直線がつながったものを描画します。 

起点をクリックしてから各セグメントでクリックします。 

最後のセグメントを終了するには、ダブルクリックします。 

多角形 

直線がつながったものを描画し、最初の線と最後の線をつなげて閉じた多角形を描きます。 

起点をクリックしてから各セグメントでクリックします。 

最後のセグメントを終了するには、ダブルクリックします。 

楕円 

塗りつぶされた、または輪郭のある楕円を描画します。 

押したまま、希望のサイズと図形にドラッグしてから離します。 

選択 

作業する領域を選択します。[編集] メニューのコマンドの中には、領域の選択を必要とするものがあります。 

選択する領域の隅のピクセルを指し、押したまま希望の領域にドラッグして離します。 

塗りつぶし 

輪郭を描画する代わりにその図形の中を塗りつぶすように、矩形、円、楕円、および多角形のツールを変更します。

チェック・ボックスで選択すると、自動的に図形を塗りつぶすようになります。輪郭を描画するようにツールを戻すには、チェック・ボックスの選択を解除します。 

描画操作を元に戻すには

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

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

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

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

basename.size.format
basename.format

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

size は、アイコンの標準サイズを示す単一文字です。l は大型アイコン (48x48 ピクセル)、m は中型アイコン (32x32)、s は小型アイコン (24x24)、t は極小アイコン (16x16) を表します (詳細は、「アイコン・サイズの規則」を参照してください) 。アイコンが標準サイズではない場合は、この文字を省略できます。

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

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

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

アイコン・サイズの規則

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

表 13-3 アイコン・サイズ規則

用途 

最大 

通常 

最小 

ファイル・マネージャ (大型) 

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 色のパレットを使用します。

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

ダイナミックカラーは、アイコンが表示されるアプリケーションを表示するのに使用されるカラーを表します。アイコンがファイル・マネージャに表示されると、ファイル・マネージャはバックグラウンド・カラーを決めます。ダイナミックカラーは、スタイル・マネージャで選択された別のカラー・パレットに合わせてカラーを変更するアイコンに使用すると便利です。ダイナミックカラーは、アイコンが 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. 必要に応じて、現在のアイコンを保存します。

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

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


注 -

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


アイコンの表示の変更

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

グリッドを隠すには

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

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

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

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

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