[教學]iOS、Android如何製作LINE主題對話框

在上次的LINE主題製作器教學之後,大家也製作了自己的LINE主題了吧,但是在製作的過程中還是有很多朋友們不知道如何製作LINE主題的對話框,在製作LINE主題對話框時必需設定圖片跑圖的設定,而這些設定該如何製作呢?接下來Angus會在教學中告訴各位,要製作漂亮的對話框當然需要好的工具囉,這次使用的是NinePatch Editor來編輯9.png的圖片檔,而之前大家如果在製作中發現有跑圖的問題絕大部分都是因為9.png的圖檔關係,要製作好9.png檔案就必需有耐心唷!

LINE主題對話框

使用教學

  • ● 軟體名稱 : NinePatch Editor
  • ●編輯器與範例檔下載 : 點選我
  • ●作者 : kingccb

第一步 開啟對話框編輯器

載好的NinePatch Editor編輯器解壓縮出來之後,執行資料夾內的【9-patch.exe 】。

LINE_2_1

第二步 載入對話框範例圖片檔

1.點選【導入】並且選擇好下載的範例檔。
2.按下【開啟 】,載入完畢後左邊會有三張載入的圖片。

LINE_2_2

第三步 載入自己製作好的對話框圖片檔

1.點選【導入】並且選擇自己製作好的對話框圖片檔。
2.按下【開啟 】,載入完畢後左邊會有三張載入的圖片。

LINE_2_3

第四步 複製範例檔的格式

1.點選【範例圖片】。
2.按下鍵盤【Ctrl+C 】複製。

LINE_2_4

第五步 覆蓋自製對話框圖片

1.點選【自己製作好的圖片】。
2.按下鍵盤【Ctrl+V 】覆蓋。
※覆蓋完成之後左邊會有三張預覽圖,以下圖片就是成功畫面

LINE_2_5

※覆蓋完成之後左邊會有三張預覽圖,以下圖片就是失敗畫面

LINE_2_8

第六步 確認圖檔是否正常

1.確認左邊三張預覽圖都沒有問題的話就存檔吧!
2.按下【保存】之後選擇路徑並按下【存檔】。

LINE_2_6

第七步 製作完成

這樣自製的漂亮LINE主題對話框圖片就製作完成囉!

LINE_2_7

補充說明

第二種簡單改法

1.將製作好的圖載入
2.在右上方畫上X與Y軸線,只要不押到可愛的小圖就可以了唷
(如圖下所示)

LINE主題對話框
作者:Angus
作者:Angus
總是喜歡追尋特斯拉 Tesla 資訊、最新的 3C 電子產品與新奇又實用的軟體,如果你喜歡我的文章,可以幫在Facebook粉絲頁按讚,這將會是我很大的動力哦~https://www.facebook.com/Anguswu2013

追蹤我們的IG

訂房/旅遊折扣碼

klookkkday
bookingairbnb
agodaubereat
foodpanda

優質廣告