imagereadyを使ったGIF画像の作り方


久々に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) Adobe Photoshop CS5 Windows版 (32/64bit)

アドビシステムズ 2010-05-28
売り上げランキング : 130

Amazonで詳しく見る by G-Tools

About iida

ちょっと痛い30代ですが、人生真面目に生きています。
This entry was posted in 初心者のためのphotoshop講座. Bookmark the permalink.

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img localsrc="" alt="">