Flash(Animate)で綺麗なアニメーションGIFの作り方【改】

Flash(Animate)で綺麗なアニメーションGIFの作り方(UI Animation)

以前投稿したGIFアニメの作り方解説記事、今は作り方を変えているのでその方法を上げておきます。どこを変えたかというと連番画像からアニGIF変換に使っていたFireworksを使用しなくなりました。

  • Fireworksを起動してオペレーションするのが面倒
  • 画質がイマイチ(特にグラデーション部分)
  • ファイルサイズが大きくなりがち

等の理由により。
で、今は何を使っているかというとMacのターミナルからImageMagickを実行しています。

まずインストール方法はbrewを使って、

アニメーションGIFの生成は画像のあるディレクトリに移動後、連番画像のファイル名をsrcImage001.png〜srcImage050.png(終わりは何番まででもOK)として

各オプションの意味
-loop : 再生回数(0は無限)
-delay : コマの表示時間(1/100秒単位で記述)
-layers optimize : コマ最適化してファイルサイズ削減
(output.gifは出力ファイル名)

-delayはコマ毎に設定できるので、例えば50番目の最終コマのみ長めに取りたい場合は下記のようにすればOK

これで今までより格段に簡単、綺麗なアニメーションGIFが作れるようになったんですが実は問題点もあり、連番画像100枚超えたあたりでoptimizeが効かなくなることがある。これが自分の環境だけなのかいまいち不明、解決したら追記します。

One thought on “Flash(Animate)で綺麗なアニメーションGIFの作り方【改】”

Leave a Reply

Your email address will not be published. Required fields are marked *