制作ガイドライン(詳細)

着せかえ画像を制作するためのガイドラインです。
LINEで販売している着せかえは、最新版LINEで今回追加された新機能に対応させる必要があります。
対応前ではLINEの初期画像が適用され、引き続き販売することは可能です。
ガイドラインを確認して制作してください。
※LINEの最新版で「着せかえ」に関連する仕様が公開されると、制作ガイドラインもアップデートされます。

着せかえ画像の登録方法

  • 1マイページから「新規登録」ボタンをクリックします。
  • 2着せかえのテキスト情報を入力し保存した後、「編集ボタン」をクリックします。
  • 3画像をZIPファイルに圧縮してアップロードします。
  • 4カラースキンを1つ選択します。着せかえの登録は完了です。

必要なもの

メイン画像

iOS Android LINE STORE
必要数 1個 1個 1個
サイズ(pixel) W 200 × H 284 W 136 × H 202 W 198 × H 278
ファイル名 ios_thumbnail.png android_thumbnail.png store_thumbnail.png

着せかえ画像

名称 必要数 タイプ iOS Android
画像 ファイル名 サイズ(pixel) 画像 ファイル名 サイズ(pixel)
メニューボタン画像 24個 友だち
OFF
(未選択時)
i_01.png W 128 × H 150 a_01.png W 128 x H 112
友だち
ON
(選択時)
i_02.png a_02.png
トーク
OFF
i_03.png a_03.png
トーク
ON
i_04.png a_04.png
タイムライン
OFF
i_05.png a_05.png
タイムライン
ON
i_06.png a_06.png
通話
OFF
i_07.png a_07.png
通話
ON
i_08.png a_08.png
ニュース
OFF
i_25.png a_25.png
ニュース
ON
i_26.png a_26.png
その他
OFF
i_09.png a_09.png
その他
ON
i_10.png a_10.png
メニュー背景画像 2個 - i_11.png W 1472 x H 150 a_11.png W 640 x H 112
パスコード画像 16個 OFF i_12.png W 120 × H 120 a_12.png W116 × H 116
ON i_13.png a_13.png
OFF i_14.png a_14.png
ON i_15.png a_15.png
OFF i_16.png a_16.png
ON i_17.png a_17.png
OFF i_18.png a_18.png
ON i_19.png a_19.png
プロフィール画像
(個人)
2個 - i_20.png W 240 × H 240 a_20.png W 247 × H 247
プロフィール画像
(グループ)
2個 - i_21.png a_21.png
トークルーム背景画像 2個 - i_22.png W 1482 × H 1334 a_22.png W 1300 × H 1300
スプラッシュ画像
(背景)
1個 - - - - a_23.png W 1300 × H 1300
スプラッシュ画像
(ロゴ+イラスト)
1個 - - - - a_24.png W 480 x H 720
  • · サイズの単位はすべてpixelです。
  • · フォーマットはすべてPNG形式です。
  • · 解像度は72dpi以上、カラーモードはRGBを推奨します。
  • · 画像は1個 1MB以下で作成してください。
  • · すべての画像を1つのZIPファイル形式でアップロードする場合、ZIPファイルは30MB以下で作成してください。
  • · イラストなどの背景は透過でお願いします。
  • · メニュー背景画像、トークルーム背景画像は任意で制作してください。画像の準備がない場合は、指定したカラースキンのデザインが適用されます。

着せかえテンプレート

  • LINE クリエイターズ着せかえのテンプレートをご用意しました(Adobe Photoshop用)。
  • ガイドを参考にしながらPhotoshopでの効率的な制作が可能です。
  • サンプルのZIPファイルをご用意しました。ダウンロードしていただいたZIPファイル内の「colorskin_brown.zip」をマイページの着せかえ画像登録からアップロードすると、画像やカラースキンを確認することができます。
  • · クリエイターズ着せかえのアップデートにより仕様が変わる可能性がございます。
  • · このファイルの再配布、改変しての配布等は禁止しています。
  • · このファイルはAdobe Photoshop CC 2017で制作しています。
  • · アートボード機能を使用しているため、Adobe Photoshop CS6以下ではご利用になれませんのでご了承ください。

制作ポイント

A メイン画像

「スプラッシュ画像(背景、ロゴ+イラスト)」を各サイズに縮小して制作してください。

※背景の透過はできませんので必ず非透過で制作してください。

B メニューボタン画像

