animation

5001 どうぐ箱

どうぐばこ

このページを作るのに使用した「どうぐ」について紹介します。 PhotoshopとGIF Construction Setの使い方の基本を、載せようかとも思いましたが、止めました。

分かりやすく正確に紹介する程の知識と日本語を知らないことに気づきました。代りに途中での失敗とか困った時の対応を紹介します。

他にも便利なツールがあると思いますが、ここにあるツールも使いこなせていませんので私の「どうぐ箱」はこれだけです。

パソコン DOS/V機（Windows95)
グラフィック Photoshop4.0J
アニメーション GIF Construction Set(32-bit) 1.0P (patch 4)
HTML文 Windows95のアクセサリのメモ帳
表示確認 Internet Explorer (Version3.02)
Netscape Navigator（Version3.01Gold[ja])
Photoshopは米国Adobe Systems Incorporatedの商標です。 Gif Construction SetはカナダAlchemy Mindworks Inc.の商標です。 Internet Explorerは米国Micrsoft Corporationの商標です。 Netscape Navigatorは米国Netscape Communications Corporationの商標です。

DOS/V機: 普段、私がWindows95のワープロソフトを使っているパソコンです。CPUはpentium120MHzです。
Photoshop: グラフィックソフトとしては世界でも最も優れたソフトのひとつだそうです。以前から会社にあるソフトで少しだけ使ったことがあります。
GIF Construction Set: 本屋の店先で見た本にWindows95用GIFアニメーションソフトの定番と書いてありましたので買ってもらいました。シェアウェアで価格は20ドルでした。
メモ帳: 95をインストールすると一緒にインストールされwindows95の［スタート］メニューからたどれるアクセサリのメモ帳のことです。ここにＨＴＭＬを使ってホームページの内容を書きました。
表示確認: ネコアニは上記のInternet ExplorerとNetscape Navigatorで確認しています。そのバージョンや表示するコンピュータの種類によっても見えかたが異なるそうです。変でしたらお知らせ下さい。

GIFアニメーションの作成作業
GIF Construction Set

素材は「ニャンだーLife」の制作に使ったデータを使いました。 GIF Construction Setでは画像の中身はいじらないことを前提にPhotoshopで各コマを用意します。

①	アニメーションに使うカラーパレットを読み込みます。
②	アニメーションする各コマを読み込みます。
③	各コマの表示位置を調整します。
④	各コマの表示時間を設定します。
⑤	一連のコマの繰返し回数を設定します。
⑥	View機能でチェックします。
⑦	一つのファイルに出力します。
⑧	ブラウザでチェックします。

各コマが一つのファイルのままgif89a形式のファイルに変換した場合は、各コマを一つのファイルに分離しておきます。
①を最初にやることを間違えなければ②～⑤の作業順は変えても大丈夫ですし、 ⑥のチェック後の変更も可能です。
View機能とブラウザでは表示機能が異なるため最終チェックは必ずブラウザで行います。私の場合、View機能を基本的な設定ミスのチェックに使いました。
Photoshopで作成した画像が気に入らない時、ブラウザを開いたままPhotoshopでの作業を行いますと、 Photoshopが正常に機能しなくなることがあります。
時間を掛けて作った絵を失うことになりますので、ブラウザを事前に閉じることをお勧めします。何度も痛い目にあいました。

ＨＴＭＬ文の表示確認作業

作業はブラウザ（Internet Explorer）とメモ帳とエクスプローラを開いておき、 HTML文を少しかいてはブラウザで確認するという繰返しで進めました。

困ったこと

HTML文を修正した時、すでにそのページを表示しているブラウザがある場合はブラウザの更新ボタンを押しますと、通常は修正後のページが表示されます。

何故か修正途中でブラウザでの更新が機能しなくなり、自分の修正ミスかと悩むことがありました。ブラウザ（あるいはWindows95が）が正常に機能していない場合がありますので、 Windows95使用に際しての基本的なことですが下記の操作をお勧めします。

解決法

①	ブラウザを終了させ再起動します。
②	Windows95を終了させ再起動する。
③	Netscape Navigatorを起動して確認する。

修正後のページが表示されない理由は、ブラウザ(あるいはWindows95)自身が死んでるか死に掛かっている。もうひとつはキャッシュの関係でそうなることも有り得るらしいです。
何が悪いのか分からなくて、今日はやめ、またあした。翌朝、表示すると正しく表示してくれたことが何度かありました。知らずに②をやっていたということです。
③でも正しく表示されない時は私の間違い。真面目にHTML文を見直しました。これも結構ありましたが。
HTML文の記入ミスチェックのために両ブラウザで見ておいた方がよいと思います｡ Internet Explorerの方は私が使ったタグでは文法チェックが甘いような気がします。

Netscape Navigatorを第一の確認表示ブラウザに使わなかった理由。

私のパソコンではブラウザの起動時間が掛かること、アニメーション速度も少し遅い（各コマの表示時間を10/100秒に設定）ことによります。

またアニメーションするデータの比較のため数十個位同時に表示することが多く、 Internet Explorerに比べてファイル数が多くなるにつれて遅くなります。

同時に表示するファイル数が少ない場合はあまり気にする必要はないかも知れません。

Internet Explorerでの疑問点？？？

Internet ExplorerではNetscape Navigatorに比べてそれ程遅くなりませんが、たまに時間がたつとコマの動きが遅くなったり不規則な動きになることがありました。

それともう一つ、IEでコマの微調整（１ピクセル移動）を行うとうまくいかない場合があります。 NNで確認すると正しく表示されます。HTML文の書き方が悪いのでしょうか？

どなたか教えていただけませんでしょうか。

GIFアニメーションについてもっと知りたい方へ

このページで公開時に載せようと思ったアニメーションの見通しがついたので、これから作って見ようかなと思う方のために「GIFアニメーションの基礎」的なことを書こうと思い、

何か参考になるページはないかと検索サイトでgifanimationと入力してみましたら、素晴らしいページが沢山あることを初めて知りました。

ちなみに検索サイトは「infoseek　japan]です。ブラウザの検索ボタンを押すとすぐご覧になれます。

具体的な作成方法が載っているページも沢山あると思います。作る前に見ていたらネコアニはなかったでしょう。

ＥＮＤ