まりふのひと

iPS-BBの会 4/30 PMは「Windows7のペイント等とGIAMでアニメを作る」

MAPS-BB GEditor

Windows7のペイント等とGIAMでアニメを作る − iPS-BBの会

  1. 日時： 4月30日（木） 13:00〜17:00

  2. 場所： 田布施町高齢者いきいき館
  3. 内容： Windows7のペイント，Word，JTrimで画像を作り、GIAMを使ってアニメーションgifジフを作る
  4. 募集
    • iPS-BB（掲示板）No.817「アニメをもっと知りたいのですが」に書き込みのあった 7名で締め切ります。
    • 見学はどなたでもできますが、パソコンの持ち込みはご遠慮ください。机もありません。
  5. 費用
    • 500円/人
  6. その他
    • 一回では終わりそうもないので、次回の日時を決めます。
    • 次回のテーマを決めるため、
      (1)作品をブログにアップする。
      (2)質問・疑問等は、iPS-BB（掲示板）に投稿し、共有化を図る。


いきさつ

　iPS-BB（掲示板）に「アニメをもっと知りたい」という投稿（No.817）があった。
「何年か前」とは、WindowsXP時代の「GIFアニメ入門」であろう。
ステップを追って修正しかけたが、ペイントも変わったし、GIAM もバージョンが上がっているので、大幅な修正になりそう。そこまでの元気もない‥‥ ので中止した。
　「GIFアニメ入門」をベースに、ネットを参照しながら口頭で説明するので、誰か記録をとって（≒テキストを作って）欲しい。
その人の質問・疑問には、懇切丁寧に答える用意はあるがどうだろうか...

目を引く！動く！無料ソフト「Giam」でアニメgif画像を作成する（動画ファン）

  1. まずは上記サイトに移動し、
  2. 「詳しい動画解説」の下にある動画を再生してください。
    • Youtube で［全画面］にしたほうがよくわかります。全画面の解除は［Esc］キーです。
    • 見るだけで、パソコンの操作はしません。

パソコンの設定

  • 「ダブルクリックで開く」 ‥‥ 開催中は必須とします。
  • 「タスクバーのボタンは結合しない」 ‥‥ 推奨
    • タスクバーのボタンを見ない人は‥‥ ご遠慮願いたい。
      タスクボタンを見て素早く判断するには、「ボタンは結合しない」のがベストです。
  • 拡張子の表示
    • 諸事情より、表示して欲しいけど、表示しないものとします。（自己責任で表示するのは自由）。
    • 今回使用する拡張子は下表ですが、「項目の種類」で判断するものとします。

呼び方拡張子項目の種類概要*1
ジフ
ギフ		gifGIFイメージアメリカの CompuServe が開発した画像形式で、
Graphic Interchange Formatの略。
256色までの画像を保存することができる。
JPEGが苦手なイラストやアイコンなどの保存に向いている。
ビットマップbmpBMPファイルWindows標準の画像形式。
フルカラー(1677万7216色)までの画像を保存できる。
基本的には無圧縮なのでファイル容量は大きいが、表示速度は速い。
ジェイペグjpg
jpeg		JPEGファイル静止画像データの圧縮方式の一つで、Joint Photographic Experts Groupの略。
フルカラー(1677万7216色)までの画像を保存できるが
非可逆圧縮のため、圧縮前のデータを完全に復元することはできない。
圧縮率を大きくする（品質を下げる）と画質が落ちる。
ピングpngPNGイメージGIF特許問題を避けるため開発された画像フォーマット（たぶん）
フルカラーに対応。

  • フォルダーを作る（任意）
    • マイピクチャーに “アニメ” フォルダを作り、ここで作成したファイル等を保存する‥‥ ことをお勧めします。
  • 上記動画ファンで使用する画像は、
    1. まりふのひとの「公開」OneDriveから
    2. GIAMで作るアニメ・フォルダーを開き、
    3. 「usa.zip」をダウンロード ⇒ ファイルを開く と進み、
    4. 表示された usa・フォルダを自PCのアニメ・フォルダーにコピーする。
  • BMPファイル（拡張子 bmp）を開いた時に起動するアプリをペイントにする
    1. アニメ・フォルダーを開き、
    2. usa・フォルダーを開く。
    3. 表示された任意の画像をポイントすると、項目の種類：BMPファイル と表示される。
      拡張子で云えば、bmp。
    4. 任意の画像を右クリック ⇒［プログラムから開く］⇒［既定のプログラムの選択］をクリックする。

      　現在の既定のプログラムが選択・表示される。
      1. ペイントを選択する。（上右図）
      2. Rこの種類のファイルを開くときは、選択したプログラムをいつも使う にチェックを入れ、
      3. ［OK］をクリックする。
    5. ペイントが起動し、画像が表示される。
    6. ペイントを閉じる。
    7. 参考までに‥‥ JTrimに送る。
      1. ［カラー］メニューをクリックし、
      2. ［使用色数計算］をクリックすると‥‥
      3. ［OK］で閉じる。
    8. JTrimを閉じる。
    9. エクスプローラを閉じる。
  • 参考）動画ファンの中でも言っていますが、作者は「GIAM」の呼び方を決めていません。
    そこで、ここでは“ジアム”と言うことにします。
    • ここで作るファイルの種類は「GIFイメージ」で、GIFアニメ，アニメーションGIF，アニメGIF等と呼ばれている。

