LINEアニメーションスタンプの余白について
こんにちは
さとさとです
LINEアニメーションスタンプの余白
の話です
まずはガイドラインを熟読しましょう
LINEのアニメーションスタンプを初めて作る際に、?…となったのが、余白についてでした
このようなことが書かれています
1つのAPNGに含まれるすべてのフレームのサイズを合わせてください
余白は一切付けないでください
アニメーションのない部分を削除
ノートの隅に絵を描いて、パラパラ漫画を作成したとします
絵を作成したノートのページ数が、フレーム数です
それでは、5フレームのアニメーションを作成するという設定で解説します
分かりやすくするため、背景を水色にしてありますが、その部分は透過されていると考えてください
この5枚のフレームを重ねると、こうなります
ガイドラインの条件を満たす、アニメーション範囲はというと
ピンクのエリアです
つまり
斜線部分が、余白となります
すべてのフレームでここを削除しなくてはなりません
この条件を満たすためには、いくつか方法があります
余白を作らない方法
あらかじめサイズを決めたら、そのサイズに収まるようデザインする
余白を作らないように動きを工夫するか、背景を塗りつぶす、または角丸な背景を配置する…等々
余白をカットする方法
これは、使用するグラフィックソフトによって様々だと思います
アニメーションに関係の無い部分を簡単にカットしてくれるものもあります
そういう機能が無くても、工夫すればできたりします
できないものもあるかな?
クリスタ(CLIP STUDIO PAINT)では、余白削除オプションが用意されています
ただし、書き出すときの縦横サイズですが、トリミング前のサイズで指定するので、その上で余白削除すると、指定したサイズよりも小さくなる…ってことになります
仕上がりサイズでの書き出しができないのが、ちょっと残念なところではあります
(2018年1月現在)
ではでは