Pythonで画像をLINEスタンプのフォーマットに自動変換する

  • このエントリーをはてなブックマークに追加

日本で人気のSNS「LINE」はスタンプを自作し販売することが出来る特色があります。ここではスタンプ画像を自作する時に面倒なサイズ合わせ、透過処理、枠処理を自動化するPythonコードを紹介します(実際に公式の審査承認まで行きました!)。

こんにちは。wat(@watlablog)です。ここでは適当な画像からLINEのスタンプ画像フォーマットに自動変換してくれるPythonコードを紹介します変換画像を公式に申請し、承認・リリース実績もあるのでこれから作成する方の参考になると思います!

ここではPythonを使ったLINEスタンプフォーマット変換方法を説明していますが、もしまだPythonを触ったことが無い方は「Python入門!初心者がインストールから学習開始するまでの3ステップ」という記事でPythonインストールから実行方法までを説明しています。

是非これを機にPythonプログラマとして色々なプログラムを作ってみて下さい!

審査を合格したスタンプの例

ここで紹介しているPythonコードで変換した画像を試しにLINEクリエイターズマーケットで申請してみた所、なんと一発で合格してしまいました!

以下リンクがそのページです(せっかく作ったので使って頂けると今後の記事作成モチベーションが爆上がりします!)。

スタンプページ外部リンクhttps://line.me/S/sticker/11074713
ちなみにこのスタンプはG検定取得を目指して機械学習・ディープラーニングを勉強していた時に作ったので、かなり理系向けです。

数十枚の画像フォーマットを変換するのはハードルが高いと思いますが、是非ここで紹介しているプログラムで楽をしてみて下さい!

LINEスタンプ画像の作成ルール

Advertisements

画像サイズ/余白/背景透過

スタンプを作る前に、作成する時のルールをよく把握しましょう。

LINE公式のスタンプ作成ガイドラインによると、スタンプ作成に必要な画像はメイン画像が1枚、スタンプ(sticker)画像が指定枚(8, 16, 24, 32, 40枚からの選択)、トークルームタブ画像が1枚必要とのこと。

そして画像種類毎にサイズ(偶数)に関するルールが決まっており、さらにイラストの背景は透過処理(Alphaチャンネルの値が0)が必要、余白は10[px(ピクセル)]くらい(曖昧!)必要、画像形式はPNGとあります。

図にすると以下のように読み取れました。

LINEスタンプのフォーマット(公式ガイドラインより)

今回はこのフォーマットにするためのPythonコードを作成していきます。
解像度dpi(dots per inch)72[dpi]以上カラーモードはRGBというのは今回紹介する方法で作成する分には普通にクリアできると思うので省略します。

イラストの内容

イラストは何でも良いわけではなく、LINE公式ガイドラインに記載の以下を守る必要があります。
・日常会話、コミュニケーションで使いやすい物
・表情、メッセージ、イラストが分かりやすくシンプルなもの

そして以下のNG項目に該当してはいけません。
・日常会話で使用しにくいもの(例:物体、景色など)
・視認性が悪いもの
・スタンプ全体のバランスを著しく欠いているもの
・公序良俗に反するもの未成年者の飲酒喫煙を想起するもの、性的表現、暴力的表現、ナショナリズムを煽るもの
・宣伝目的
・個人情報の記載
・ロゴのみのイラスト
・著作権に侵害しているもの

今回はPythonコードの動作確認も兼ね、実際に公式の審査をパスすることを目指します。そして以下のような完全オリジナル画像を24枚作成しました。

技術系プログラマは煽ってるかも知れませんが、上記NG項目にあるナショナリズム等は煽っていませんし、日常会話でも使いやすいので多分OKでしょう。

プログラムでフォーマットを変換するメリット

一般的にLINEスタンプを作っている人は、PhotoShopやGIMP、もしくはペイントに代表される汎用的な画像処理ソフトを使っていることと思います。

しかしLINEスタンプは最大で40枚ほどの画像コンテンツを必要とします。
サイズ調整、背景透過、余白の追加といった処理を数十枚分やるのは大変面倒です。

できれば適当に作成した画像に対し、プログラムで一括変換できればスタンプ作成作業の効率がグッと上がることでしょう。

フォーマット変換という退屈な作業をPythonにやらせると、クリエイターはコンテンツのクオリティに注力できるというのが最大のメリットです。

LINEスタンプフォーマットへ自動変換するPythonコード

事前準備

スタンプ画像の用意

まずは何はともあれ、元となる画像が必要です。画像は上記ガイドラインに沿って自分で作成しましょう。

ここではスタンプ画像として、実際にトークで使用する複数枚の画像をこしらえます。

今回はPythonコードの動作検証なので、パワポのオートシェイプを使って適当にキャラクターとメッセージを作成しました。このパワポイラストをWindowsであればSnipping Tool等を使ってこれまた適当に画像切り出しします。

この時点で画像のサイズは個々でばらばらです(見た目に正方形っぽくなってる程度でOK、形式もJPGやBMP、PNGのどれでもOK)。

