5ab7001fac717590d114a909f6acb508-1

LINE

LINE着せ替え作り方・雑感並びに確認用(2016/12/08改訂版)

このエントリーは2016年12月8日に編集された物です。

splash-li のコピー

LINE着せ替えなる物が制作可能なのだとかで。。ワタクシはスタンプだの着せ替えだの言う前に、もう少しLINEに精通すべきだと感じた次第。

と、いう訳で今更ながら「LINE着せ替え」作りました。このページは雑感並びに確認用のエントリーです。

 

今回紹介するLINE着せ替え【春野うららか まかり通る】は【こちら】から購入可能です。

 

四月二十日より、お伝えしている「LINE着せ替え」のエントリーが開始されました。ワタクシは「LINE着せ替え」ってなんね?具合でした。きっと皆様のほうがよくご存知かと思いますが少しだけ説明をば。「LINE着せ替え」とはLINEのUI(ユーザーインターフェイス)を変更することができるものです。

メイン画像3個・着せ替え画像46個の合計49個の画像が必要です。※2016年12月8日、LINEの最新版より、一部の国のユーザーに[メニューボタン画像]の[ニュース]画像が追加されました。
まだ画像を追加していないユーザーは、着せかえの制作ガイドラインに従って、追加する画像を準備する必要があります。この改定により「メイン画像3個・着せ替え画像47個の合計50個」の画像が必要となります。

50個。一見すると「スタンプの42個よりも多いのか」と思いがちですが実はそうではありません。IOS用とAndroid用の画像は同じもの(サイズ変更は必要)で賄えるのでLINEスタンプより少ない画像で済みます。

 

ガイドライン – LINE Creators Market

ガイドライン(詳細) – LINE Creators Market

 

詳細を少しずつ拾ってご紹介します。

販売価格

1セット360円・480円・600円(各150コイン・200コイン・250コイン)の中から自由に設定することができ、売上総額よりApp Store/Google Playなどの手数料(30%)を除いた50%(売上総額の35%)がクリエイターへの収益分配額となります。

価格は買い手が決めるものだと思います。最安の360円のクオリティを提供できるのか不安は尽きませんが精一杯がどのように評価されるのかを知ることは有意義だと思います。がが、がんばるぞー。。

 

まず「メニューボタン画像・24個」

img_guide3_19.6d3341a7

 

このアイコンっぽい画像を指します。この画像の「ON用」と「OFF用」を五種類(改定後六種類)・合計十個(改定後十二種類)を用意します。

ios-friend_off のコピーios-friend_on のコピー

左が OFF で右が ON こんな感じ。六種類?と思ったあなた。さすがツワモノLINEユーザー。日本を含むタイ、台湾、韓国を除いたすべての国家では、通話メニューが露出し六種類のメニューで表示されます。他国用なんですね。なんだか損した気分になりつつも頑張ってこしらえてください。

https___creator.line.me_ja_guideline_theme_detail_

(追記)↑画像は改定後のガイドラインです。「メニュー五種類(通話)」と「メニュー五種類(ニュース)」があることがわかると思います。お話しした通り「通話メニュー」が表示されない国の代わりに「ニュース画像」が組み込まれるのか、「通話メニュー」が組み込まれた国では六種類の画像が表示されるのかは現在未確認です。ご了承ください。

メニュー背景画像・二個

上記メニューボタン画像のバックグラウンドです。メニュー背景画像作成は任意となっています。めんどいなーって方はスルーしても構いません。

IOS画像ファイルの高さ(H)は150pxです。Android用と違い101px~150px間は背景透過が可能です。高さ0px~100pxまでは背景の透過はできません。下記の場合、イラスト部分が110pxですので、透過部分は40pxとなります。

ios-menu_bg のコピー 2

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

android-menu_bg のコピー-2

screencapture-creator-line-me-my-3NE2eA7saYjubaLm-theme-12081-color_skin-1462983333507 のコピー

メニューボタン画像と背景を組み合わせたもの(画像はios版・2016年12月7日までのバージョンの物)です。

 

パスコード画像・十六個

4桁を1種類の画像で表示、または4種類の画像で表示する方法があります。「OFF用」と「ON用」の2パターンが必要です。アイデア次第で特色を表すことができるパーツであると思います。ワタクシは「4桁を1種類の画像で表示」を選びました。決してボキャ貧だからだとか、決して面倒くさかったからとか決して見ないといけないサッカーの試合がたまっているからとかではありません世界観を重視した結果です。

i_12 のコピーi_13 のコピー

左が OFF用 右が ON用 です。

screencapture-creator-line-me-my-3NE2eA7saYjubaLm-theme-12081-color_skin-1462983333507 のコピー

このような感じになります。

プロフィール画像:グループ用画像・二個ずつ

アイコン画像未登録の場合の個人とグループ用画像です。

見た感じプロフィール画像は丸く表示されていますが実際のデータはトリミングしていない四角いデータです。個人とグループ用画像の絵柄は区別する必要があります。

作成時は丸くマスクをつけたイメージが掴みづらいかと思います。そのような時はプロフィール画像用のサイズに先に円形を施しその中で収まるように調整するとやりやすいかと思います。

スクリーンショット 2016-05-10 11.26.56

サイズ内で適当に円を描き

スクリーンショット 2016-05-10 11.29.39

