・LINEスタンプを販売してみたいけどスタンプの画像ってどうやって作るの?
・ibis Paint X (アイビスペイントX)を使ったスタンプ画像の作り方が知りたい!
という方へ向けた記事です。
記事の最後に“レイヤー機能がよくわからない”方へ向けたおまけコーナーもあります。
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
こんにちは投資するペンギンです
先日LINEスタンプの販売をはじめました。
![](https://toushi-penguin.com/wp-content/uploads/2021/03/F63F6EAC-1FC1-4B41-80EF-B6546DED1727-300x158.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2021/03/F63F6EAC-1FC1-4B41-80EF-B6546DED1727-300x158.jpeg)
前回はスタンプの販売方法をご紹介しましたが
今回はスタンプ画像の作り方編です。
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
これであなたもスタンプクリエイター!
3種類の画像を用意しよう
画像の種類とサイズ
スタンプを販売するにあたって、用意する画像は3種類あります。
![](https://toushi-penguin.com/wp-content/uploads/2020/09/s-icon01.jpg)
![](https://toushi-penguin.com/wp-content/uploads/2020/09/s-icon01.jpg)
![](https://toushi-penguin.com/wp-content/uploads/2020/09/s-icon01.jpg)
スタンプの画像だけじゃないんだね
用意するのは以下の3種類。
- スタンプ画像
幅(最大)370×高さ(最大)320 - メイン画像
幅240×高さ240 - トークルームタブ画像
幅96×高さ74
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
すべて、
解像度は72dpi以上
カラーモードはRGB
背景色は透明です
スタンプ画像とは
![](https://toushi-penguin.com/wp-content/uploads/2021/04/E98444C1-408E-4A30-9B33-0A0A121004B3.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2021/04/E98444C1-408E-4A30-9B33-0A0A121004B3.jpeg)
まさにスタンプとなる画像です。
メイン画像とは
![](https://toushi-penguin.com/wp-content/uploads/2021/04/82B210D5-9950-42E5-BAA4-E987DDF7A0DF.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2021/04/82B210D5-9950-42E5-BAA4-E987DDF7A0DF.jpeg)
販売する画面の先頭にどどーんと出る画像です。
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
アイキャッチですね!
トークルームタブ画像
![](https://toushi-penguin.com/wp-content/uploads/2021/04/170E1EA6-2FE9-4CC0-B07A-740315409361.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2021/04/170E1EA6-2FE9-4CC0-B07A-740315409361.jpeg)
LINEのスタンプを選ぶところに出てくる画像です。
小さい画像なので、何のスタンプなのかが一目でわかりやすいように作りたいですね。
画像を ibis Paint X (アイビスペイントX)で作ってみよう
わたしはiPadでibis Paint Xというアプリを使ってスタンプを作っています。
ご自身の使いやすいアプリで大丈夫ですが、今回は ibis Paint X を使った作成方法をご案内します。
スタンプ画像の作成
![](https://toushi-penguin.com/wp-content/uploads/2021/04/54F6C0FF-F82D-4434-90C4-656D73107BED-1024x745.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2021/04/54F6C0FF-F82D-4434-90C4-656D73107BED-1024x745.jpeg)
マイギャラリーから新規キャンバスを開きましょう。
なんと ibis Paint X にはすでにLINEスタンプというサイズが用意されています。
この370×320というサイズはスタンプの最大サイズなので、これより小さいサイズでも作ることができますがサイズが必ず偶数になるように設定してください。
![](https://toushi-penguin.com/wp-content/uploads/2021/04/FEB67335-4AEF-4BB8-BFFE-7F5103CFC2AC-1024x688.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2021/04/FEB67335-4AEF-4BB8-BFFE-7F5103CFC2AC-1024x688.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
このような画像をつくってみるよ
![](https://toushi-penguin.com/wp-content/uploads/2021/04/42E9FEED-35BE-419F-8F17-3878793E0EEA-1024x690.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2021/04/42E9FEED-35BE-419F-8F17-3878793E0EEA-1024x690.jpeg)
作る前に少し、レイヤーについて。
![](https://toushi-penguin.com/wp-content/uploads/2021/04/BF2A7B84-3262-45C2-B97E-2BF1F1AF349C.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2021/04/BF2A7B84-3262-45C2-B97E-2BF1F1AF349C.jpeg)
レイヤーってよくわからない!難しい!という方もいますが、便利なのでぜひ使ってみてください。
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
レイヤーについて、詳しくは後述します
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
さっそく作っていくよ〜
![](https://toushi-penguin.com/wp-content/uploads/2021/04/3BF69BF1-A2F8-4417-9CA2-60075A2E3E00-1024x684.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2021/04/3BF69BF1-A2F8-4417-9CA2-60075A2E3E00-1024x684.jpeg)
レイヤーを1枚追加して文字を入れます。
![](https://toushi-penguin.com/wp-content/uploads/2021/04/21DCFC1F-E906-4087-B74A-8CA7B8317356-1024x690.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2021/04/21DCFC1F-E906-4087-B74A-8CA7B8317356-1024x690.jpeg)
もう1枚には下書きを描きました。
主線と違う色だと後で作業がやりやすいです。
また、スタンプ画像はまわりに10ピクセル分の余白が必要です。
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
サイズギリギリまで描かないようにしてね
![](https://toushi-penguin.com/wp-content/uploads/2020/09/s-icon01.jpg)
![](https://toushi-penguin.com/wp-content/uploads/2020/09/s-icon01.jpg)
![](https://toushi-penguin.com/wp-content/uploads/2020/09/s-icon01.jpg)
それまぁまぁ重要事項だよね!?さらっと言うね!?
![](https://toushi-penguin.com/wp-content/uploads/2021/04/45CF91D2-AB24-444D-BB4B-EF130B62CD39-1024x813.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2021/04/45CF91D2-AB24-444D-BB4B-EF130B62CD39-1024x813.jpeg)
下書きを描いたレイヤーの不透明度を下げます。
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
線が薄くなって、主線が描きやすい!
![](https://toushi-penguin.com/wp-content/uploads/2021/04/2C4101F3-9C98-47C8-BA37-3C9501BA7E48-1024x784.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2021/04/2C4101F3-9C98-47C8-BA37-3C9501BA7E48-1024x784.jpeg)
レイヤーを1枚追加して主線を描きました。
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3894.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3894.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3894.png)
ちなみにこれは主線の色を間違えたため後で描き直しています
![](https://toushi-penguin.com/wp-content/uploads/2021/04/E3DB1C02-184B-4B77-A002-2E68C0E632D3-1024x874.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2021/04/E3DB1C02-184B-4B77-A002-2E68C0E632D3-1024x874.jpeg)
主線が描けたら下書きのレイヤーは消しちゃいます。
![](https://toushi-penguin.com/wp-content/uploads/2021/04/657C9B9E-E1D8-41CD-A940-8A3A281B5B24-1024x682.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2021/04/657C9B9E-E1D8-41CD-A940-8A3A281B5B24-1024x682.jpeg)
レイヤーを1枚追加して、色をつけていきます。
![](https://toushi-penguin.com/wp-content/uploads/2021/04/76A8F6FB-46B0-4A44-BB27-B18B6EA0E81A-1024x752.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2021/04/76A8F6FB-46B0-4A44-BB27-B18B6EA0E81A-1024x752.jpeg)
出来上がり!
マイギャラリーに戻って画像を保存しましょう。
ファイル形式は画像(透過PNG)を選んでください。
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
やったね
メイン画像の作成
![](https://toushi-penguin.com/wp-content/uploads/2021/04/82B210D5-9950-42E5-BAA4-E987DDF7A0DF.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2021/04/82B210D5-9950-42E5-BAA4-E987DDF7A0DF.jpeg)
メイン画像はLINEユーザーが最初に見る画像。
どのようなスタンプなのか一目でわかるようなものがいいですね。
![](https://toushi-penguin.com/wp-content/uploads/2021/04/ABFABCCE-6DED-4C6A-BB1A-562F878D2133-1024x345.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2021/04/ABFABCCE-6DED-4C6A-BB1A-562F878D2133-1024x345.jpeg)
新規キャンバスで240×240に設定しましょう。
これ以降はスタンプ画像と一緒です。
トークルームタブ画像の作成
![](https://toushi-penguin.com/wp-content/uploads/2021/04/170E1EA6-2FE9-4CC0-B07A-740315409361.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2021/04/170E1EA6-2FE9-4CC0-B07A-740315409361.jpeg)
トークルームタブ画像もサイズだけ気をつけたら、あとはスタンプ画像と同じです。
![](https://toushi-penguin.com/wp-content/uploads/2021/04/E8856C37-2DAC-4E7D-BF4F-AAC63B65C363-1024x376.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2021/04/E8856C37-2DAC-4E7D-BF4F-AAC63B65C363-1024x376.jpeg)
新規キャンバスのサイズは幅96×高さ74です。
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
これで3種類の画像ができあがりました!
スタンプのファイル名
![](https://toushi-penguin.com/wp-content/uploads/2021/03/E8278CE3-0066-48FA-9371-0A3C7447C9AF.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2021/03/E8278CE3-0066-48FA-9371-0A3C7447C9AF.jpeg)
ファイル名をつけるのはパソコンで作業したほうがやりやすいので、いったんすべての画像をパソコンに移しました。
スタンプ画像は01〜40
(スタンプが40個の場合)
メイン画像はmain
トークルームタブ画像はtab
というファイル名をそれぞれ付けましょう。
![](https://toushi-penguin.com/wp-content/uploads/2020/09/s-icon01.jpg)
![](https://toushi-penguin.com/wp-content/uploads/2020/09/s-icon01.jpg)
![](https://toushi-penguin.com/wp-content/uploads/2020/09/s-icon01.jpg)
スタンプ画像の数は8、16、24、32、40個の中から選べるよ
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
8個の場合はファイル名を01〜08にしてね
実はファイル名は自由につけても良いのですが、上記のようにつけておくことでアップロードが一括でできるので時短になります。
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
ZIPファイルでぽぽーんとアップできるよ
画像のアップロードについては別の記事にまとめています。
![](https://toushi-penguin.com/wp-content/uploads/2021/03/F63F6EAC-1FC1-4B41-80EF-B6546DED1727-300x158.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2021/03/F63F6EAC-1FC1-4B41-80EF-B6546DED1727-300x158.jpeg)
おまけ:レイヤーについて
ibis Paint X に限らずPhotoshopなどにもあるレイヤー機能について、よくわからない方へのおまけコーナー!
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
もともとレイヤーを使いこなしている人には何の収穫もないコーナーだよ
![](https://toushi-penguin.com/wp-content/uploads/2020/09/s-icon01.jpg)
![](https://toushi-penguin.com/wp-content/uploads/2020/09/s-icon01.jpg)
![](https://toushi-penguin.com/wp-content/uploads/2020/09/s-icon01.jpg)
言い方な
\レイヤーのイメージ/
![](https://toushi-penguin.com/wp-content/uploads/2021/04/43455AA2-0430-4045-BEFE-D81A6D5DAEF5-1024x449.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2021/04/43455AA2-0430-4045-BEFE-D81A6D5DAEF5-1024x449.jpeg)
今回作ったスタンプ画像を分解してみました。
これは3枚の画像を重ねて出来ています。
![](https://toushi-penguin.com/wp-content/uploads/2020/09/s-icon03.jpg)
![](https://toushi-penguin.com/wp-content/uploads/2020/09/s-icon03.jpg)
![](https://toushi-penguin.com/wp-content/uploads/2020/09/s-icon03.jpg)
1枚にまとめて描いたらいいのに、3枚別々に描くメリットってあるの?
めんどくさいだけじゃない?
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
いくつかのメリットを挙げてみるよ
メリットその1!
色の変更がしやすい
![](https://toushi-penguin.com/wp-content/uploads/2021/04/8EAC5B9A-2E99-412A-B944-5C1AD2C9879B-1024x880.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2021/04/8EAC5B9A-2E99-412A-B944-5C1AD2C9879B-1024x880.jpeg)
主線はそのままに、色を塗ったレイヤーだけ塗り直すことができます。
主線に影響がでることなく色の変更ができます。
メリットその2!
主線も変更しやすい
![](https://toushi-penguin.com/wp-content/uploads/2021/04/36FBF206-397C-48F2-9F87-727CEEC63533-1024x1017.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2021/04/36FBF206-397C-48F2-9F87-727CEEC63533-1024x1017.jpeg)
主線を描いたレイヤーを複製することで、最初の主線を残したまま新たな絵を描くことができます。
これはLINEスタンプ作成にはかなり便利!
メリットその3!
背景をいじりやすい
![](https://toushi-penguin.com/wp-content/uploads/2021/04/A24DFF8F-537D-4991-9B7A-4E83135AF152-916x1024.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2021/04/A24DFF8F-537D-4991-9B7A-4E83135AF152-916x1024.jpeg)
一番下に新規でレイヤーを作ることで簡単に背景をつけられます。
雰囲気がガラッと変わりますね。
![](https://toushi-penguin.com/wp-content/uploads/2020/09/s-icon01.jpg)
![](https://toushi-penguin.com/wp-content/uploads/2020/09/s-icon01.jpg)
![](https://toushi-penguin.com/wp-content/uploads/2020/09/s-icon01.jpg)
LINEスタンプにする場合は周囲に余白が10ピクセル分必要なのでご注意を。
メリットその4!
絵の上に絵が描ける
![](https://toushi-penguin.com/wp-content/uploads/2021/04/59E4CB8B-495F-440F-A624-605A0211A459-831x1024.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2021/04/59E4CB8B-495F-440F-A624-605A0211A459-831x1024.jpeg)
しかく氏にメガネをかけさせてみました。
このように元の絵を残しつつ、上から加工することができます。
ざっと挙げてみただけでもこのようなメリットがあります。
しかく氏のようなシンプルな絵柄ではメリットを感じにくいかもしれませんが、もっと複雑な絵になってくるとレイヤーなしではもう描けない!
表現の幅がかなり広がるのでレイヤー機能をぜひマスターしてみてください。
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
LINEスタンプクリエイター目指して一緒にがんばりましょう!
お読みいただきありがとうございました
![](https://toushi-penguin.com/wp-content/uploads/2021/03/F63F6EAC-1FC1-4B41-80EF-B6546DED1727-300x158.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2021/03/F63F6EAC-1FC1-4B41-80EF-B6546DED1727-300x158.jpeg)