画像の作成例

またスタンプ画像にはメッセージを添えることが多いと思いますが、フォントにも著作権があるのでLINEスタンプとして使って良いものを選びましょう。
今回は「外部サイト:LINEスタンプに使えそうな無料フォント36選」を参考にさせて頂きました。

以下のように24枚作成しました(疲れた…40枚は無理)。クオリティに関するツッコミは禁止です。本質はあくまで変換コードなので。

24枚のスタンプ作成例

ここでのファイル名は何でも良いですが、LINEスタンプ画像は01~40の番号のみという指定があります。このスタンプ画像に関してはプログラムで連番を作ります。順番を指定したい時だけ名前の先頭に番号を付けておきましょう。

メイン画像の用意

メイン画像は別途作成しても良いですが、サイズが正方形(240×240)なので上記スタンプ画像から1つ選びました。
但し、ファイル名をmainにしておきます

トークルームタブ画像の用意

トークルームタブ画像はLINEでスタンプのパッケージを選択する時に表示されるものです。サイズが(縦74、横96)と指定されているので、やや横長の切り出し画像を別途用意しましょう。

今回はディープラーニングフレームワークのPyTorchからインスピレーションを得た以下の画像を適当にやや横長切り出ししました。

トークルームタブ画像の例

フォルダ構成とフォルダの中身

コードを実行する前に、Pythonコード(.pyファイル)があるフォルダに以下の3つのフォルダを作成し、それぞれのフォルダに対応ファイルを入れます
main(mainと名前を付けたメイン画像を入れる)
sticker(複数枚のスタンプ画像を入れる)
tab(tabと名前を付けたトークルームタブ画像を入れる)

フォルダ構成

Pythonコード

Pythonの全コードを以下に示します。詳細はコメントに記載しましたが、ポイントは実行結果の後で説明します。

実行結果

以下が実行結果です。outフォルダが自動生成され、その中に申請に必要な全ての画像(01.png~24.png, main.png, tab.png)も作られています。

白色部分の透過、規定のサイズにリサイズ、余白として透過画素10[px]のパディング(画像の周りに一定値のピクセルを置いてサイズ拡張すること)が施されました。

LINEスタンプのフォーマットへ変換するプログラムの実行結果

キャラクターの頭から出ている湯気(…湯気のつもりです)も透過されていますが、ここは色を付けた方がよかったかも知れません。

コードのポイント

必要な変数

フォーマット変換は関数の中で実施していますが、関数の引数としてフォルダの名前、画像のサイズを変数として設定しています。
もし正方形以外のサイズにしたい場合はこの数値を変更するだけでOKです。

透過処理

透過処理は「Python/OpenCVで任意色を透過させたpng画像に変換」で習得したOpenCVによるコードをそのまま使っています。

透過の方法は以下の画像のように、色範囲(color_lower, color_upper)に該当した色を使ってマスク画像を作り、not演算(ブーリアン演算)で画素階調内Alphaチャンネルを含む全ての要素を0にしています(詳細は上記記事を参照下さい。)。

リサイズ

画像サイズをLINEガイドライン記載のサイズにきっちり収めるために「Python/OpenCVで画像をリサイズする方法」で習得したリサイズコードを使っています。

コード自体は簡単ですが、日常で使いやすく非常に便利ですね。

余白処理(パディング)

LINEスタンプ作成ガイドラインにはイラストの周りに余白が10[px]ほど必要とありました。余白は画像の周りに一定の線を付ければ良いので、OpenCVのcopyMakeBorderで作りました。「10, 10, 10, 10」と辺毎にサイズを指定できる所が便利なので、それぞれ違う太さを与えることも出来ますね。

valueで余白部分の色を指定していますが、Alphaチャンネル(最後の要素)が0になっていれば100%透過線が作れます。

ちなみに、このように画像の周りに一定画素を敷き詰めることをパディングと呼びます。この用語はCNN(畳み込みニューラルネットワーク)を学習した時に覚えたので、画像処理に興味のある方は機械学習もすんなり理解できるかも知れません(ご興味があればAIカテゴリも見てみて下さい!)。

まとめ

本ページではLINEスタンプ作成のハードルを大きく下げるスタンプ申請用自動フォーマット変換プログラムを紹介しました。

今回、実際に初めてスタンプを作ってみましたが、良い意味で適当な画像から申請用画像が自動生成できたので、作成にかかるストレスはほぼ感じませんでした。

クリエイターが増えればもっと面白いスタンプが世の中に増えると期待していますので、是非面倒で退屈なことはPythonにやらせてみましょう!

最後に宣伝ですが、ディープラーニング用語で作成したスタンプもよろしくお願いします!

本記事のプログラムで作成したスタンプ

初めて少し役に立つプログラムを作ったかも知れません!是非ご利用下さい!
Twitterでも関連情報をつぶやいているので、wat(@watlablog)のフォローお待ちしています!

  • このエントリーをはてなブックマークに追加

SNSでもご購読できます。

コメントを残す

*