正方形LINEスタンプのサイズの失敗体験談…大きさがバラバラに!

  • URLをコピーしました!

【PR】広告

・当サイトはアフィリエイトプログラムを利用しています。
・当サイトでは、第三者配信の広告サービス(Google AdSense )を利用しています。
・Amazonのアソシエイトとして、Miki(当サイト運営者)は適格販売により収入を得ています。

クローバー
クローバー

前回の特集参加についての失敗談に続いて、
今回は「正方形スタンプのサイズ」についての失敗談と、そこから学んだことをシェアしますね🍀



前回の特集参加についての失敗談はこちら↓

あわせて読みたい
LINEスタンプ特集申込の失敗体験談(描き下ろし絵&期限について) クローバー カラフルキャラがあなたの創作も日常も応援!じゅうにんといろへようこそ🍀 LINEスタンプは、定期的に特集を行なっています。例えば、「毎日使えるス...
パレット
パレット

正方形スタンプは、
透過など細かい処理を気にしなくていいので
LINEスタンプ制作を始めたばかりの方にもおすすめです!

私も初めは透過や背景の処理がよくわからなかったので、
ひとまず今まで描いた絵を正方形に切り抜いてスタンプにしました…!

クローバー
クローバー

その時に私がしてしまったサイズについての失敗を、
この記事にまとめました。
これから制作に挑戦される方の
少しでも参考になれば、うれしいです!

椿
椿

2020年5月追記

もともとこの記事は「正方形スタンプの私たちの失敗体験談」を書いた記事でした。

ですが、思いがけずいろんな方に見ていただいて嬉しかったので(笑 ありがとうございます!)、
正方形以外のスタンプサイズや
メッセージスタンプについてなど、内容を追記いたしました。

目次

正方形LINEスタンプのサイズは縦320p横320px が最大

LINEスタンプの公式のガイドラインによると、

LINEスタンプの大きさの上限は、

横370px × 縦320pxです。

なので、正方形のスタンプを作る場合は、縦の320pxに合わせて、

横320px × 縦320pxが正方形スタンプの最大サイズです

上下左右に余白を10pxずつ

トリミングされた画像の外枠とコンテンツの間には10pxぐらいの余白が必要です。画像をつくるときは上下左右のバランスに注意してください。

ガイドライン – LINE Creators Market LINEスタンプの制作ガイドラインより

そして余白を上下左右に10pxくらいずついれる必要があるので、

絵(スタンプ部分)自体のサイズは、

長方形なら350px × 300px
正方形なら横300px × 300px が、

最大です。

クローバー
クローバー

なお、余白が10pxより多いぶんには、
問題ありません。
12pxでも15pxでも大丈夫です!

(ただし、余白が多すぎると、
実際にLINEで送信した時に
スタンプの見た目が小さくなるという注意点があります)

画像サイズが小さいと、
トーク画面で実際に送信した時の、スタンプの表示サイズがそのぶん小さくなります。(もちろん、意図的に小さいスタンプにしたい時はそれで問題ありません)

追記:メッセージスタンプでは余白は不要です

トリミングされた画像の外枠とコンテンツの間に余白は必要ありません。プロフィール画像とスタンプ画像の間に余白が自動で追加されるようになりました。

ガイドライン – LINE Creators Market メッセージスタンプの制作ガイドラインより (2020年4月2日閲覧)
クローバー
クローバー

2020年3月に新登場した、
メッセージスタンプを作る際は
余白は不要となっています!

そのため、
長方形スタンプの場合は
横370px × 縦320px

正方形スタンプの場合は
320px × 320px
にめいっぱい絵や文字を配置することができます!

クローバー
クローバー

実際に私たちが制作・販売した
正方形メッセージスタンプは、
余白なしでぴったり320×320 pxでしたが、
審査も一度で通過し、
無事販売開始することができました!

作る際に余白を気にしなくて良いのは、
ありがたい変更点だなと思いました。

柊

他のスタンプもこうなればいいのにな…

あわせて読みたい
新LINEスタンプ「メッセージスタンプ」を作ろう!手軽な作り方も紹介 クローバー カラフルキャラがあなたの創作も日常も応援!「じゅうにんといろ」へようこそ! パレット 今回は、2020年に新しく登場したLINEスタンプ「メッセージスタンプ...
クローバー
クローバー

2020年に新登場した、
「メッセージスタンプ」作りに挑戦してみました!

椿
椿

今回もWeb経由で申請を行いました。
作り方や申請の流れをこちらの記事で紹介しています。

アップロード欄では同じ大きさに見えても……