動画ファンの動画を参考にアニメを作る

  • GIAMインストール後、［送る］メニューに登録しておくと便利 ‥‥ 登録は任意
    1. エクスプローラを開く。
    2. アドレスバーに “sendto” と入力し、［Enter］。
    3. SendTo フォルダが開くので、デスクトップの GIAM 起動アイコンを Sendto フォルダにコピーする。
  • ここで作成したアニメをブログに載せる時は、著作権上、「動画ファン」からの引用であることを記載する必要がある。
    　例： “動画ファン http://pjoy.net/ より引用”

gifアニメの例

　インターネット上に公開されているアニメがどのように作られているかを調べ、今後の糧にする。

  1. 作品例
  2. gifアニメを右クリック ⇒［名前を付けて画像を保存］
    • GIFイメージ ファイルは、画像を右クリック⇒［プロパティ］で表示される「アドレス（URL）」が “.gif” で終わっている。
  3. アニメ・フォルダーに［保存］する。
  4. アニメ・フォルダーを開く
  5. アニメ・フォルダーに保存したファイル名のフォルダーを作る
  6. 保存した GIFイメージを右クリック ⇒［送る］⇒［Giam］
  7. コマを見るだけであれば、［コマのリスト表示］
    保存する場合は
    1. コマを［全部選択］し、
    2. ［ファイル］⇒［選択コマの保存］
    3. 【現在選択中のコマを個々に保存】ダイアログボックスで
      1. 保存するフォル： ［参照］をクリックし、上記で作成したフォルダーを指定する
      2. 保存ファイルの形式： 8BMP
      3. R同名ファイルは上書きする
      4. ［OK］
  8. GIAMを閉じる


参考
  • まりふのひとの「公開」OneDrive から「GIAMで作るアニメ」にある「平成17年麻里府文化展アニメ作品集」をダウンロード・開くと、元会員にアニメが見られる。（見るだけ）

点滅する「こんにちは〜」を作ってみる

　調べるだけでは飽きがくるので、準備と基本を確認しながらアニメを作ってみる。
（アニメごとにフォルダーを作って、バラバラにならないようにする）

  1. Wordを起動する。
    1. ワードアートで文字を作る。（文字はなんでもよい）
      • ワードアートの大きさは、実際に表示する大きさにする。後から縮小すると汚くなる。
    2. ワードアートを選択（Word2010では、枠線が実線の状態）し、コピーする。（Ctrl＋C が使える）
  2. JTrimを起動する。
    1. 貼り付ける。（Ctrl＋V が使える）
    2. ［カラー］メニュー ⇒［使用色数計算］をクリックする。
      • gifアニメで使える色数は 256以下。あとから減色すると汚くなる。
    3. 減色する：［カラー］メニュー ⇒［色解像度の変更］
      • 256色(8ビット)
      • 256色(8ビット) - 誤差拡散 ‥‥ 色数は多いが綺麗...
      • 16色(4ビット)
      • 16色(4ビット) - 誤差拡散 ‥‥ ベターか...
    4. 全て選択し、コピーする。（Ctrl＋A ⇒ Ctrl＋C）
  3. ペイントを起動する。
    1. 貼り付ける。
    2. 上下左右の余白を最低限にする。
      1. 全体が見える程度に拡大する
      2. グリッド線を表示する。（［表示］タブ ⇒ Rグリッド線）‥‥ 任意
      3. 全て選択する。（Ctrl＋A）
      4. ドラッグして、上および左の空白を調整する。
      5. 下および右の余白は、ハンドルをドラッグする。
      6. 終わったら、［ホーム］タブ/イメージGr.の上の［選択］をクリックし、選択を解除する。
        グリッド線も解除するとよい。（出しっ放しにしない）
    3. 更にズームで拡大し、「ゴミ」を［消しゴム］で消すとよい。（任意）
    4. 名前を付けて保存する。
      • BMP画像
      • 保存する場所は‥‥ アニメ・フォルダーにアニメ名フォルダーを作って保存する。
      • ファイル名は‥‥ ***1（****はアニメ名）
    5. 更に、真っ白い画像を作る。
      1. 全て選択し、
      2. ［Delete］
    6. 名前を付けて保存する。
      • BMP画像
      • 保存する場所は‥‥ 先ほどのアニメ名フォルダー
      • ファイル名は‥‥ ***2（****はアニメ名）
  4. ペイントを閉じる。
  5. JTrimを閉じる。（保存不要）
  6. Wordを閉じる（保存不要）

*1:主に「IT用語辞典 e-Words」より引用