カウンター用のオリジナル画像を作ろう

CGIプログラムが少し使えるようになると、あなただけのオリジナルカウンターを作ることができます。

カウンター画像の作り方です。
ウェブアートデザイナーで作成する方法です
まずツールから、ウェブアートデザイナーを起動させましょう。
次に、アイコンをクリックしてロゴ文字ウイザードを稼動させます。
数字の0を入力して、次へと進んでいきましょう。
ここでは、練習なので、デザインはあまり考えません。
最後に完了をします。
すると、左端に0画像が出来ます。
次に0画像を左クリックして、指定した後、右クリックします。
すると、操作できる内容が出てきます。
そこで、オブジェクトの編集を選びます。
ロゴの編集画面で情報を選びます。
情報画面で
縦横比保持のチェックをはずします。
幅と高さのうち、高さの数値が今後大切になりますので
高さの数値を何かにメモしておきます。
今回は21でした。
次に再度0画像を左クリックして、指定した後、右クリックします。
すると、操作できる内容が出てきます。
そこで、WEB用保存ウイザードを選びます。
WEB用保存ウィザードを進めていきます。
真ん中に0画像が表示されていることを確認します。
次にGIFの部分が選択されていることを確認して進みます。
ファイルのサイズが圧縮されることを確認して先に進みます。
ファイルに保存を選択します。
ホームページに貼り付けるのではありません。
名前を付けて保存します。
保存する場所はどこでも構いませんが、とりあえず
デスクトップにしておきましょう。
ファイル名は0です。
これで0.gifが出来ました。
今度は1.gif
再び0画像を左クリックして、指定した後、右クリックします。
すると、操作できる内容が出てきます。
そこで、オブジェクトの編集を選びます。
すると、ロゴの編集画面が出てきますので、
文字を選びます。
そして、0だった数字を
1に変更します。
次に、情報を選び、高さが先ほど記録していた
21になっていなかったら21に変更します。
カウンター画像は高さがすべて一定でないと
使えません

このあとは、0.gif
と同様な方法にて1.gifを保存していきます。
そうして、
0〜9までのGIF画像を作ってしまえば
完了です。
慣れてきたら、いろんな画像を合わせて
こんなカウンターを作っちゃいましょう。

戻る