これは私が以前に制作したスタンプの、ラインクリエイターズマーケットのアップロード画面です。(→カラフルハッピーデイズ
同じサイズの正方形のスタンプが多く見えますが、実はそれぞれの画像サイズがバラバラです。

画像アップロード欄では、このようにどれも同じ大きさに見えたので、
「あれ、正方形ならどれも同じ大きさになるのかな?」と勘違いして、
その時その時で描きやすい大きさ……バラバラのサイズで、制作してしまいました。

ですが、審査が通って、実際に使ってみると……!

クローバー
クローバー

大きさがバラバラです〜!!

このように、スタンプごとに大きさがバラバラになってしまっていました^^;

アップロード画面では同じに見えても、
実際は画像サイズに応じて表示される大きさが変わります!

例えば、大きめに表示されている「カラフル」の画像サイズは320×320(うち余白が上下左右に10ピクセルずつあるので絵自体の大きさは300×300)です。
これが、正方形スタンプの最大サイズになります。

一方で、とりわけ小さくなっている「きゅん」のスタンプの画像サイズを確認してみると、230×230(余白を抜いた絵自体の大きさは210×210)でした……。
「カラフル」と比べると、だいぶ小さく見えます。
90px違うと、こんなに小さくなってしまうのですね……。

当時デジタルに疎かったため「キャンバスサイズ」の概念をよくわかっていなくて、
サイズが違うと見た目の大きさが変わることに、初めて気づきました。

(2023年11月追記)
これを読んでくださっている方の中には「そんなことも知らないの!?」と驚かれた方もいらっしゃると思います。私も、今(この出来事から数年経過)となってはびっくりするような間違え方なのですが、当時は本当に何も知らず、完成後に自作のスタンプを使用してみて初めて気づきました。
私は今も、お世辞にもデジタルに詳しいとも、絵が上手いとも言い難いです。(一方、ネットの記事やYouTube等で絵の描き方等を発信してらっしゃる方は、デジタルにすごく詳しく絵もすごく上手な方が多いと思います。)
リアルな失敗を書くのは恥ずかしさもあるのですが、この記事のような「デジタルにも絵にも詳しくないリアルな失敗談とその対処法」みたいなのは、もしかしたら私と同じようなデジタルに詳しくない方の参考になることもあるかもしれないと思いました。
そのため、今後もこのような記事を書いていけたらいいなと思いました。
(「デジタルに詳しくなくても、スタンプは作れるし販売できる!」とお伝えしたいです!!)

クローバー
クローバー

これも成長ですね……!🌱

大きく表示させたい場合は最大サイズで

できるだけスタンプを大きく表示させたい場合は、
320px × 320 px(余白を上下左右に10pxずついれて、絵自体の大きさは300px × 300px )で作りましょう!

もちろん、意図的に様々なサイズのスタンプを作りたい時は各スタンプごとに好きなサイズで作ればよいのですが、
「できるだけ大きいサイズで統一したい」場合は上記のサイズで作るのが良いようです。

クローバー
クローバー

余白を上下左右に10pxずつ入れるのも、忘れずに!

スタンプシミュレータを活用しよう

ラインクリエイターズマーケットでログインした時に左側にある、「作ったスタンプをチェックしよう!」というバナーから、画像をスタンプにした際のシミュレーションをすることができます。

LINE Creators Market でマイページにログインして、「作ったスタンプをチェックしよう!」からSticker Simulator を使用している場面の、スクリーンショットです) *出典を明記するためにSticker Simulatorをリンクにしましたが、実際に使用するには、LINE Creators Marketからのログインが必要です

これを使うと、大きさはもちろん、
ラインのデフォルト背景色との相性をチェックすることもできます。

クローバー
クローバー

スタンプになったときのイメージがわかりますね!

「アイテム管理」の「スタンプ画像」にアップロードした画像は、申請前でもシミュレーションができるので、これでサイズ感や印象を事前にチェックするのがおすすめです!

私も今後はどんどん活用していきたいです♪

最後まで読んでくださってありがとうございました。
少しでも何かのお役に立てば、嬉しいです!

それでは、楽しい創作ライフを🎨(╹◡╹)♡

あわせて読みたい
LINEスタンププレミアムが無料で使えるキャンペーン開始!スタンプ・絵文字・着せかえが使い放題のデラ... 【の間、LINEスタンププレミアム(デラックスコース)が無料で使える!】 (追記)こちらのキャンペーンは終了しました。 LINEスタンププレミアム(デラックスコース)が...
よかったらシェアしてね!
  • URLをコピーしました!

コメント

コメントする

目次