【自作するLINE着せ替え】~背景適用編~

夏風邪になりました^^

スポンサーリンク
スポンサーリンク

今回は背景を変えていきます。TLと友達リストでは適用方法が異なるので気をつけてください。

TLの背景を変える

TLは前回と同じように画像を変えるだけで可能です。
「image」フォルダ内の「timeline」フォルダを開き「tm_bg@2x.png」を好きな画像に変更してください。
大きさは元の画像と一緒にしなくても問題ありません。私は640×1136で作りました。

友達リスト、チャットリストの背景を変える方法

友達リスト、チャットリストの背景の画像は存在しません。なのでtheme.jsonを編集し背景に画像を挿入させるようにします。


まずは画像を用意。サイズは640×1136くらいがおすすめ。
これの名前を「xxxx@2x.png」にしimageフォルダに保存します。名前部分のxxxxは好きなに変更可能。
例) ayataka@2x.png


imageに画像を保存したならその画像を背景として使えるようにしていきます。
theme.jsonをメモ帳などのテキストエディタで開きます。
見辛いよって人はTerapadを使ってください。私はTerapadを使いました。
テキストエディタで開いたならば”line.tableview.chatlist”と文字検索をします。そうすると下記のような文字列を見つけられるはずです。
“line.tableview.chatlist”: {
“background.color”: “@TableViewBackgroundColor”,
“separator.color”: “@SeperatorColor”
これを下記のように書き換えます。
“line.tableview.chatlist”: {
“background.image”: “xxxx@2x.png”,
“separator.color”: “@SeperatorColor”
xxxx@2x.pngは背景画像の名前です。

次に”line.tableview”:と検索。そうすると下記のような文章が見つかります。
“line.tableview”: {
“background.color”: “@TableViewBackgroundColor”,
“separator.color”: “@SeperatorColor”
これを下記のように書き換えます。
“line.tableview”: {
“background.image”: “xxxx@2x.png”,
“separator.color”: “#ffffff,0.1

次に背景を見えるようにチャットリストなどをある程度透明にしていきます。
“body.color”と検索。
“body.color”: “#fbfbfc”,を”body.color”: “#fff3ff,0.7″,に変更。

“TableViewCellBackgroundColor”:と検索。
“TableViewCellBackgroundColor”: “#ffffff”,を”TableViewCellBackgroundColor”: “#ffffff,0.1″,に変更。

“TableViewCellBackgroundColor”: “#ffffff”,の二行上
“TableViewPressedBackgroundColor”: “#fff6f9″,を”TableViewPressedBackgroundColor”: “#fff6f9,0.2“,に変更。


以上で透過作業、背景適用作業の終了です。

というかこのシリーズ終了です。あとはiFunBoxで着せ替えデータを

iPhone/ユーザーアプリケーション/LINE/Library/Application Support/Theme Packages/

に保存して終了です

スポンサーリンク
スポンサーリンク
スポンサーリンク

シェアする

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

フォローする

コメント

  1. i_phone より:

    SECRET: 0
    PASS: 74be16979710d4c4e7c6647856088456
    詳しい説明ありがとうございます。
    お陰様で出来ました。
    よろしければ、チャット中(トーク中)の背景の変更もご教示下さい。

  2. もがみ より:

    SECRET: 0
    PASS: 74be16979710d4c4e7c6647856088456
    コメントありがとうございます
    theme.jsonをエディタで開いて"line.chat.room.background": {と検索して
    "line.chat.room.background": {"background.color": "#fff4f9"},を"
    "line.chat.room.background": {"background.image": "画像へのパス"},に変更してください。
    あとは好きな画像を上で指定したところに入れるだけです。サイズは端末の画像サイズに合わせればいいと思います(^^ゞ

  3. i_phone より:

    SECRET: 0
    PASS: 74be16979710d4c4e7c6647856088456
    ありがとうございました。
    以下2つで試してみましたが背景が黒になりました。
    再度ご教示頂ければ幸いです。
    "line.chat.room.background": {"background.image": "{images/xxxx@2x.png"},
    "line.chat.room.background": {"background.image": "xxxx@2x.png"},
    因みに色変更は出来ました。

  4. もがみ より:

    SECRET: 0
    PASS: 74be16979710d4c4e7c6647856088456
    コメントありがとうございます。
    私も何度かやりましたがどうも上手くいきませんでした。。力になれなくてすみませんm(__)m

  5. i_phone より:

    SECRET: 0
    PASS: 74be16979710d4c4e7c6647856088456
    ご丁寧にありがとうございました。

  6. taku より:

    コメント失礼します。
    現在はこの方法ではできないのでしょうか?
    検索しても出てこないのですが…。
    アップデートしたので、やり方が変わったとかなら最新の方法を教えていただきたいです。

    • もがみ より:

      コメントありがとうございます。
      確認しましたが、この記事にある方法は全て出来ました。(LINE ver5.3.2)
      検索時に先頭の文字から検索してみてくださいm(_ _)m

      • taku より:

        お返事有り難うございます。
        ”line.tableview.chatlist”
        と検索してもヒットしません。
        また、androidなのですが、プログラム自体が違うのでしょうか?
        androidと別で、android用の検索ワードがわかるなら教えていただきたいです。

        • もがみ より:

          Androidのtheme.jsonはiOSとかなり異なります。更に私はAndroidを所持していないので確認したくても出来ません。
          力になれなくて申し訳ありませんm(_ _)m

          • taku より:

            わかりました。
            解決できそうです!
            お手数かけてすみません。
            有り難うございました!

          • もがみ より:

            解決出来そうなら良かったです
            頑張ってください( ・ω・)ノ

  7. ここここ! より:

    丁寧に解説してくださってありがとうございます!

    質問なのですが、
    “body.color”
    が検索してもヒットしないのですが、どうしたらいいですか?
    初歩的な質問かもしれませんが、よろしくお願いします。。。

    • もがみ より:

      コメントありがとうございます

      この記事のものをコピペすると検索に引っかからないようです。
      手打ちで”body.color”またはbody.colorと検索してみてくださいm(_ _)m

      • ここここ! より:

        無事、見つけることができました!

        重ね重ねの質問になってしまうのですが、
        LINEの一番上の部分の色などを変える方法や、
        自分の指定した画像にすることなどはできますか?
        また、戻すときはどうしたらいいですか?

        質問ばかりですみません。。

        • もがみ より:

          —上の部分—
          imageフォルダの中にある「tm_topbar@2x.png」と「tm_topbar_128@2x.png」好きな色に変更してください。
          指定した画像に出来るのかも知れませんが私はやり方が分かりません~_~;

          —上の部分のボタン—
          「navigation_btn_02@2x.png」と「navigation_btn_02_tab」を好きな色に変更してください。
          見た目的に変えたほうがいいと思います(^ー^)ノ

          —ついでに下の部分—
          「line_GNB_bg@2x.png」を好きな画像または好きな色に変更してください。
          戻すときは変更する前の画像を上書きするといいと思います

          後日、記事にしてまとめます…

          • ここここ! より:

            わかりやすい説明ありがとうございます!!!
            色変えてみます!!

            質問ばかりで申し訳ないのですが、
            プロフィール画像を設定してない人(自分も含め)の画像を初期のものと違う画像にできるみたいなのですが、いろいろ試してみたのですが、どうもできません。
            “line.profileImage”: {
            “largeGroup.image”: “●●●.png”,
            “largeUser.image”: “●●●.png”,
            },
            ●●●のところに、差し替えたい画像の名前を入れています。

            これ以外の方法で変える方法があったらぜひ教えてください。;;

          • ここここ! より:

            プロフィール画像とグループ画像でした。
            グループ画像は、今はnoimageっていうのがないみたいなので、
            無視してください。。

          • もがみ より:

            imageフォルダの中にある下記画像を変えると違う画像に出来ると思います(^ー^)ノ
            「unkhown_group_large@2x.png」
            「unkhown_group_small@2x.png」
            「unkhown_user_large_01@2x.png」
            「unkhown_user_small_01@2x.png」

  8. ここここ! より:

    テストだったため、携帯使えませんでしたが、ようやく出来ました!!
    詳しい説明ありがとうございました。
    お手数掛けて申し訳ありませんでした。m(_ _)m

    • もがみ より:

      テストお疲れ様です!
      いえいえ、お役に立てたなら良かったです(^ー^)ノ

      • ここここ! より:

        また何かと質問がありましたら、
        頼らせていただきます。。。|ω・`)チラ
        そのときは、、、、よろしくお願いしたいです。。

  9. maguro より:

    “line.tableview.chatlist”

    “body.color”

    も指定通りにしたはずなのですがチャットリストの背景が黒になってしまいます。

    スキンはホワイトをベースにしました。
    改善方法を教えていただきたいです

    • もがみ より:

      コメントありがとうございます。
      私が試した限りではホワイトでも上記の方法で背景を挿入することが出来ました。
      考えられるのは
      画像の名前を間違えている(特に拡張子とか)、theme.jsonの編集ミス、画像がおかしいくらいです。。。。
      面倒ですが再度thmem.jsonを編集しなおしたり画像を変たりしてみてください(^_^;)

  10. ゆゆゆ より:

    これはどこの背景を変えてるんですか

    • もがみ より:

      コメントありがとうございます

      友だち欄、トーク欄、タイムラインの3つを変えています(^ー^)ノ

  11. 匿名 より:

    androidなのですがそもそも文章の検索ができませぬ(´△`)どうしたらよいですか

    • もがみ より:

      コメントありがとうございます。

      この記事は「iPhoneの非公式着せ替えの作成方法」になりますのでAndroidでは出来ません。

      申し訳ないですが他サイトを参考にしてください。

  12. 匿名 より:

    jsonファイルを書き換えると着せ替えがアップデートされもとに戻ってしまします。
    なにか対処法ありませんか?

    • ありえる より:

      コメントありがとうございます。

      jsonファイルの書き方が間違っている可能性が高いです。
      もう一度確認してみてください。