【自作するLINE着せ替え】~その他タブの上部の色を変更する方法~

コメント欄で頂いたシリーズ第二弾!その他タブの上部の色を変更する方法を紹介してします。
2e21333e7aed71071fd89835fa3d2656

まずは画像で変更!

ピンクの線で囲った部分は画像を差し替えることで変更出来ます。

loool

対応している画像は下記の通りです。
通常時
「MenuB01_normal@2x.png」「MenuB02_normal@2x.png」「MenuB03_normal@2x.png」
押している時
「MenuB01_pressed@2x.png」「MenuB02_pressed@2x.png」「MenuB03_pressed@2x.png」

上手く適用出来るとこのようになります

lineck

theme.jsonでステータスバーの色を変更!

画像を変更した方はお気づきだと思いますがステータスバーの色だけが変わっていません。
これの色を変えるにはtheme.jsonを編集する必要があります。

theme.jsonをテキストエディタで開きline.more.statusbarと文字検索をしてください。
すると下記のような文字列を見つけられると思います。赤文字で書いているカラーコードの部分を好きな値にして色を変更してください!
“line.more.statusbar”: {“background.color”: “#カラーコード“},

例”line.more.statusbar”: {“background.color”: “#a56fc2”},

カラーコードはこちらのサイトを参考にしてください

上手く適用できるとこのようになります
IMG_0172

上手く適用出来たでしょうか?もし上手く行かない場合はコメントで出来る限り対応します。

余談ですがエヴァの着せ替えを作成している途中で画像編集ソフトをGIMPからPhotoShopに変更してみました。
PhotoShopは背景を透過する作業がGIMPよりも断然楽で、たったワンクリックするだけで透過が完了します!
背景透過に苦労している方は無料のCS2を使ってみてはどうでしょうか…?
こちらからAdobeにログインしてダウンロードできます

Adobe is changing the world through digital experiences. We help our customers create, deliver and optimize content and applications.
スポンサーリンク
スポンサーリンク

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

シェアする

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

フォローする