2024.06.03イラストPRLINE着せかえを1回で審査通過できたので、作り方とコツを紹介しますイグ記事内に商品プロモーションを含む場合があります最近はLINEスタンプを誰でも簡単に作れるようになりましたね。一方で、LINE着せかえは作り手がまだ少ないように感じます。私は普段使うLINEを自分好みにカスタマイズしたいと思い、画像を作成して申請してみたところ、1回で審査を通過することができました。この記事では、LINE着せかえの作り方とコツを紹介していきます。あなたもオリジナルテーマを作って、LINE全体を自分好みにカスタマイズしてみてはいかがでしょうか?少しでも参考になれば嬉しいです!この記事はこんな方におすすめ!LINE着せかえテーマを自作したい作り方の手順やコツが知りたい目次LINE着せかえテーマを作るための前知識LINE着せかえテーマに必要な画像の数は61個!画像の形式はすべてPNG形式で作る画像のファイル名はガイドラインに従って付けると便利LINE着せかえの作り方とオススメ手順0.画像作成前に着せかえのベースになる「カラースキン」を決めよう1.スプラッシュ画像を作ろう2.スプラッシュ画像を使ってメイン画像を作ろう3.プロフィール画像を作成しよう4.パスコード画像を作成しよう5.メニューボタン画像を作成しよう6.メニュー背景画像を作成しよう(任意)7.トークルーム背景画像を作成しよう(任意)アップロードして申請!翌日には審査通過の通知が来たよLINE着せかえテーマを作るための前知識LINE着せかえテーマに必要な画像の数は61個!LINE着せかえテーマを作るために、まず知ってほしいことがあります。それは、画像を「61個(最低57個)」用意しなければならないということ...(2021年5月時点)LINEスタンプは最低11個の画像(スタンプ8個+メイン画像+トークルームタブ画像)を用意すれば申請できてお手軽なのですが、着せかえの場合は61個とかなりの数の画像を用意しなければなりません。この数に圧倒されて、LINE着せかえを作るのを諦めてしまう方も多いのではないでしょうか。安心してください!じつは、そこまで大変ではないのです。↓の用意する画像の内訳をご覧ください。–こうしてみると、大まかにiOS用とAndroid用の2種類を用意する必要があることが分かると思います。iOSとAndroidではサイズが微妙に異なるようで、それぞれに合わせた画像を用意することになっています。(統一してくれたらいいのにね...)アリオサイズが異なるだけで、iOS用とAndroid用に絵柄を別々に用意しなくてもいいんだつまり、実際に用意する絵柄の数は23~31個で済みます(下の表を参考)。Store用にそれぞれ画像サイズを調整するだけでいいのです。61個も用意しなければならないという高かったハードルが、一気に半分程度にまで下がり、着せかえ作りに挑戦してみようと思えてきませんか?この数を多いと感じるか少ないと感じるかは個人差がありますが...^^;アリオ31種類なら頑張れそう画像の形式はすべてPNG形式で作るLINE着せかえテーマに登録する画像は全て「png形式」で作成します。png形式の特徴は、透過情報も記録できるということ。間違ってjpeg形式などで保存しないようにご注意ください。画像のファイル名はガイドラインに従って付けると便利LINE着せかえテーマを作るにあたり57~61個の画像を管理しなければなりません。適当な名前を付けて保存してしまうとごちゃごちゃして管理が大変になります。そのため、LINE公式ガイドラインで指定されているファイル名で保存することをオススメします。ガイドラインに従ってつけるメリットは2点。管理がしやすくなるzipファイルへ圧縮してアップロードすると、1つずつ画像を登録する手間が省けるどんなファイル名で保存してもアップロードすることは可能ですが、1つ1つ自分でアップロード作業をしなければならなくなります。ガイドラインで指定されたファイル名で管理しやすくしましょう!LINE着せかえの作り方とオススメ手順ここからはLINE着せかえを作成していくオススメの手順で作り方とコツを紹介していきます。※この手順・方法でないとダメということはありません。参考程度にどうぞ!※LINE着せかえに使う画像には細かい指定があります。LINE公式ガイドラインも併せて参考にしながら作成してください。0.画像作成前に着せかえのベースになる「カラースキン」を決めよう画像作成に取り掛かる前に、先に決めておいた方が良いものがあります。「カラースキン」です。カラースキンは、LINE側が用意している色の組み合わせセットのようなものです。全50種類のカラースキンが用意されており、クリエイターはこの中からLINE着せかえに用いる色の組み合わせ(カラースキン)を選ぶことになります。そのため、先に画像を作ってからカラースキンを選ぼうとすると、絵柄に合った色がなくて修正...という事態に陥りかねません。先にカラースキンを決めておくことで、作成した画像との色合いのミスマッチを防げます。自分がどんなイメージのLINE着せかえを作りたいのかカラースキンを選びながら想像を膨らませてみましょう!画像作成に取りかかる前に、カラースキンを選ぶ!1.スプラッシュ画像を作ろうどのカラースキンで着せかえを作るか決めたら、まずはスプラッシュ画像を作っていきましょう。スプラッシュ画面とはソフトを起動したときに初めに表示される画面のことスプラッシュ画像を最初に作る理由は次の2つです。スプラッシュ画像を使ってメイン画像も作れるからAndroid用のみ作ればよいからスプラッシュ画像では次の2種類の画像を作成します。背景ロゴ+イラストこの2つの画像を素材として使ってメイン画像を作れるため、先にスプラッシュ画像を作った方が手間がかかりません。スプラッシュ画像はなぜかAndroid用のみ用意すればよく、サイズを調整する必要がありません!簡単に取り掛かれるものから片づけていくと達成感が得られるのでオススメです。スプラッシュ画像を作っていきましょう。縦720pxここで作ったロゴ+イラスト画像と背景画像を組み合わせたものがメイン画像となります。メイン画像は、Storeでトップに表示される画像です(下の画像参照)そのため、メイン画像の完成図を想像してロゴ+イラスト画像と背景画像を作成しましょう。ロゴ+イラスト画像は、背景画像の上に表示されるので、背景を透過して作成します。背景画像は一色で塗りましょう。どんな色でも大丈夫ですが、オススメは選んだカラースキンの背景色と同じにすることです。一部の端末では背景画像が切れて見えてしまうため、カラースキンの背景と同じ色にしておくことで同化させることができます。背景画像に使った色を画像登録の際に「スプラッシュ画像の背景色を指定する」項目で設定します(下図参照)。お好きな方で作りましょう。2.スプラッシュ画像を使ってメイン画像を作ろう先ほど作ったスプラッシュ画像を使ってメイン画像を作成します。Store用の3種類のサイズを作る必要があります。Store用・Android用にサイズを縮小していくと簡単です。こちらがメイン画像の例になります。1で作った背景画像の真ん中に、ロゴ+イラスト画像を配置するだけで簡単に作れます。このメイン画像はLINE着せかえの「顔」になりますので、ちょっと作り込んでもいいかもしれません。3.プロフィール画像を作成しよう個人用とグループ用のプロフィール画像をそれぞれ作成しましょう。これは、プロフィール画像を設定していない人やグループに使われます。プロフィール画像は、iOS用とAndroid用の2種類のサイズを用意する必要があります。縦247pxAndroid用のプロフィール画像から作成し、iOS用に縮小する流れが簡単です。丸くくり抜かれるのを想定してアイコンを作成しましょう。プロフィール画像をタップすると円の外側も表示されるので、くり抜かれたときには見えないところもしっかり描きましょう。絵柄は何でもいいですが、個人・複数人と分かるような画像だと分かりやすいですね。4.パスコード画像を作成しようパスコード画像を作成します。パスコード画像は入力前(OFF)と入力後(ON)の絵柄を用意する必要があります。画像は4ケタ同じ画像でも良いですが、それぞれ違う絵柄を設定することもできます。自分がどうしたいかによって用意する絵柄の数は変わります。最低2種類(OFFとON)~8種類(4ケタ違う場合)用意することになりますね。パスコード画像はiOS用とAndroid用の2種類のサイズを用意する必要があります。縦116pxiOS用の方が大きいので、iOS用のパスコード画像を作成しAndroid用に縮小する方法が簡単です。パスコード画像は余白を考慮して作成しよう!パスコード画像とこの後出てくるメニューボタン画像は、余白を考慮して作成する必要があります。こんな感じで上下左右に10px程度の余白を取る必要があります。そのため、実際に絵柄を描き込めるのは緑の領域ということになり、サイズは以下になります。px絵柄部分以外は透過にしておきましょう。5.メニューボタン画像を作成しよういよいよLINE着せかえのメイン(?)の部分です。LINEの画面下部に並ぶメニューのアイコンを作成します。ここのボタンは国によって異なるようです。ONの2パターン作ることになるので、計16種類の絵柄が必要になります。LINE着せかえの最大の山場ですね。ここがオリジナリティの一番の見せ所でもあるのですが^^;大変だとは思いますが、自分の納得のいくメニューボタンを作りましょう!また、このメニューボタン画像もiOS用、Android用の2種類のサイズを用意する必要があります。pxで一致しています。そのため、私がおすすめする画像の作成方法は、まずAndroid用の画像を作成し、iOS用に配置の調整をする方法です。Android用とiOS用のメニューボタン画像テンプレートを用意しておきます。Android用テンプレで絵柄を描き、それをiOS用テンプレにコピーをして画像が中心になるように位置を調整します。するだけでiOS用、Android用の2つのアイコンを簡単に作ることができます。メニューボタン画像もパスコード画像と同じように上下左右に10px程度の余白が必要です。pxの範囲で絵柄を描きましょう。6.メニュー背景画像を作成しよう(任意)メニュー背景画像は任意で作成してください。(画像の準備がない場合は、指定したカラースキンか背景色が適応されます。)こちらもiOS用、Android用の2種類のサイズを用意する必要があります。縦112pxiOS用のメニュー背景画像は縦の長さが101~150pxの間で指定できます。iOS用は101~150pxの領域で背景を透過することができます(非透過でも可)。LINEバージョンが9.6.0以降の場合は、AndroidでもiOS用のメニュー背景画像が適用されるようです。そのため、Android用のメニュー背景画像はLINEバージョンが9.6.0未満用として作成するため、非透過で作成します。メニュー背景画像は繰り返し表示されるので、両端が繋がるように高さに気を付けて作成しましょう。7.トークルーム背景画像を作成しよう(任意)トークルーム背景画像は任意で作成してください。(画像の準備がない場合は、指定したカラースキンか背景色が適用されます。)トークルーム背景画像はスプラッシュ画像と同じく一部の端末では画像が切れて見えてしまうので、背景色に気を付ける必要があります。次の3つの方法のいずれかで背景画像を作成しましょう。背景色を透過して作成するカラースキンの背景色に合わせてトークルーム背景画像を作成するトークルーム背景画像に使った背景色を「トークルームの背景色を指定する」トークルーム背景画像もiOS用とAndroid用の2種類を用意します。縦1300pxここで注意したいのが、Android用の背景画像です。Android端末の場合、背景画像はメッセージ入力欄の下に合わせて表示される仕様になっています。そのため、トークルーム背景画像で下ギリギリから作画してしまうとメッセージ入力欄で見切れてしまいます。メッセージ入力欄の高さを考慮して背景画像を作成しましょう。iOS用ではメッセージ入力欄の上に合わせて表示されるため高さを考慮する必要ありません。Marketはこちら私は、実際に着せかえテーマを登録→申請してから翌日に審査通過のお知らせが届きました。昔はLINEスタンプの審査に数ヶ月かかっていたのに、あっという間になりましたね~!以上、LINE着せかえテーマの作り方とコツについて紹介しました。アートシア記事URLをコピーしました。