見出し画像

【blender】背景透過GIFを作成する方法【Photoshop】

NAYUTA株式会社

背景透過のGIFをblenderだけでは作成できなかったので、Photoshopを使用した作成方法をまとめていきます。
アニメーションはblenderで作成した前提でレンダリングから説明していきます！

アニメーションを背景透過PNGで出力する（blender）

レンダープロパティのフィルムから透過にチェックをいれる
①出力先のフォルダを指定しておく
②ファイルフォーマットはPNG
アニメーションをレンダリングする


アニメーションなのでこんな感じで大量に出力されます

PhotoshopでGIFを作成する


ファイル→スクリプト→ファイルをレイヤーとして読み込みをクリック


参照をクリック


先ほどレンダリングしたPNGをすべて選択（最初と最後の画像をshift押しながら選択する）
→OK

先ほどのレイヤーを読み込むという画面に戻るのでOKをクリックすると、レイヤーの読み込みが始まるのでしばらく待ちます


フレームアニメーションの作成をクリック


右下のメニューをクリックし、レイヤーからフレームを作成を選択


するとこんな感じにアニメーションが作成される。


再生を押して確認。
逆再生になっていたらメニューからフレームを入れ替えをクリックすると逆になります。
追記：GIFにする場合フレームレートを16以下にしておく

Photoshop書き出し

書き出しからweb用に保存

プリセットからGIFのどれかを選択
（軽くしたければ数字が低いもののディザなし）

保存を押して完了です！

軽くしたければ画像サイズを小さくしたり、劣化を１０～２０あたりに設定してみてください。