以下の説明では,ホームページにアクセントを付けることを目標にxpaintの使い方を紹介します.
コマンドの後に『&』記号を入力していることに注意してください.% xpaint &
すると,左の図のウィンドウが開きます.
並んできいるボタンは,絵を描くためのツールを表しています.
このツールボタンで描画方法を選択しながら絵を描いていくのです.
FILEを選択すると,右の図のようにファイルメニューが現れます.
ここでは,キャンバスの大きさを指定して新しく絵を描いてみます.
図のように[New With Size..]を選択します. すると,

のようにカンバスの大きを入力するウィンドウが開きます. 単位はピクセル(画素)です. 1インチは約72ピクセルです. そしてOKを選択します.
あとで説明するJavaアプレットを使って,ホームページにアニメーションを実現するためには,できるだけ小さい画像を作成してください. 大きなサイズでは画像データのロードに時間がかかりアニメーション効果がなくなります.
小さ目のキャンバスにしたときには,ズーム倍率を示すZOOMに適当な倍率を入れます. ズームは後からでも換えることができます.
既に描いてある画像ファイルを開くには,xpaintのツールウィンドウにあるFILEをクリックして[open..]を選択します.すると,左の図のようなウィンドウが開くので,開きたい画像ファイルをクリックします. ウィンドウ右側にあるボタンは画像フォーマットを指定するもので, この例ではGIFフォーマットで画像を開こうとしています.
xpaintで描く絵は,特に理由がなければGIFフォーマットで保存するようにしてください.
この例では,100x150ピクセルのキャンパスとしたので,描きにくくなっています. こんなときにはカンバスの拡大を行ないます. また,必要に応じてウィンドウの仕切り直しを行ないます.
書いた絵を保存するには,右の図のようにカンバスウィンドウのFILEをクリックしてから,
[Save As..]を選択します.
すると,左の図のような保存用ウィンドウが開きます.
この例では
カンバスウィンドウからImageをクリックして,左の図のように[Change Zoom..]を選択してズーム倍率を変更します(ここでは,2倍としている).
すると,次のようになります.
右側に実際の大きさ,左側がズームされた画面です.
このようにして(さらに大きくズームして),細かい部分の絵を描いていくのです.
ズーム倍率を挙げると,ウィンドウ内のカンバスは収まりきれなくなります.
そんなときには,ウィンドウ内の仕切り位置を変えます.
左の図のように,カンバスウィンドウの右側の四角のノッチにマウスを置くと,マウスカーソルの形状が『=』のようになったことを確かめてから,ドラッグします.
また必要に応じて,カンバスウィンドウ自体も適当な大きさにリサイズしてください.
カンバスウィンドウの下に並んでいる色やパターンを追加するには,
右のようにカンバスウィンドウ右側にある[Add Pattern]または[Add Solid]ボタンをクリックします.
たとえば,色を追加するには[Add Solid]ボタンをクリックして現れる左のウィンドウで,
色円から適当な色を選択して[OK]ボタンを押します.