GIFで動くアイコンを作る方法

Substackのアイコン動いてる方を何名かお見かけして、私もやりたい！！と挑戦してみました！
やり方まとめてみたので参考になると嬉しいです！

【作り方】

①動画を作る

②256×256px のGIFに変換する

③パブリケーションのロゴにGIFをアップロードする

の３STEPでできました！！

動画共有しますね

今回動画は Grokで作成しましたが、GeminiでもMidjourneyでも動画化できるツールならなんでもOKです。

GIFにする方法も色々あります。

Canvaで作成したのはサイズの指定ができるから選びましたがAdobe Expressでもできます！

---

というわけで

パブリケーションのロゴを動かすのは比較的簡単にできました！

でも・・・ノートの方のロゴは静止画しかアップできず💦

動いてる人もいるから・・・きっと方法があるはず！

と思って聞いてみたところ、Androidではできるけど、iPhoneはだめとのこと・・・😭

諦めかけてたところ、サウスさん@south0120が拡張機能を作って公開してくださっている教えていただきました！

早速購読して、ダウンロードさせていただいたらあっという間にプロフィールのロゴも動かすことができました！！

購読 → チャットで公開してくださっています✨神✨

実際の拡張機能のUIがこちら↓シンプルなのにドンピシャの機能・・・素敵です！！

このGIFは1MBまでしかアップできないそうなので、圧縮機能も用意してくれているのですが元々の動画のサイズも小さくしないといけないので、Canvaで作ると動画の長さも調節できて不要な部分カットしたりが便利でした！

3秒にしたらいけましたよー！

というわけで、ぜひ皆さんもアイコン動かしてみませんか？

便利な拡張機能作って公開してくださってるかたがたくさんいてありがたいですね〜！（とはいえ、拡張機能のDL・使用は自己責任です）

Substack楽しんでいきましょう✨

konmari