「友だち」「トーク」「タイムライン」「通話」「ニュース」「その他」の6種類のメニュー画像をご準備ください。
※サービス、国によって表示されるメニューが異なります。

メニュー4種類

メニュー5種類(通話)

メニュー5種類(ニュース)

未選択時(OFF)と選択時(ON)の2パターンが必要です。
トリミングされた画像とコンテンツの間にはある程度(10px程度)の余白が必要ですので、上下左右のバランスを考慮のうえデザインしてください。

OFF

ON

メニューボタン画像上に表示されるバッジについて

メニューボタン画像上に、バッジ(アイコンの数字や[N]マーク)が表示されます。
バッジの表示位置は固定になりますので、絵柄とのバランスを考慮のうえデザインしてください。
※バッジはLINE本体側で自動的に表示コントロールされますのでクリエイターの皆さまに制作いただく必要はありません。
※すべてのメニューにバッジが表示されます。

iOS
メニューボタン画像サイズ: W128 × H150 px
バッジサイズ: W33 × H33 px

メニューボタン画像サイズに対し、下記の位置に表示されます。
・上から49px
・右から21px

iOS

Android
メニューボタン画像サイズ: W128 × H112 px
バッジサイズ: W33 × H33 px

メニューボタン画像サイズに対し、下記の位置に表示されます。
・上から22px
・右から11px

Android

C メニュー背景画像

メニュー背景画像は任意で制作してください。
画像の準備がない場合は、指定したカラースキンのデザインが適用されます。

iOS
画像ファイルの高さ(H)は150pxです。
イラスト部分の高さは100px~150px以下で設定してください。高さ0px~100pxまでは背景の透過はできません。101px~150px間は背景透過が可能です。
下記画像の場合、イラスト部分が130pxですので、透過部分は20pxとなります。

※背景を透過で制作した場合、透過部分が黒く表示される可能性があります。必ずプレビュー画面をご確認の上、申請してください。

イラスト部分 130px 透過部分 20px高さ 150px

Android
画像ファイルの高さ(H)は112pxです。
横幅(W)640pxをパターンで繰り返して表示します。両端の絵柄がリピートするように調整してください。
Androidの背景透過はできません。

iOS/Androidとも左揃えで配置します。リピート部分高さ 112px

D パスコード画像

4桁を1種類の画像で表示、または4種類の画像で表示する方法があります。
未選択時(OFF)と選択時(ON)の2パターンが必要です。

1種類の画像で表示した場合

4種類の画像で表示した場合

E プロフィール画像

未登録画像の個人とグループ用の画像です。
プロフィール画像は丸く表示されますが、実際のデータはトリミングしてない四角いデータです。
個人とグループ用画像の絵柄は区別して制作してください。

個人用

グループ用

F トークルーム背景画像

トークルーム背景画像は任意で制作してください。
画像の準備がない場合は、指定したカラースキンのデザインが適用されます。

iOS
最大:W 1482px x H 1334px
最小:W 60px x H 60px
※縦向き使用時の表示サイズはW 640px x H 1334pxです。

Android
最大:W 1300px x H 1300px
最小:W 60px x H 60px

イラストは、端末の横向き、縦向きに関係なくセンター下揃えで配置されます。
iosの場合はイラストが文字入力欄の上から表示されます。
Androidの場合はイラストが文字入力欄の下から表示されます。下部に配置したイラストは、文字入力欄と重なり表示されますので、文字入力欄の高さを考慮してイラストを配置してください。
※着せかえ登録時に確認できるプレビュー画面と実際の表示とは異なる場合があります。

サイズは最小値から最大値の中で、任意のサイズで制作可能です。 画像は、透過でも非透過でもどちらでもOKです。 背景を透過で制作した場合は、選択したカラースキンの基本背景に、制作したイラストがレイヤーで表示されます。 容量は1MB以下としてください。

透過背景

トークルーム画面

G スプラッシュ画像

制作時のプレビュー画面とLINE STOREでは、画像の上下部分が一部見切れて表示され、表示領域が異なる場合があります。また、端末によって画像の表示領域が異なる場合がありますので考慮して制作してください。

背景
画面全体に適用されます。

ロゴ+イラスト
指定されたサイズ内の上部にロゴ、中央にイラストを配置したものを組み合わせます。
ロゴ+イラストは透過で制作してください。
画面上ではロゴ+イラストは背景に対しセンターに表示されます。

背景とロゴ+イラスト

ロゴ+イラスト