
久々にimage ready使ってみたらGIFアニメが作れない!!
ただ画像がGIFになってないだけだった。
自分のためにphotoshopとimagereadyを使ったGIFアニメの作り方を覚書してみた
フォトショップでは
ペラペラ漫画のような画像をレイヤー別に分けて用意しておきます。
目の玉ボタンを押したらもうペラペラ漫画が準備できるよう、
最小限のレイヤー数にまとめるのです。
このレイヤーがペラペラ漫画でいう次の絵になります。
ツールの下にあるimageready起動ボタンを押します。
imagereadyが立ち上がるともう画像が移行されています。

一番下が、ペラペラ漫画の次の画像を用意するところです。
新規ボタンをおせば次のコマを用意することが出来、
一枚一枚に、次のコマへ移る時間を設定することが出来ます。
0.1秒、0.2秒、0.5秒、1秒だったり好きな時間を設定しましょう。
一番下のツールボックスで1枚目の画像をクリックします。
その状態で見せたいレイヤーをアクティブにする。
2枚目の画像をクリックした時点で、
次のコマで表示させたいレイヤーをアクティブにする。
そして再生ボタンを押してみると画像が動くのがわかります。
さらに、GIFアニメは色数が指定されたGIF画像でないと動かないため、
JPEGの状態(通常のRGBの状態)では最適化を保存しても画像が動きません。
右上のところでGIFに設定しましょう。
これでインターネットエクスプローラーにて、プレビューを押すか、
最適化を保存すればGIF画像の出来上がりです。簡単ですな。
![]() |
Adobe Photoshop CS5 Windows版 (32/64bit)
アドビシステムズ 2010-05-28 |

