[iOS]LINE主題製作大解析與教學

1371645134-1903584785 
很多讀者一直在跟瘋先生詢問怎麼做出屬於自己的LINE主題?有人愛自己做自己的主題,這點瘋先生就是其中之一,但都會分享給大家一起使用,順便可以幫忙測哪裡有問題或是BUG,但這教學拖到今天在寫給各位真的會有點不好意思,官方現在應該氣的牙癢癢,竟然還沒有推出付費主題就被這些傢伙給搶先一步推出,接下來就看官方要推出哪幾種主題包,但今天就先教大家製作自己專屬的LINE主題。


怎麼替換底圖顏色?
這會分成兩種,第一種是直接修改底圖顏色檔,此篇有教學可以參考。第二種就是要針對theme.json進行更改字體、線條顏色,這之後會推出教學。

修改主題圖案教學:
很多人一直好奇瘋先生這些圖怎麼替換的?那他們尺寸大小又是如何?這一切只要你下載粉紅主題就會明確知道,再說有些人懶到直接將貼圖的圖檔直接丟進images資料夾內去取代,往往會造成圖案跑出框架,一整個就非常噁心和醜陋,所以想要改圖檔要非常的有耐心,而且花費時間相當的長。

SETP1.請先下載瘋先生替各位準備好的換圖檔圖包,避免您在茫茫圖海中找尋要修改的檔案
》下載點 MegaMediaFire 《 請使用解壓軟體解開。




 

這裡各位一定會發現怎麼會有大小張圖檔?
因為@2x是給iPhone4、4S、iPhone5機種使用,而剩下都是給3GS低解析度機種使用,如果你是安卓系統本篇就不適合使用,在開始做之前請決定一下要做@2x高解析度圖,就好還是連低解析度圖也要一起做起來?
1371560259-2071163997_n  
SETP2. 貼圖位置畫面對照:

《好友頁面》
1371560367-3999197888_n  
新增好友圖: navigation_icon_06@2x.png
個人簽名狀態圖: friends_list_balloon_01@2x.png 

好友:
(點狀態) line_GNB_01_on@2x
(沒點狀態) line_GNB_01@2x

聊天:
(點狀態) line_GNB_02_on@2x
(沒點狀態) line_GNB_02@2x

動態消息:
(點狀態) line_GNB_03_on@2x
(沒點狀態) line_GNB_03@2x
(新訊息狀態) timeline\line_GNB_03_newpost@2x

其他:
(點狀態) line_GNB_04_on@2x
(沒點狀態) line_GNB_04@2x

《編輯好友》
1371641302-3559924482_n  
搜尋:searchbar_icon_search@2x

《加入好友》
1371641378-2253300221_n  
加入好友左邊控制圖:navigation_icon_03@2x
通訊錄:invite_icon@2x
行動條碼:icon_qrcode@2x
搖一搖:icon_shake@2x
ID搜尋:icon_idsearch@2x

《聊天視窗》
1371641660-3071858559_n  
聊天右邊圖:navigation_icon_04@2x

《好友聊天室窗對話框》
1371641923-929479603_n  
A:speech_bubble_01_default@2x
B:speech_bubble_02_default@2x
C:chattop_bt_icon01@2x

《好友聊天室窗 附件窗口》
1371642042-3003391446_n  
選擇照片:c_menu_icon01@2x
拍攝照片與影片:c_menu_icon02@2x
選擇影片:c_menu_icon03@2x
傳送聲音訊息:c_menu_icon04@2x
傳送位置訊息:c_menu_icon05@2x
傳送好友資料:c_menu_icon06@2x

《好友聊天室窗 功能窗口》
1371642172-3564188253_n  
好友名稱右方圖:chattop_bt_icon02@2x
免費通話:topmenu_01@2x 、 topmenu_01_off@2x
邀請:topmenu_02@2x 、 topmenu_02_off@2x
關閉提醒:topmenu_03@2x 、 topmenu_03_off@2x
封鎖:topmenu_04@2x 
變更名稱: topmenu_11@2x
照片:topmenu_12@2x
聊天設定:topmenu_07@2x

《動態消息總頁面》
1371642486-3916579792_n  
動態消息右方圖:timeline\tm_topbar_write_icon_new@2x

《位置訊息》
1371642583-2241043757_n  
位置訊息搜尋圖:searchbar_icon_search@2x

《其他》
1371642957-1585605157_n  
加入好友:icon_addfriend@2x
設定:01B_01service02@2x
貼圖小舖:icon_stickershop@2x
官方帳號:(無訊息)icon_official@2x、(訊息)timeline\top_number_noti@2x
最新資訊:icon_notice@2x

《設定新密碼》
1371642613-1140080328_n  
設定密碼圖:
1.暗影
passcode_code_1@2x
passcode_code_1b@2x
passcode_code_1c@2x
passcode_code_1d@2x
2.圖示
passcode_code_2@2x
passcode_code_2b@2x
passcode_code_2c@2x
passcode_code_2d@2x

▼ 如喜歡瘋先生教學歡迎加入粉絲團 ▼

★★ 除了粉絲團外,另也可以一起加入由瘋先生開設的臉書社團點我加入,裡面會有不少高手會一起跟大家互動,並回答問題。 ★★


★ 聲明:本文版權所有,非經瘋先生授權,不得轉載!如在其他網站上看見此篇教學,表示該篇文章為盜文,建議請回到mrmad.com.tw網站上觀看教學。

你可能有興趣的文章