![見出し画像](https://assets.st-note.com/production/uploads/images/140939919/rectangle_large_type_2_0f252cd8da55f4ddb3b858aaac316e33.png?width=1200)
3D文字のアニメーションにチャレンジ
こんばんは。
少しずつホームページを変更しています。
その際、文字がぐるぐる回るものがあったらいいな〜っと思い調べてみたんです。
「After Effects」というソフトで作れるみたいですね。
アニメーションが作れるらしい。
私はアドビ社のCreative Cloudを購入しているので、そこに「After Effects」がありました!!
ダウンロードをして、早速、作りましたよ〜
こういう時、YouTubeが便利ですよね!
3D文字のアニメーション参考にしたのはこちらです↓
とっても分かりやすかったです。
話し方もソフトで、解説もゆっくりです。
私は背景は透明、文字を黒でアレンジしました。
そして、作ったのがこちらです↓
![](https://assets.st-note.com/img/1715946676989-8caRaZ1Pe8.png?width=1200)
うぉぉぉぉ
なかなかいい感じにできた!!
ただ、
写真の上に配置したら、背景が白いままだった。
背景は透明になっているんですが💦
このデータ形式は「mp4」です。
これを「GIF』に変更したらうまくいくかな?っと思い変換したみたら…
GIFデータが真っ黒になった。
![](https://assets.st-note.com/production/uploads/images/140939558/picture_pc_1f097185170295d4950fd363bba6f34e.gif?width=1200)
検索しまくった結果、mp4の背景を透明にしてGIFに書き出すサイトがありました。
超絶便利です✨
背景が白だから見えづらいけれど、GIFに変換したのがこちら↓
![](https://assets.st-note.com/production/uploads/images/140939624/picture_pc_04b300825f4540c627585638c83c726d.gif?width=1200)
自動でくるくる回ってる〜ちょっとボコってなるけどね。
成功です!!
ここまでくるのに、真夜中3時までかかりました(;´д`)
これを、ホームページのトップ画面に配置しました🙌
オシャレ感がアップした気がするよ。
After Effectsは面白いですね!
今度は、コギコタのイラストを動かしたいと思っています。
![](https://assets.st-note.com/img/1715946872239-lzbJGee3QE.jpg?width=1200)