Vector HOLDINGS Corporate Site

ダウンロードソフトウェア販売のベクターPCショップで手に入れよう！ソフト

  • ご注文の確認・受取はこちらカートを見るご利用案内

現在地
PCショップ(Windowsトップ) >  ソフト


製品/オンラインソフト
OPTPiX webDesigner
製品トップ
製品概要
機能紹介
重要なお知らせ
(Ver.2最終版ダウンロード)
動作環境
価格、ご購入
ダウンロード(試用)
[デジカメ画像も美しく! ホームページ用画像作成・最適化ツール]
OPTPiX webDesigner
機能紹介 最終更新日
2005/08/10


機能紹介メニュー

1 ファイルサイズを小さくする(GIF/PNG編)
2 ファイルサイズを小さくする(JPEG編)
3 「マトリックスプレビュー」で画像調節をする
4 画像を編集する(コピーと貼り付け)
5 「一括処理」でまとめて変換する
6 「画像の情報」でExif情報を見る
7 「HTMLアルバム」を作成する
8 アニメーションGIFを作成する
9 画像を加工する（フィルタ）


８． アニメーションGIFを作成する ページトップへ

アニメーションGIFは、サイズが小さく簡単に作成できるという点で、いろいろなホームページで使用されている素材です。
webDesignerではアニメーションGIFを作成する機能も用意しています。ここではいくつかの作成手順を紹介します。
初めて作成する場合は、フレーム（コマ）の数を少な目にするとよいでしょう。

「アニメーションチャート」ダイアログ



■GIFアニメーションの作成 [サンプル１]

アニメーションGIFサンプル ・各フレームの素材ごとに別ファイルで作成してあり、全ての素材サイズ（幅×高さ)が統一されている場合

・各フレームの素材を既に１枚の画像上にまとめて作成してあり、全ての素材サイズ（幅×高さ)が統一されている場合

  1. アニメーションで使用する素材の画像を全て、webDesigner上に開いて下さい。
    既に一枚の画像にまとめてある場合は、このまま３へ進んで下さい。
  2. [イメージ] − [イメージ連結]で一枚の画像にします。このときフレームの順序を考慮して下さい。（フレームの順序が違う場合は「アニメーションチャート」ダイアログ上にある↑↓ボタンでフレームを移動することもできます。）
  3. 素材がフルカラー画像なら、「減色」で256色以下に減色します。思いきって64色や32色くらいにまで減色すると、ファイルサイズが一段と小さくなります。
  4. [イメージ] − [アニメーション編集]で新規作成を行います。フレームサイズを指定します。このとき「フレームサイズを元に初期値を設定する」をチェックしておくと作業が簡単になります。
  5. 「アニメーションチャート」ダイアログでアニメーションの設定ができます「アニメーションチャート」ダイアログに、各フレームの情報が表示されます。必要に応じてループ回数や時間などを微調整しましょう。

    「アニメーションチャート」ダイアログ
    「アニメーションチャート」ダイアログでアニメーションの設定ができます
  6. 「プレビュー」で動きを確認しておきましょう。
    問題なければ、次回の修正などのために「GAO形式」で一旦保存しておくことをお薦めします。（一度アニメーションGIF形式で保存すると、再度これを読み込んでも、保存前とは内容が異なってしまうことがあります。GAO形式ではこのようなことは起こりません。）
  7. GIF形式で保存して完成です。
    このとき、「アニメーション差分最適化出力」をチェックしておくと、一段と小さいファイルサイズのアニメーションGIFが作成できます。

    「連結編集」 実行後
    「連結編集」 実行後


■GIFアニメーションの作成 [サンプル２]

・全てのフレーム素材をフルカラーで作成してあり、各フレームの素材ごとに別ファイルで、素材サイズも統一されていない場合

  1. アニメーションで使用する素材の画像を全て、webDesigner上に開いて下さい。
  2. 「コピー」「貼り付け」「連結貼り付け」などの機能を使用して、全ての素材を一枚の画像にまとめて下さい。画像のサイズが足りない場合などは[イメージ] − [イメージサイズ変更]でサイズを大きくして下さい。
  3. 「減色」で256色以下に減色します。思いきって64色や32色くらいにまで減色すると、ファイルサイズが一段と小さくなります。
  4. [イメージ] − [アニメーション編集]で新規作成を行います。フレームサイズを指定します。「フレームサイズを元に初期値を設定する」のチェックは外しておいて下さい。
  5. ２で一枚にまとめた画像の中から、「１フレーム」として登録したい部分を、マウスで範囲選択します。そのままの状態で「アニメーションチャート」ダイアログのコンテキストメニュー（フレーム一覧表の上で右クリック）の「選択領域の追加」を選択すると、フレームが一覧に追加されます。
    同じ作業を繰り返して、各フレームを追加していきます。
  6. 必要に応じてループ回数や時間などを微調整しましょう。
  7. 「プレビュー」で動きを確認しておきましょう。
    問題なければ、次回の修正などのために「GAO形式」で一旦保存しておくことをお薦めします。（一度アニメーションGIF形式で保存すると、再度これを読み込んでも、保存前とは内容が異なってしまうことがあります。GAO形式ではこのようなことは起こりません。）
  8. GIF形式で保存して完成です。
    このとき、「アニメーション差分最適化出力」をチェックしておくと、一段と小さいファイルサイズのアニメーションGIFが作成できます。
フレーム一覧表の上で右クリック、「選択領域の追加」で登録
フレーム一覧表の上で右クリック、「選択領域の追加」で登録



このページのトップへ
 

Copyright(C) 1996-2005 web technology Corp. All rights reserved.