LINEアニメーションスタンプの余白について

こんにちは

 

さとさとです

 

LINEアニメーションスタンプの余白

の話です

 

 

まずはガイドラインを熟読しましょう

creator.line.me

 

 

LINEのアニメーションスタンプを初めて作る際に、…となったのが、余白についてでした

 

このようなことが書かれています

1つのAPNGに含まれるすべてのフレームのサイズを合わせてください

余白は一切付けないでください

アニメーションのない部分を削除

 

 

 

 

ノートの隅に絵を描いて、パラパラ漫画を作成したとします

絵を作成したノートのページ数が、フレーム数です

 

それでは、5フレームのアニメーションを作成するという設定で解説します

 

 

f:id:s_art_o:20180127011026p:plain

f:id:s_art_o:20180127011040p:plain

f:id:s_art_o:20180127011048p:plain

f:id:s_art_o:20180127011056p:plain

f:id:s_art_o:20180127011106p:plain

 

分かりやすくするため、背景を水色にしてありますが、その部分は透過されていると考えてください

 

この5枚のフレームを重ねると、こうなります

 

f:id:s_art_o:20180127011551p:plain

 

ガイドラインの条件を満たす、アニメーション範囲はというと

 

f:id:s_art_o:20180127011749p:plain

 

ピンクのエリアです

 

 

 

つまり

 

f:id:s_art_o:20180127011813p:plain

 

斜線部分が、余白となります

 

すべてのフレームでここを削除しなくてはなりません

 

この条件を満たすためには、いくつか方法があります

 

 

余白を作らない方法

あらかじめサイズを決めたら、そのサイズに収まるようデザインする

余白を作らないように動きを工夫するか、背景を塗りつぶす、または角丸な背景を配置する…等々

 

余白をカットする方法

これは、使用するグラフィックソフトによって様々だと思います

アニメーションに関係の無い部分を簡単にカットしてくれるものもあります

そういう機能が無くても、工夫すればできたりします

できないものもあるかな?

 

クリスタ(CLIP STUDIO PAINTでは、余白削除オプションが用意されています

ただし、書き出すときの縦横サイズですが、トリミング前のサイズで指定するので、その上で余白削除すると、指定したサイズよりも小さくなる…ってことになります

仕上がりサイズでの書き出しができないのが、ちょっと残念なところではあります

(2018年1月現在)

 

 

 

 

CLIP STUDIO PAINT PRO

CLIP STUDIO PAINT PRO

 

 

 

ではでは

 

 

 

line.me

 

 

line.me