枠に収まるように描く

円形のマスクサイズは公式に明記されていないので私は枠一杯の円形に若干小さめのサイズで収めました。

トークルーム背景画像・二個

ios-talk_room_bg のコピー

トークルーム背景画像

トークルーム背景画像もメニューバックグラウンドと同様に作成は任意です。トークルーム画像は今現在もお気に入りの画像がセッティングされてあるかと思います。トークルーム画像が設定されている状態で着せ替えを行ってもトークルーム背景画像は変更されません。

 

[ その他 → 設定 → トーク・通話 → 背景デザイン → 現在の着せかえ背景を適用 ]から変更が可能です。

 

クリエイター側としては統一感を持たせることもでき、大きい画像でアピールできる唯一の場所でもありますが、ユーザー側の感覚からすると使用頻度は低いかと思われます。

サイズは最小値から最大値の中で任意のサイズで制作可能です。 画像は透過でも非透過でもどちらでもOKと書かれてありますが、スタンプ作成時、中途半端な透過テクニックを施した際にリジェクトを食らった経験から透過するかしないかははっきりしておいた方が良いのかもしれません。さらに、背景を透過で制作した場合は、選択したカラースキンの基本背景に制作したイラストがレイヤーで表示される形となります。 こちらが用意したイメージ通りとはならないことを考慮して作成したいところです。容量は1MB以下です。

「トークルーム背景画像」は↓のように幅640px分が適用されます。上下幅は機種により異なります。

スクリーンショット 2016-05-12 1.56.13-1

screencapture-creator-line-me-my-3NE2eA7saYjubaLm-theme-12081-color_skin-1462983333507

このような感じになります。

スプラッシュ画像:Android用・一個

背景

splash-bg のコピー

画面全体に表示されます。

ロゴ+イラスト

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

ios-a-main のコピー

引き伸ばしたのでぼやけていますが両画像が重なり上記のようなイメージになるかと思います。

以上になります。ちなみに今回、申請から承認までにかかった日数は九日間でした。参考になれば幸いです。

今回紹介したLINE着せ替え【春野うららか まかり通る】は【こちら】から購入可能です。

※2016年12月8日現在、春野うららか まかり通るのライン着せ替えは”メニューボタン画像・ニュース”が組み込まれていない物です。早急のアップデートを目指し現在製作中です。アップデートに関しましてはこちらのエントリーで報告させていただきます。しばらくお待ち頂きますよう、宜しくお願い致します。

ついでに、この辺も是非ともよしなに。

スタンパーズ

http://www.stampers.me/creator/32039

http://line.me/S/sticker/1176995 せみこ・ろん2 [ http://j.mp/1EuBa2O ]・履歴書

http://line.me/S/sticker/1162074 ピンタの一面 [ http://j.mp/1PiBWA0 ]・履歴書

http://line.me/S/sticker/1173788 せみこ・ろん [ http://j.mp/1MuTZ6X ]・履歴書

http://line.me/S/sticker/1176729 せみこ・ろん英語ver. [ http://j.mp/1TOX4iN

]・履歴書

http://gallium.moo.jp/linestmp/2015/09/08/70057/ せみこ・ろん2 [PetanCo.]

http://line.me/S/sticker/1176775 分號寶貝台湾ver.

関連記事

  1. スクリーンショット 2015-08-31 14.42.50-1-1
  2. スクリーンショット 2015-08-10 23.20.09

    LINE

    「せみこ・ろん」発売中‼︎

    パッケージID:290691 「せみこ・ろん2」を本日リクエス…

  3. スクリーンショット 2015-07-01 21.42.28 2

    LINE

    LINEスタンプ 販売までの道のり

    こんばんは。クリエイターの松田 薫灯です(キリリッ)クリエイタ…

  4. スクリーンショット 2015-07-15 20.59.18-2

    LINE

    Lineスタンプ 販売開始!

    こんばんは。ワタクシです。【前回】の記事で再リクエストしたスタ…

  5. スクリーンショット 2015-07-23 16.18.23-1-1

    LINE

    名前について考えてみた

    「クリエイターネームはわかりやすく、個性のあるものがよい」こんばんは。…

  6. スクリーンショット 2015-07-26 14.01.01 2

    LINE

    確認用、並びにちょりっと雑感

    こんばんは。ワタクシです。第二弾のスタンプが完成(審査前)しま…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

お知らせ

10月5日:全ページSSL通信を開始してから調子が優れなかったので、8度目のマイナーバージョンアップ的な刷新をいたしました。

今はレイアウトとかちょっとアレですが、少しずつ整頓できたらなーと目論んでおります。

オススメです。

  1. 登録されている記事はございません。

IDOβATA

    1. スクリーンショット 2015-07-26 14.01.01 2

      LINE

      確認用、並びにちょりっと雑感
    2. CORESERVER.htaccess3

      IT

      CORESERVER に .htaccess を置く方法
    3. キャプチャ3

      ドラクエ10

      【ドラクエ10】妖精図書館シリーズ「夜の神殿に眠れ」【DQ10】
    4. lightleafs

      Favor-item

      暗闇で淡く光るしおり「lightleafs」
    5. Rethink Scholarship at Langara 2010 Call for Entries

      お気に入り動画

      この本欲しい ‼︎「アイデアの教科書」
    PAGE TOP