Lifegraph/キンウンえにっき

お金やクリエイティブワークあれこれ

LINEスタンプの作り方

LINEスタンプの作り方は多様だと思いますが…

私なりの作り方をメモしたいと思います。

☆*:.。.:*゜*:.。.:*゜*:.。.:*゜*:.。.:*゜*:.。.:*゜*:.。.:*゜*:.。.:*☆

 

【ネタ出し】

まず、ネタ出し…は、ざっくりで(^_^;)

いや、ネタ出しは非常に重要な行程なんですが

「ネタはあるけど描く方法がわからない!」

という事の方が多いと思いまして(^_^;)

 

一応書いておくと

・何となくテーマを決める

(挨拶系、ざっくばらん系、文字なし 等)

・キャラクターを決める

私のはこんな感じでした

f:id:satomi1008:20150408172648j:plain

一応、ネタを忘れないようにメモしておきます。

 

☆*:.。.:*゜*:.。.:*゜*:.。.:*゜*:.。.:*゜*:.。.:*゜*:.。.:*゜*:.。.:*☆

 

【描画_ガイド作成】

で、いきなりですが描き始めます。

私は Adobe Illustratorで描いてます。

…という時点で、イラレユーザーに描き方解説とか需要あるか?

という感じですが。。

お付き合いいただければ幸いです((_ _ (´ω` )ペコ

 

必要なのは、

スタンプ画像 40個

メイン画像 1個

トークルームタブ画像 1個

の、計42個です。

 

スタンプ画像から描き始めます。

最大サイズがW 370×H 320 pixelなので、

ドキュメント設定をこのサイズにします。

 

f:id:satomi1008:20150408214845j:plain

↑↑黒い枠がドキュメント。

 

スタンプは、上下左右で各10px程余白が必要らしいので、

ガイドを作ってしまいます。

↑↑青い線がガイド。

※ウワサによると、10pxから更に余白が必要かも との事なので

私は全部で20pxずつ余白をとっています。

 

”ガイド”のレイヤーを一番下に作っておくと便利ですね。

 

☆*:.。.:*゜*:.。.:*゜*:.。.:*゜*:.。.:*゜*:.。.:*゜*:.。.:*゜*:.。.:*☆

 

【描画_スタンプ画像】

作ったガイドの中に、イラストを描いていきます。

私はネタが超ざっくりなので、ここで描きながら

キャラクターを決めます。

 

描けたら、それをベースにスタンプ作成を進めます。

顔だけ、とか上半身まで、とかだと結構簡単に進んでいきます。

1作目の『ねこのキンウンと愉快な仲間たち』は

作成時間 1点につき1時間前後だったのに対し

2作目の『ねこのキンウンと愉快な仲間たちのお喋り』は

作成時間 1点につき1時間半~2時間くらいでした。

まとまった時間がとれる人は、イッキに描き上げたほうが

トータル作業時間は短くなるかと。

 

描きたいイメージが固まっていると、作業も早いです。

 

注意したいのは

白いオブジェクトは白で塗りつぶさないと透過してしまうこと。

白い顔を描いたらうっかり顔が透けてしまってたりするので

白以外の背景で、最終確認した方がいいかもしれません。 

 

動きのある絵を描きたいけど、どんなだっけ?

と思った時は、

ネットで参考になる画像を探します。

例:

f:id:satomi1008:20150408220906p:plain

この絵は

「考える人」でググりました( ̄∇ ̄*)ゞ

 

☆*:.。.:*゜*:.。.:*゜*:.。.:*゜*:.。.:*゜*:.。.:*゜*:.。.:*゜*:.。.:*☆

 

【描画_メイン画像】

メイン画像は、ストアのサムネイルとして

ユーザーの最初に目につく絵になるので、

重要な役割を担っています。

と言っても、スタンプ40個の中から選んで

ちょっと加工して使う人が多いようです。

 

私はまったく別にメイン画像を描きましたが…

このブログのヘッダーにも使えたのでま、いいかなと(^_^;)

 

サイズはW 240×H 240 pixelの正方形です。

 

☆*:.。.:*゜*:.。.:*゜*:.。.:*゜*:.。.:*゜*:.。.:*゜*:.。.:*゜*:.。.:*☆

 

【描画_トークルームタブ画像】

LINEトーク中にスタンプを選ぶ際の、目次みたいなものです。

実際はとても表示が小さいので、単純明快シンプルが良いかと。

私はキンウンの顔にしてます。

 

☆*:.。.:*゜*:.。.:*゜*:.。.:*゜*:.。.:*゜*:.。.:*゜*:.。.:*゜*:.。.:*☆

 

【保存】

さて、スタンプ画像40個できたら

1つずつ名前をつけて保存します。

 

保存形式(フォーマット)はPNGです。

他ではダメ。

 

f:id:satomi1008:20150408221651j:plain

こんな状態になっています。

これも色々なやり方があると思いますが、

私は別ファイルを作って

1個ずつコピペして保存します。

f:id:satomi1008:20150408222018j:plain

単純ですが

ドキュメントをW 370×H 320 pixelにし

上下左右 各20pxの余白をつけてガイドを引き

↑↑できた青枠の中に収まるよう配置します。

はみ出して作っていた部分は

はさみツール等でカット。(アナログですが)

 

保存する際は、

「webおよびデバイス用に保存」を選択し

PNG-24」を選択し

「透明部分」チェックボックスにチェックを入れます。

(イラレのバージョンが違うと保存方法も違う場合があります)

 

ファイル名は自由(だったはず)ですが

「01_○○」のように番号をふると良いかと。

販売ページでは、審査申込の時に登録した順番で並ぶので

この時点でスタンプの順番を決めます。

 

メイン・トークルームタブ画像も同様に保存します。

ファイル名はそれぞれ「main」「tab」にしました。

 

ここまでできたら、、、

 

はい 完成ですヽ(^◇^*)/ ワーイ

あとは審査に出して、待つのみです。

 

☆*:.。.:*゜*:.。.:*゜*:.。.:*゜*:.。.:*゜*:.。.:*゜*:.。.:*゜*:.。.:*☆

 

一応、リンク貼っときます↓↓

ガイドライン - LINE Creators Market

 

余談ですが

LINEストアの商品が値上がりしててびっくり(゜o゜;

 

☆*:.。.:*゜*:.。.:*゜*:.。.:*゜*:.。.:*゜*:.。.:*゜*:.。.:*゜*:.。.:*☆

 

長々とお付き合いありがとうございましたm(_ _)m

参考になれば幸いです。

 

「もっとこうした方がいいよ!」みたいなご意見があったら、

是非聞かせて下さい q*´∀`)゚+♪