満員の通勤電車もプラス思考にチェンジ! ブログ媒体運営に欠かせない知識とスキルを身に付けて 1つの世界に依存しないワラジライフを楽しんでいます。

*

動画(ショートビデオ)をアニメーションgifに変換するPhotoshopの機能が簡単すぎで腰砕け

      2022/07/27

アニメーションGIFだとブログでどのように見える?

インターネットの中を
探索していると
「画像が動くブログ」に出会って驚きます。

どうやって作っているのだろう!?

画像が動くブログの正体は・・・

アニメーションGIFです。

早速、しまね海洋館アクアスで出会った
ペンギンたちをアニメーションGIFにして
ブログに貼ってみると・・・・

ペンギン10M

画像が自動的に再生されて
動くのです!!

三浦大知くんをイラスト(ai)にして
動画編集ソフトで動かした動画も
アニメーションGIFにしてみました。

三浦大知BeMyself

[br num=”2″]

アニメーションGIFとは何ぞや?

アニメーションGIFとは
写真が連続してループする
パラパラ漫画のようなもの。

どこか懐かしい、カクカクした動きは、
上手く使えば
面白いアニメーションに仕上がります。

’GIFならでは’のループ再生は
映画のプロモーションなどにも
使われています。

無料でアニメーションGIFに
変換してくれるサイトもありますので
「gif 変換」などで
検索してみてください。

[br num=”2″]

PhotoshopでアニメーションGIFを作る方法

今回、私は
Adobe Photoshop(SC6)を使って
アニメーションGIFを作りました。

動画で解説しましたので
ご覧ください。

[br num=”2″]

PhotoshopでGIFに書き出す時の注意点

このブログでは、アップできる
1つのファイルサイズは50Mまでです。

最初、何も気にせず書き出したら
「アップできません」と
ワードプレスに拒否されてしまいました(泣)

GIFは色数も少ないのにバカ重いって・・・

画像サイズは予め小さくするなどして
容量を小さくしましょう。
[br num=”2″]

GIFに書き出す画像サイズを小さくする方法

●動画の選択した範囲だけを読み込む
●「5フレームおき」などコマ数を減らす
●画像のサイズを小さくする
など

カクカクさせるだけで
面白い動画にできるって
楽しいですね!

もちろんイラストでも使えますので
是非お試しください。

[br num=”3″]

LINE@で「お友達」になってくださいね^^

友だち追加

最後まで読んでいただき
ありがとうございました。

うみぞうでした。

[br num=”2″]

 - 画像加工の方法 ,