今日も寒かったですねぇ。
春になったら、どこか旅行にでも行きたいですね。そうだ、GIF(ジフ)に行こう！
いや、岐阜ですね(笑)
こんにちは。タキオキです。今日のテーマは、
LINEスタンプを苦労して作ったのだから、もう少し手を加えて「GIFアニメーションを作ってみる」です。
AdobeのPhotoshop Elements13というソフトを使用して、簡単で綺麗にGifアニメーションを作る方法をご紹介します。
綺麗にというのは、このようなノイズが入らないよう、回避方法についても書いておきます
それではまず、Gifアニメーションを作るには、複数の画像ファイルを用意します。
今回は、LINEスタンプで使用した画像に少し手を加えて、手と口、そして目をいじって、2枚の画像でアニメーションを作ってみました。
ファイルメニュー→開く。ここでは、透過処理されたPNGファイルを使っています。
ファイルを開くと、画面右のほうにレイヤーが追加されます。
次に、ファイル→配置を選択。
2枚目のファイルを選択します。
先ほどの、レイヤーの下に新しくレイヤーが増えると思います。
ファイルからWeb用に保存を選択。
透過されたGIFアニメーションを作りたいときは、透明部分にチェックを入れる。
ここが大事！
「誤差拡散法透明ディザ」を選択。これを選択しないと透明部分にノイズが入ってしまうようです。
アニメーションにチェックを入れる。
ループオプションで、アニメーションの再生方法を選択。ループして再生させたい時は無限を選ぶ。(再生回数を任意で選ぶこともできます)
フレームディレイというところでは、コマの再生速度を調整することができます。
そして完成したのが、こちら。
少し大変ですが、できあがると嬉しいですよ♪
最後まで、読んで頂いてありがとうございました。
春になったら、どこか旅行にでも行きたいですね。そうだ、GIF(ジフ)に行こう！
いや、岐阜ですね(笑)
こんにちは。タキオキです。今日のテーマは、
LINEスタンプを苦労して作ったのだから、もう少し手を加えて「GIFアニメーションを作ってみる」です。
AdobeのPhotoshop Elements13というソフトを使用して、簡単で綺麗にGifアニメーションを作る方法をご紹介します。
綺麗にというのは、このようなノイズが入らないよう、回避方法についても書いておきます
それではまず、Gifアニメーションを作るには、複数の画像ファイルを用意します。
今回は、LINEスタンプで使用した画像に少し手を加えて、手と口、そして目をいじって、2枚の画像でアニメーションを作ってみました。
ファイルメニュー→開く。ここでは、透過処理されたPNGファイルを使っています。
ファイルを開くと、画面右のほうにレイヤーが追加されます。
次に、ファイル→配置を選択。
2枚目のファイルを選択します。
先ほどの、レイヤーの下に新しくレイヤーが増えると思います。
ファイルからWeb用に保存を選択。
透過されたGIFアニメーションを作りたいときは、透明部分にチェックを入れる。
ここが大事！
「誤差拡散法透明ディザ」を選択。これを選択しないと透明部分にノイズが入ってしまうようです。
アニメーションにチェックを入れる。
ループオプションで、アニメーションの再生方法を選択。ループして再生させたい時は無限を選ぶ。(再生回数を任意で選ぶこともできます)
フレームディレイというところでは、コマの再生速度を調整することができます。
そして完成したのが、こちら。
少し大変ですが、できあがると嬉しいですよ♪
最後まで、読んで頂いてありがとうございました。