FC2ブログ

雪が降る 海外サイト

【Gifアニメ】・・・海外サイト

1月27日 撮影に行った滋賀県北部は大雪でした、そんな様子を表したくて海外サイト使わせてもらいました
赤い柿の実に降り積もった雪です


B.gif



参考サイト
[和の想いつ記] → [寒いですね、風邪にご注意を(^-^)] で紹介されています
海外サイト
[pho.to] → [Falling Snow]

このサイトでGifアニメにしたときは容量が2MBあり、ここにアップしても500KBの大きさに縮小されてしまうので、フリーソフト[Gaim]の[最適化]で267KB(色数が少ないせいで大幅に減ったと思います)に減量しました


Gifアニメ ウェブアニメーター

【Gifアニメ】・・・ホームページビルダー 付属ツール ウェブアニメーター 使用

末摘む花さんが考案されたJTrim(フリーソフト)でのお絵かき(背景、カモメ、カニ)に昔 ウェブアート デザイナー と ウェブアニメーター で作成した魚の動きを出来ればフラッシュで加えられないかな・・・
と 引っ張り出してみました
全然 勉強する暇がないので何時になるか、またはGifアニメになるか分かりませんがその内に・・・

背景 
カモメカニさかな 
↑ 6年ほど前にウェブアニメーターで作成したアニメ (作成方法)

区切り

秋の訪れ

↑ 同じく膨大な時間と労力をかけた作品・・・Giamで最適化してみましたがダメでした
画像をクリックして頂くとアニメが表示されます



※ 参考
ホームページビルダー 12 使用 付属ツール ウェブアート デザイナー ウェブアニメーター 他
(Wimdows7対応は ver.12・13・14 ← 修正プログラムを適応する・・・15)

 

GIFアニメ 軽く・綺麗に Ⅱ

【GIFアニメ】・・・[Giam]で[透過色の使用]を使わないで軽いアニメを作成してみました 297KB
          綺麗に出来て、運良くだろうと思いますが[黒点]が出なくて嬉しい!

Happy Summer


【Giam】でGIFアニメを作成する利点を活かすために

容量を軽くする・・・ ・背景は1枚だけにする
           ・動かしたいものを座標指定する いかに綺麗に仕上げるかが今回の実験目的です

下図は[透過色の使用]を使った場合の例です(蝶は自分で撮った物を切り抜きしました)
20110730-6.jpg

上の実験で分かるように別のソフトで[透過処理]しない場合、濃い色の組み合わせは周囲に白い点々が残ってしまいますね そうかと言っていつも薄い色の背景しか使用できないのでは不自由です
最初のサンプルでも薄い色や濃い色が混じっているのでどちらでも境界が綺麗に見えると良いですね

そこで[透過色の使用]を使わないで、四角以外を綺麗に見せることは出来ないか実験してみました
Giamにセットする画像はすべてJTrimで作成しました

20110729-2.jpg

