カウンター用のオリジナル画像を作ろう
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画像を作ってしまえば 完了です。 慣れてきたら、いろんな画像を合わせて こんなカウンターを作っちゃいましょう。 |