2017.04.14先日、初めてLINEスタンプを作ってみました。STORE山田にーちがかいた猫のスタンプです。SAI」でも作れそうだなーと思ったので、SAIでLINEスタンプを作ってみることにしました!メモがてらその方法を残しておこうかなーと思います。スポンサーリンク目次LINEスタンプの規定サイズSAIでスタンプ画像を作る手順おまけメイン画像の作り方タブ画像の作り方おしまいLINEスタンプの規定サイズLINEスタンプは公式の「制作ガイドライン」に必要な画像の個数や、画像サイズが載っています。幅96px×高さ74pxそしてスタンプ画像には幅高さそれぞれ10pxの余白が必要みたいです。メイン画像とタブ画像はあとから作るとして、まずはスタンプ画像を作っていくことにしました。手順1キャンバスサイズを設定SAIを開き、最初にキャンバスサイズを設定します。サイズはスクショのような感じで設定。【幅】700【高さ】600【解像度】300制作ガイドラインのサイズよりも大きめですが、はじめにキャンバスサイズを大きくしておくと描きやすいです。大きめのデータを残しておくと修正しやすかったり、後々ほかのことにも画像を使いまわせるのでおすすめです。手順2スタンプを描くさっそくスタンプ用のイラストを描いていきます。余白は気にせず描いちゃってOKです!色も塗って完成させちゃいましょう。手順3透過チェックをするこのまま完成!としてしまうと透過したときに塗り漏れが出てしまったりするので、ちゃんと塗り漏れが無いかを確認します!まずはレイヤーから「新規レイヤー」追加して一番下に配置し、レイヤーを濃い色で塗りつぶしてください。僕は紫で塗っていますが、塗り漏れが分かりやすい濃い色ならなんでもいいと思います。こんな感じになります。ここで細かいところをよーく見てみるとこんな感じで塗り漏れや塗り忘れが見つかります。あるのが白で塗る所の塗り忘れ!このままだと線が滲んでしまったり、LINEの背景が透けちゃいます。はみ出した紫色が見えなくなるように塗りつぶしましょう。出来上がり!紫色に塗りつぶしたレイヤーの目玉アイコンをオフにしましょう。手順4ここで一旦キャンバスを保存をする!ここで一度「SAI形式でキャンバスを保存」して保管しておきましょう。ここから先はLINEスタンプ申請用の画像を作るのですが、提出用に画像を縮小したりするので、あとからキャンバス保存をしてしまうとサイズが小さくなって修正作業がやりにくくなっちゃいます!手順5キャンバスの解像度を変更するキャンバスを保存したら、LINEスタンプ申請用のpng画像を作っちゃいましょう。メニューの「キャンバス」→「キャンバスの解像度を変更」を開きます開いたら以下のスクショのように「横ピクセル数を350」にしましょう!横ピクセル数を350にしたら自動的に縦ピクセル数も300になると思います。これでOKを押す!手順6余白を作る続いて、LINEスタンプには10pxの余白が必要になるので、ここで余白を作っちゃいます。メニューの「キャンバス」→「キャンバスのサイズ変更」を開きます開いたら以下のスクショのようにそれぞれ「10」と入力していきます。OKを押すと一気に10pxずつ余白ができます。これでLINEスタンプの規定サイズである「幅370px×高さ320px」にできました!手順7透過PNG形式で保存するそれではLINEスタンプ提出用に透過PNG形式で保存しましょう。メニューの「ファイル」→「指定のファイル形式で出力」→「.png(PNG)」を選びます。ファイル名はLINE提出用に01、02、03など決まっているので、それに合わせて「01」とかにしておきます。ARGB(不透明度あり)を選んでOK!これで完了です!あとはスタンプ画像40枚分これを繰り返すだけです!おまけメイン画像の作り方メイン画像はLINEスタンプの販売が始まった時に、ストアのトップに表示される画像です。幅240px×高さ240px僕はめんどうくさいので、スタンプ画像から適当に選んで、ガイドライン規定のサイズに合わせただけで作りました。調べてみるとメイン画像は余白10pxなども関係ないようなので、余白も気にしなくていいのかもしれません。僕はリジェクトが怖かったので一応余白をとっておきました。タブ画像の作り方タブ画像はLINEスタンプを実際に使う際に、タブに表示される画像です。こちらも余白は気にしなくていいようです。僕はもうスタンプ画像で力尽きていたので、適当にスタンプ画像から取ってきて縮小して作りました。History」がめちゃんこ便利コメントコメントをキャンセルメールアドレスが公開されることはありません。目次LINEスタンプの規定サイズSAIでスタンプ画像を作る手順おまけメイン画像の作り方タブ画像の作り方おしまいタイトルとURLをコピーしました。