私が作った現在発売中のトラ猫「お肉様」のLINEスタンプ。
今回はそのLINEスタンプの制作のお話をしようかと思います。作成から申請までの道程編も合わせてどうぞ。

LINEスタンプの概要をチェック

まずはLINEスタンプを売るために概要を知らなきゃなので、とりあえず下調べ。基本的には LINE Creaters Market の ガイドライン と睨めっこしました。

申請するのに必要な画像をチェック、余白チェック、ガイドラインチェックして、さて次に制作にとりかかるための下準備です。

今回は制作に Adobe Illustrator CC を用いたので、IllustratorでLINEスタンプ制作用のファイルを用意しました。

メイン画像、ルームタブ画像をそれぞれ一つずつ。そして下にスタンプ画像計40枚用のアートボード(※)を作成。赤枠は余白部分になってます。

※ イラレを知らない人のために。アートボードというのは、実際にイラストを描いていく本番の紙だと思ってください。おおきな紙の上に、描くための領域がいくつかある感じです。

このファイル、初期に作ったので、実際使っていくと使いにくいとこもありました w
特に販売される際の表示は4列なので、4列で作ればよかった〜と後々することに。他にも手をいれたいところ満載だったので、作ってみると見えてくるものってほんと多いなぁと痛感。次回はもっといいテンプレートファイル作ります w

これで、ひとまず下準備は完成です。

40種類のスタンプをいかに使いやすくするか

「猫スタンプを作る」というのは既に決まっていたので、問題は40枚という多いけど限られた枚数の中に、どんなイラストを描けば長く使ってもらえるか、そこが私の頭を悩ませたポイントでした。

一番の目的は買ってもらった人に長く使ってもらえること。とにかく「使いやすい」と言ってもらえるように作りたいなぁ、と。

そこで、自分がスタンプであったら使うだろうなぁ、と思うシチュエーションをとにかく列挙してって、紙と鉛筆でラフ画を数点作成。

何枚か描いたとこで、飽きてきちゃったのでイラレ作業に移行。
一気に40個のイラスト案を出したわけではなく、紙に描いたり、考えたり、直接イラレで描いたり、作りながら枚数を揃えていった感じです。

イラレでがしがし

アートボードの外でひとまず形をつくっていきました。
実際にスタンプを送った時に生えるイラストってどんなんだろう、とか。大きさはどのくらいがいいんだろうか、とか。そんなことを考えつつ、ベースを作成。

出来たベースを元に、作って直して微調整して…。アートボードに完成形置いてみて。でもまた見直して気にくわなくなって直して微調整して…これの繰り返し。

ちょっと面倒だったのは、イラストの特性上、複合シェイプ(※)のまま作業できなかった点。
途中途中で複合シェイプのままの状態を残して置く感じにして、これをベースに別のイラストを作れるようにしておきました。

※ イラレを知らない人のために。複合シェイプとは、手直しできる状態に残しておけるもの…です。ちょっと違うんだけど、下書きの鉛筆の状態を残しておける感じ。ペン入れしちゃうと消しゴムじゃ消せない。だから、ペン入れする前の状態をそのまま残しておくんです。

ちなみに紙に鉛筆でイラストを描いても、トレースをするといった作業は一切していません。描いた絵を参考にしながらイラレで直接描き、全てを仕上げていきました。そのため結構手間がかかったかもしれません。

LINEスタンプを作ってみて

今更ながら、手直ししたい部分とか正直あるんですが、LINEスタンプを発売するぞっていうことを達成出来たのがとても嬉しかったので良しとします。
また40枚のイラストを描く難しさがよおおおおおおっく分かりました…。表情だけで感情を伝えることができる漫画家さんとかって本当にすごい。

というわけで、この時点の私の最大限の力を出しきったお肉様LINEスタンプを、どうぞよろしくお願いいたします。
以下のバナーから、完成したスタンプ一覧をみる事ができますよ。

売り上げは…？

正直微々たるものです w お仕事としてなら成立しないくらいの値段です。発売したのも遅かったですしねぇ。
それでも目標に設定していた額には発売した月に達成いたしました。お買い上げいただいた皆様、本当に本当にありがとうございました。

なお先述した「使いやすい」スタンプ作りはそこそこ成功したみたいです。あ、これは Creaters Market の自分のアカウントページでスタンプの送信数がチェック出来るので、実際使用していただけてるっていうのが分かるんです。使っていただけて本当に嬉しいです。ありがとうございますー。

お肉様LINEスタンプ 宣伝用バナー

もしスタンプ気に入って貰えてたら宣伝よろしくお願いします！

以下のコードをサイトに埋め込むだけの仕様になってます。サイズ固定で画像を用意しようかとも思ったのですが、色んなサイズに対応するためにSVG使ってバナー幅は100%です。埋め込んで変だな〜ってとこがあったらいじっちゃってください or ご連絡下さい。

<p id="sir_oniku" style="text-align:center;"><a href="https://chi-bit.com/oniku/" style="display:block;background-color:#f9be00;border-radius:7px;padding:0 5%;width:90%;"onmouseover="this.style.backgroundColor='ebb617'" onmouseout="this.style.backgroundColor='f9be00'" /><img src="https://chi-bit.com/img/sir_oniku.svg" width="380" height="82" /><img src="https://chi-bit.com/img/sir_oniku-i.svg" width="92" height="82" /></a></p>