LINE着せ替えテーマを自作する方法!! スポンジ・ボブも配布中


LINE 着せ替え

iPhoneApp : LINE – 無料 – / NAVER Japan Corporation

前回、LINEテーマの着せ替え方法をご紹介しましたが、非常に反響があり多くの質問を頂いております。中でも「テーマを自作したい」というコメントがかなり多いようですので、今回は着せ替えテーマの作成方法について簡単に記事にしたいと思います。

ついでに『スポンジ・ボブ』の配布を希望される方も多くいらっしゃいますので、現在中途半端ではありますが一応配布させて頂きます。

LINE 着せ替え 自作

LINE 着せ替え ディレクトリ

iFunBox』を使って、コニーのテーマをPCへドラッグ&ドロップでコピー。

Application/LINE/Library/Application Support/Theme Pakages の中。

バックアップ用に2つコピーしておいた方が良い。

※よく分からない方は 前回の記事 を参照。

LINE 着せ替え 自作

コニーのテーマ「a076…」の中にある「image」ファイルを開いてみよう。

同じ名前のアイコン画像が各々2つずつ用意されている。ファイル名の最後に @2x
と書かれている方がRetina対応アイコン。

要するに、iPhone4以降のデバイスでLINEを使っているなら、@2x となっている

方のアイコンだけ変更すれば良い。

LINE スポンジボブ

全てのアイコンを説明するとキリがないので、大まかな部分だけを端折って説明。

下段メニューのアイコンは「line_GNB_01@2x」から。

「line_GNB_01_on@2x」はメニューを選択した時のアイコン。

LINE 自作

下段メニューの背景は「line_GNB_bg@2x」。

上段メニューの背景は「tm_topbar@2x」。

LINE テーマ 作り方

上段メニューのボタンは「width_header_bt02@2x」。

「width_header_bt02_tap@2x」はボタンをタップした時のアイコン。

LINE スポンジボブ 着せ替え

カテゴリーのセパレートバーは「categoryimage_bg@2x」。

LINE 着せ替え 作る

設定画面の上段パネルは「MenuB01_normal@2x」から。

「MenuB01_pressed@2x」はパネルをタッチした時のアイコン。

これらの画像を『GIMP』などのグラフィックソフトを使って色を変えたり、

好きな画像に差し替えればOK。画像形式はPNGで保存を。

LINE 文字色 変更

文字色の変更は「image」ではなく「theme.json」ファイルから。

「theme.json」をエディターソフトで開き、カラーコードをお好きな色に変更。

1つ1つ変えていくと時間が掛かるので、エディターの”全置換え” 機能などを使っ

て一発変換していくと良い。

LINE スポンジ・ボブ テーマ

LINE 着せ替え ダウンロード

スポンジ・ボブの着せ替えはネタとして作っただけなのでかなり中途半端。

配布する程の物ではないのですが、多くのコメントを頂いてますので一時

的にシェアさせて頂きます。後はご自身で煮詰めてみてください。

LINE スポンジ・ボブ For iPhone (黄)

毎度の事ですが推奨するものでは御座いませんので、実行される方は自己責任で宜しくお願い致します。「ネタ」ですからね。

“LINE着せ替えテーマを自作する方法!! スポンジ・ボブも配布中” への8件のフィードバック

  1. たか より:

    スポンジボブがダウンロードできないです・・・。

    • samulife_yuu より:

      リンク切れはしていないようです。Dropboxで共有しておりますので、PCからお試しください。

  2. くま より:

    jsonエディターは何をお使いでしょうか?開くことは出来るんですが書き換えすることが出来なくてtextcolorが変更できません。お手数かと思いますが教えて頂けたら幸いです。よろしくお願いします。

    • samulife_yuu より:

      エディターソフトは「Notepad++」を使ってますよ。編集する際は、iFunboxからドラッグ&ドロップでファイルをデスクトップなり、取り出してから作業してくださいね!

  3. くま より:

    管理人様、早速のお返答ありがとうございます!エディターがわからずiFileからtheme.jsonを変更を試みました。画像にありましたdefaulttextcolorのカラーコードを変更したところ文字色が変わりませんでした。変更は一つではないのでしょうか?それとトークの背景色も変更したいので出来れば教えて頂けませんでしょうか?

    • samulife_yuu より:

      遅くなりました。はい、一か所ではないですよ。実際にはかなり変更箇所が多いのです。よって#ffffffのカラーを#000000に変更したければ、#ffffffをエディターソフトなどで全選択→#000000に全置換え(変更)した方が早いです。

  4. けんや より:

    私はmacを使っているのですが画像を差し替えるときサイズはいちいち元の画像のサイズを見て縮小という流れですか?

    • samulife_yuu より:

      はい、元の画像サイズに合わせて毎度縮小してます!

コメントを残す



Recommend Items

Recommend Books