アニメにしたときに上図のように5ヵ所に蝶を配置するとします
今回は蝶が黒いので[座標指定切り抜き]で指定して×で閉じ[暗い画素優先合成]でほとんど出来ました
4番目のようにうまく行かなかった場合は後で説明するとして、[1']のように希望の数だけ[座標指定切り抜き]で[OK]してPNG形式で保存します

20110729-5.jpg

1.JTrim1で背景を開きます、JTrim2で蝶を開きます
2.蝶を[編集][全選択] → [イメージ][座標指定切り抜き] → [OK] (値を記憶させる) → [コピー]
3.JTrim1 [イメージ][座標指定切り抜き] 希望する位置へドラッグで移動 ×で閉じる
4.[暗い画素優先合成](色の明暗によって作業は其の都度違ってきます)
  → [座標指定切り抜き] → [座標:1 X,Y]値 を書き留めて[OK] → [保存](PNG形式で)
         ([Giam]の[左端の位置・上端の位置]になります)

JTrim2     座標の数値   JTrim1
20110729-3.jpg

背景は[元に戻す]をしないで其の都度 用意した画像を開いて下さい、そして[1']が出来れば[1]は不要
[追記・・・2011/08/02]
上のように書きましたが[Giam]のヘルプに下記のように書かれていますので試してみました[最適化]
-------------------------------------------------------------------------
消去手段が「何もしない」「そのまま残す」を選択しているコマで、前のコマに同じ絵が描かれている場合にその部分を削除してコマのサイズを小さくします。このコマンドはすべてのコマに対して一気に行われます。消去手段が、「背景色でつぶす」と「直前の画像に戻す」を選択しているコマには適用されません。まったく同じコマがある時は、そのコマが削除されます。また、「オプション(O)」メニューの「その他のオプション」コマンドで、「サイズを最適化するとき透過色を使った最適かも行う」にチェックマークがついていれば透過色を使った最適化も同時に行います。透過色を使った最適化とは直前のコマに同じ部分があれば透過色で塗りつぶすという機能です。なお、この機能はディザを施す前に行って下さい。
-------------------------------------------------------------------------
見本のように同じ所で留まる動作が入ると、大きい背景付きのままセットして[最適化]すると残像が残ってしまいます 「直前の画像に戻す」を先に選択しておく必要がありそうです(重なりがない分は背景付きをセットして[最適化]で軽量化が出来ます)
最適化が順調に出来ればこちらの方が簡単かも知れません

下図 [回転のコツ] 少しずつ回転して数値が決まったら最初に戻して一気に回転すると綺麗です
20110729-4.jpg    
5.[明・暗合成]で背景に上手く合成できなかった場合、下記を参考にして下さい
  【合成のカード
6.背景と動かすものが全て揃ったら、Giamに挿入して下記を参考にアニメを作成して下さい
  【蝶のアニメ】・・・Giamへのセットの仕方のみ参考にして下さい(今回は透過処理はしていません)

  途中保存は「BMPで」と書いていますが、今回から「PNG保存」しようと思います
  [作成手順]の画像はJPEG、GIF(軽いので)を使用しています
  理由は[続きを読む]の[画像ファイル形式の基礎]をお読み下さい


お待たせして申し訳ありませんでした
4年前に[蝶のアニメ]を制作しているのに、それからほとんど進歩していない自分が不甲斐ないです

「綺麗に加工するには」どうしたら良いだろうと私なりの考えで実験してみましたが、もっと良い方法があるかも知れませんし、みな様も色々と工夫してみて下さい


続きを読む

GIFアニメ 容量を軽く

【PhotoScape】+【Giam】・・・背景付きアニメの容量を軽くしました 2629KB → 305KB
どちらのソフトも[bmp・jpeg・gif・png]形式のファイルに対応しています

anigif2.gif


[PhotoScape]の場合、前回の記事で書いたように[黒点]は出ませんでしたが、上の大きさの背景付き(品質95% 148.9KB)のGIFアニメを下記参照で作成した場合 2.56MB・・・巨大でブログにアップ出来ません

まほろばフォトスケープ 実例 その5(アニメGIFの作成)

そして動かしたい画像は別のソフトで[透過処理]をしなくてはなりません
PNG形式(ファイルサイズは大きいが、フルカラーや透明に対応している)を使用することにし、私は Photoshop で処理しました
まほろば の説明では「Paint.Net Ver.3.35」と言うフリーソフトが紹介されてました

JTrim でも透過処理して試してみましたが下図のように周りに白いゴミが残りました(200%拡大)
また[Giam]で[透過色の使用]にした場合も、周囲に透過色に応じた色のギザギザがでます

ソフト比較


↓【Giam】で【PhotoScape】で作成した GIFアニメの容量を軽くする方法

最適化説明図1


[PhotoScape]で作成した 2.56MB のアニメファイルを[Giam]にドラッグして、上図のように2枚目以下を選択し何もしないで[各コマサイズの最適化]をクリックします その他の項目も何もしません

すると、見事に最適化されて(以前はほとんどうまく行かなかった)、座標指定もキッチリ数値が入り、容量が激減 万歳!!・・・ブログにアップ出来ました、見た目は変わりないように思います

最適化説明図2


[お礼]
末摘む花さん 考案の JTrim・手まり を目立つように赤で塗り使用させていただきました
お陰様で景色に映えるアニメが出来ました、有り難うございました

<参考サイト>・・・手まり作成、GIFアニメ構成等参考にさせていただきました
末摘む花の雑記帳 まりつき ・ Gif アニメ 簡単 ・ JTim手まり


次回は【Giam】で背景付き・・・四角以外の周りに[透過色の使用]によるゴミが出ない方法実験予定
[黒点]さえ出なければ【Giam】は良いソフトなんですけどね(私が気にしすぎなのかも・・・)
前回の記事の後 ふと私の使用している[Giam]が古いのかもと思い 208 → 209に 黒点は同じでした

クリスマスツリー アニメ 2008

【Gifアニメ】 2008/12/03 [作り方]

自分ではなかなか気に入っているアニメです
クリスマスツリー
全記事(数)表示
全タイトルを表示
カレンダー
06 | 2019/07 | 08
- 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31 - - -
プロフィール

sky

Author:sky
日々「物忘れ」に悩まされながら、拙いお遊びをしている団塊世代です
ご覧頂いて有り難うございます

パソコンで遊ぶ[HOME]

  • Enjoy PC (本館)
  • JTrimで加工
  • 管理画面
  • 最新記事
    Gifアニメの記事
    →次
    カテゴリ
    ↓[各カテゴリ]をクリックすると上部[最新記事]に一覧表示します
    最新コメント

    openclose

    リンク
    過去記事(ログ)スクロール

    2019/07 (1)

    2019/06 (2)

    2019/05 (2)

    2019/04 (2)

    2019/03 (3)

    2019/02 (2)

    2019/01 (3)

    2018/12 (2)

    2018/11 (2)

    2018/10 (2)

    2018/09 (3)

    2018/08 (2)

    2018/07 (2)

    2018/06 (2)

    2018/05 (3)

    2018/04 (3)

    2018/03 (2)

    2018/02 (2)

    2018/01 (3)

    2017/12 (2)

    2017/11 (2)

    2017/10 (3)

    2017/09 (2)

    2017/08 (2)

    2017/07 (5)

    2017/06 (4)

    2017/05 (4)

    2017/04 (5)

    2017/03 (4)

    2017/02 (4)

    2017/01 (4)

    2016/12 (4)

    2016/11 (4)

    2016/10 (5)

    2016/09 (4)

    2016/08 (4)

    2016/07 (5)

    2016/06 (4)

    2016/05 (5)

    2016/04 (4)

    2016/03 (4)

    2016/02 (4)

    2016/01 (5)

    2015/12 (3)

    2015/11 (5)

    2015/10 (4)

    2015/09 (4)

    2015/08 (5)

    2015/07 (5)

    2015/06 (4)

    2015/05 (5)

    2015/04 (4)

    2015/03 (5)

    2015/02 (4)

    2015/01 (4)

    2014/12 (4)

    2014/11 (5)

    2014/10 (5)

    2014/09 (4)

    2014/08 (6)

    2014/07 (4)

    2014/06 (5)

    2014/05 (4)

    2014/04 (4)

    2014/03 (5)

    2014/02 (4)

    2014/01 (4)

    2013/12 (4)

    2013/11 (4)

    2013/10 (4)

    2013/09 (5)

    2013/08 (5)

    2013/07 (6)

    2013/06 (7)

    2013/05 (5)

    2013/04 (6)

    2013/03 (6)

    2013/02 (4)

    2013/01 (5)

    2012/12 (4)

    2012/11 (4)

    2012/10 (6)

    2012/09 (5)

    2012/08 (4)

    2012/07 (5)

    2012/06 (4)

    2012/05 (6)

    2012/04 (5)

    2012/03 (4)

    2012/02 (4)

    2012/01 (5)

    2011/12 (5)

    2011/11 (4)

    2011/10 (5)

    2011/09 (4)

    2011/08 (4)

    2011/07 (11)

    2011/06 (10)

    検索フォーム
    RSSリンクの表示
    カウンター
    メールフォーム

    名前:
    メール:
    件名:
    本文:

    pictlayer
    QRコード
    QR