使える機材 Blog！

Tweet

全国の皆さんコンニチハ。今日は、思いつき小ネタなブログをやります。

えと、自電車の空気が減っていたので、久しぶりに空気を入れようとしまして、今日の記事を思いつきました。（思いつき力は高いよう..）

Adobe Photoshopで、２枚の写真で「GIFアニメーション」を作る方法をお教えします。GIFアニも動画の一種と考えると、世界一ミニマムな動画ということにでもなりましょうかね。

TOPに示した、photo1とphoto2を使います。GIFアニメーションを作る場合は、なるべくシンプルな背景を選びましょう。本当は白バック（無背景）だったら最高です！

GIFというのは、256色しか使えませんし、なるべく、色数を少なくするほうが、ファイルの容量が膨らまずにすみます。 目安としては、1MB以下のファイルにしたいですもん。だから、使う写真は、コントラストを高めにしておくと、有利ですかね。

ココからは作り方解説。

Photo1とPhoto2を開き、Photo2をコピーして、Photo1にペーストする。（幅600pxで作成）

メニューの「ウィンドウ」 → 「タイムライン」を選択。ウインドウを表示させる。「フレームアニメーションを作成」をクリック。

「タイムライン１」が生成される。

赤丸をクリックすると、「タイムライン２」ができる。

「タイムライン２」に合わせて、「レイヤー１」を非表示にする。（「タイムライン１」 = 「レイヤー１」表示）

「無限」にする。（永遠にループする設定）

「web用に保存」を選択。

「WEB用に保存」画面が表示される。ここでパラメータが操作できるのですが、今回は２枚動かすという単純なものだったので、400KほどしかなくファイルウェイトとしてはOKなので、このまま「保存」をクリック。→ GIFアニの完成！

※ファイルが重すぎる場合「劣化」で画質を落とすか、画像サイズを小さくして対応。

試しに「表示秒数」が1秒／コマに設定してみる。

結果は、

う～ん、ちとテンポが悪いですね。。

思い切って「0秒（ディレイなし）」に合わせてみると、、、

うげ！高速空気入れ！ いくらなんでも、早すぎぃ！タイヤがバーストしそう！！

少し遅くして「0.2秒」に設定。さて、どーか？

タイトル：自転車の空気入れGIF

いー感じかな！？ 永遠にスクワットをしているようですね。GIFアニメは、実際より、ちと速いくらいが、コミカルでいーとおもいます。。

１コマだったら、簡単でしょ？
やり方覚えたら、もっとコマ数増やしていってくださいねー！

※今回、このサイトの幅に合わせて、幅600pxのGIFを作りましたが、GIFアニとしては、かなり大きい方です。幅300px位が作りやすいかも知れません。