自作LINEスタンプの作り方~画像サイズと余白~

 

 

事前準備を終えたところで、
さっそくLINEスタンプを作っていきたいと思います!

 

スポンサーリンク


 

LINEスタンプの画像サイズと余白

 

LINEスタンプのデザインを考えて、実際に描き起こして、
スタンプの用意ができたら申請するだけ……って、ちょっと待った!

スタンプのサイズは大丈夫ですか?

サイズオーバーしていると審査で不合格になっちゃいます。
ただでさえ審査に申し込んで結果がでるまでが長いのに、
こんなところでひっかかりたくありませんよね。

実際にLINEスタンプを制作して合格したマサの
審査に合格できる画像サイズの作り方を教えます。

効率的なやり方じゃなくても怒らないでネ(笑)

 

画像の推奨サイズ

 

制作ガイドラインを確認してみます。

https://creator.line.me/ja/guideline/

メイン画像とトークルーム画像はひとまず置いておいて、
スタンプ画像のみを確認してみます。

最大サイズが「横幅 370 × 縦幅 320 」です。
つまりこれ以上大きくなければ問題ないのです。

推奨サイズは記載されてませんが、
最大サイズめいいっぱいイラストがあるといい気がする。

ちなみに私がLINEスタンプを制作した際に使用した、
『FireAlpaca』にはLINEスタンプ用のテンプレートが用意されてます。

【ファイル】⇒【新規作成】⇒【用紙サイズ】で【LINE スタンプ(×1)】
このサイズが実際の最大サイズになります。

『FireAlpaca』ならサイズオーバーすることはないのでオススメ。

(×2)なら最大サイズの2倍の大きさ、
(×3)なら最大サイズの3倍の大きさになので、
最終的に小さくするのを忘れないように、ね!

 

画像に余白をつくる

 

もう一度制作ガイドラインを確認してみます。

https://creator.line.me/ja/guideline/

画像とコンテンツの間には10px程度の余白が必要とのことです。

親切に画像がのってるので理解したかと思いますが、
補足をすると修正前はこんな感じになってます。
※クリックで画像が大きくなります※

yohaku

 

「スタンプの絵が完成したと思ったら、
気づけば余白がバラバラじゃねーか!」

こんな感じで描いてる最中や描きおわったとき
画像の余白が足らなくなったり余りすぎたりします。
(私だけじゃない…よね…?)

この余白を上下左右10pxあけておいてね、ってことです。

ですが、余白についてはかなり曖昧な様子。
「10pxあけたのに審査通らなかった…」っていう声もあれば、
「全く余白がないのに審査通った!」っていう声もありました。

私は上下左右それぞれ20pxあけるのをオススメします。

実際、私が販売しているスタンプは全て20pxあけてあります。

それでは修正前としてお見せしたスタンプの画像、
これを『FireAlpaca』で修正する方法を教えますね。

 

『FireAlpaca』で余白を調整する方法

 

上下左右の余白をなくす。

【編集】⇒【キャンバスサイズ】

kyanpasusaizu1

 

【下中央】にして、上の余白をなくします。

kyanpasusaizu2

 

【高さ】のpixelの数値をいじって、赤の線が絵にかぶらないくらいにします。
ギリギリのところを見つけたら【OK】をクリック!※偶数の数値

するとこんな感じになります。

kyanpasusaizu3

 

左の余白も同じようにやってみます。

【編集】⇒【キャンバスサイズ】で【右】を選びます。

kyanpasusaizu4

 

今度は【幅】のpixelの数値をいじって、赤の線が絵にかぶらないくらいにします。
ギリギリのところを見つけたら【OK】をクリック!※偶数の数値

kyanpasusaizu5

 

この手順を左右上下繰り返すとこうなります。

kyanpasusaizu6

 

すっきり!!!

ここから上下左右に20pxの余白をつくります。

 

スポンサーリンク


 

上下左右に余白をつくる

【編集】⇒【キャンバスサイズ】

kyanpasusaizu7-1

 

【中央】の状態で元の数値に40をたした数値にします。
(元の数値が200だとしたら240にする。)

kyanpasusaizu7-2

 

これで20pxの余白ができました。

kyanpasusaizu7-3

 

十分な余白をつくることに成功しましたが、
余白をつくったために最大サイズからオーバーしている場合があります。
「横幅 370 × 縦幅 320」以内にします。

 

画像サイズを変更する

【編集】⇒【画像解像度】

kyanpasusaizu7-4

 

【比率の保持】にチェックをして、
「横幅 370 × 縦幅 320」以内になるように数値を変えます。

ついでにサイズの下にあるdpi(解像度)について言うと、
ガイドラインに「解像度は72dpi以上」という指定があります。

kyanpasusaizu7-5

 

ね?簡単でしょ? 

説明に使ってるスタンプはうっかり70dpiで審査に出してしまいましたが一発合格。
なので、迷ったらガイドライン通りの「72dpi」でOK。

 

まとめ

 

これで画像のサイズと余白についてはおわりです。
遠回りな方法かもしれませんが、この方法で何とか審査に合格しております(笑)

これで審査で挫折してしまい、
世に出されなかったスタンプが減ることを願ってます…!

ぜひ参考どうぞ!!

 

スポンサーリンク


コメントを残す




CAPTCHA