正在閱讀
【WhatsApp貼圖教學】 iOS自製WhatsApp貼圖攻略 2分鐘濃縮教學
用 App 開啟
【WhatsApp貼圖教學】 iOS自製WhatsApp貼圖攻略 2分鐘濃縮教學

【WhatsApp貼圖教學】 iOS自製WhatsApp貼圖攻略 2分鐘濃縮教學

文: Toby Mok
2018.11.11
用 App 睇文

最近朋友間最常討論的話題一定是WhatsApp Stickers，好多人都會研究點先可以得到更多WhatsApp貼圖，有人會選擇自製專屬的WhatsApp Stickers，不過坊間大部份的方法都是教用Android手機整WhatsApp貼圖，屋企冇Android手機的朋友點算呢？所以今次就教大家一個iOS用家自製WhatsApp Stickers的方法，雖然製作貼圖的方法較繁複，但好過成日要麻煩Android 用家朋友幫自己整，一齊睇iOS版自製WhatsApp Stickers步驟！

在開始自製WhatsApp Stickers前，大家首先要完成3大步驟：

1.在 developer.apple.com 註冊 Apple ID 為開發者。＜按此登記＞

2.在App Store 中下載Xcode的軟件<按此下載>

WhatsApp Stickers

3.在GitHub的官方網站下載官方樣辨貼圖 App 。<按此下載>

專屬WhatsApp Stickers

 

之後就可以正式開始整貼圖啦！

WhatsApp貼圖
 

打上想加的字句

自製專屬WhatsApp Stickers

將圖案的背景變為透明，將呎吋較為512x512，格式檔案為PNG或 WebP。注意：每張圖的容量不可以大過100KB，每個貼圖集只可容納最少3個，最多30個貼圖，多過30個就要再開1個新貼圖集，如果唔係就整唔到架啦。

自製專屬WhatsApp 貼圖

 

完成後解壓縮剛才在GitHub下載的文件，之後再用 XCode 打開「WAStickersThirdParty.xcodeproj 檔」，在 XCode 左邊欄移除 WAStickersThirdParty ＞ WAStickersThirdParty 文件夾 ＞ SampleStickers 文件夾下所有樣辨茶杯圖檔。

【WhatsApp貼圖教學】 iOS自製WhatsApp貼圖攻略 2分鐘濃縮教學
 

將準備好的貼圖拉到SampleStickers 文件夾中，選擇 「Copy items if needed」、「create folder references」 同「WAStickersThirdParty」 ，之後再按 「Finish」

自製WhatsApp教學
 

自製WhatsApp Stickers教學

如檔案格式是PNG，大家就需要在右邊欄中將圖片類型改做為「data」

iOS WhatsApp Stickers教學
 

完成後在在左邊欄 WAStickersThirdParty ＞ WAStickersThirdParty 文件夾裡選擇 sticker_packs.wasticker 檔案，輸入identifier（貼圖集 ID ）、name (貼圖集名稱)、publisher(出版者名稱) 、tray_image_file（貼圖集圖示的檔名）同image file（每張貼圖各自的檔案名稱）

wtsapp Stickers教學

之後在貼圖最尾的位置加上「 ｝］」符號

wtsapp貼圖

自製wtsapp貼圖

之後就可開始製作貼圖app的圖示同貼圖集圖示。首先準備的1張想成為貼圖app封面同貼圖集圖示的圖片。

 

貼圖集圖示圖片背景需要是透明，檔案格式可以為PNG或WebP檔，容量需要在50KB以下。

【WhatsApp貼圖教學】 iOS自製WhatsApp貼圖攻略 2分鐘濃縮教學

而app的圖示則需要有色的背景同PNG格式，之後再將圖片裁剪成3個呎吋，分別是：120x120（細機iPhone app圖示）、180x180 （大機iPhone app圖示）同1024x1024（App store 圖示）

【WhatsApp貼圖教學】 iOS自製WhatsApp貼圖攻略 2分鐘濃縮教學
 

 

完成後就可以回到Xcode，點選左邊欄最頂的藍色 「WAStickersThirdParty 」字樣， 再按「Assets.xcassets」 ，之後再選擇 「AppIcon」 ，將剛才準備好的3個不同呎吋圖片，分別拉到「iPhone App」同 「App Store」 相應的位。

wtsapp Stickers
 

wts Stickers

wts貼圖教學

自製wts貼圖

之後再點選左邊欄最頂的藍色 「WAStickersThirdParty 」字樣，在中間欄上部的 「Identity 」填上「Display name」同「Bundle Identifier」， ，注意，如果想在App Store推出的話需要在「Bundle Identifier」改一個獨有的名稱，例如：「 （改名）＋WAStickersThirdParty 」

【WhatsApp貼圖教學】 iOS自製WhatsApp貼圖攻略 2分鐘濃縮教學
 

如果在過程中在Signing 部分見到感嘆號，大家可以嘗試在「 Team」中 選擇自己的名稱，再按一下 「Try Again 」，之後「 Signing Certificate」欄會變成自己的電郵地址，可以繼續操作

【WhatsApp貼圖教學】 iOS自製WhatsApp貼圖攻略 2分鐘濃縮教學

【WhatsApp貼圖教學】 iOS自製WhatsApp貼圖攻略 2分鐘濃縮教學
 

之後在 Xcode 左上角「Play 」鍵

【WhatsApp貼圖教學】 iOS自製WhatsApp貼圖攻略 2分鐘濃縮教學
 

【WhatsApp貼圖教學】 iOS自製WhatsApp貼圖攻略 2分鐘濃縮教學

模擬器就會自動彈出，大家可以試一試，檢查貼圖軟件是否運作正常，確定沒問題後可以按下「Add to Whatsapp 」

【WhatsApp貼圖教學】 iOS自製WhatsApp貼圖攻略 2分鐘濃縮教學

【WhatsApp貼圖教學】 iOS自製WhatsApp貼圖攻略 2分鐘濃縮教學

之後就可以在手機安裝貼圖App，將手機連接Mac機，之後在 XCode最頂位置按下 Play 鍵，手機就會自動安裝貼圖App。

【WhatsApp貼圖教學】 iOS自製WhatsApp貼圖攻略 2分鐘濃縮教學

成功安裝後就可以在 iPhone打開「設定 」，再按「一般」

【WhatsApp貼圖教學】 iOS自製WhatsApp貼圖攻略 2分鐘濃縮教學

再按「裝置管理」

【WhatsApp貼圖教學】 iOS自製WhatsApp貼圖攻略 2分鐘濃縮教學

之後再選擇自己的電郵地址

【WhatsApp貼圖教學】 iOS自製WhatsApp貼圖攻略 2分鐘濃縮教學

按下「信任」執行程式

【WhatsApp貼圖教學】 iOS自製WhatsApp貼圖攻略 2分鐘濃縮教學

【WhatsApp貼圖教學】 iOS自製WhatsApp貼圖攻略 2分鐘濃縮教學

之後再回到手機主頁按下貼圖App，按「 Add to WhatsApp 」

【WhatsApp貼圖教學】 iOS自製WhatsApp貼圖攻略 2分鐘濃縮教學

【WhatsApp貼圖教學】 iOS自製WhatsApp貼圖攻略 2分鐘濃縮教學

最後大家就可以在 WhatsApp 的文字欄按貼圖圖示，看到自己整的貼圖啦！

【WhatsApp貼圖教學】 iOS自製WhatsApp貼圖攻略 2分鐘濃縮教學
 

【WhatsApp貼圖教學】 iOS自製WhatsApp貼圖攻略 2分鐘濃縮教學
 

 

分享

Array ( [0] => stdClass Object ( [title] => 四人家庭三派博到葵芳靚單位！呢個租金兼再送呢3樣慳到過萬！網友：真係行大運 [articleId] => 20060910 [permalink] => https://hk.ulifestyle.com.hk/topic/detail/20060910/%E5%9B%9B%E4%BA%BA%E5%AE%B6%E5%BA%AD%E4%B8%89%E6%B4%BE%E5%8D%9A%E5%88%B0%E8%91%B5%E8%8A%B3%E9%9D%9A%E5%96%AE%E4%BD%8D-%E5%91%A2%E5%80%8B%E7%A7%9F%E9%87%91%E5%85%BC%E5%86%8D%E9%80%81%E5%91%A2-%E6%A8%A3%E6%85%B3%E5%88%B0%E9%81%8E%E8%90%AC-%E7%B6%B2%E5%8F%8B-%E7%9C%9F%E4%BF%82%E8%A1%8C%E5%A4%A7%E9%81%8B ) [1] => stdClass Object ( [title] => 全球十日內10宗6級以上地震！台灣風險攀升專家籲隨身帶1件救命物品 [articleId] => 20061090 [permalink] => https://hk.ulifestyle.com.hk/topic/detail/20061090/%E6%97%A5%E5%85%A7%E5%85%A8%E7%90%83-%E7%B4%9A%E4%BB%A5%E4%B8%8A%E5%9C%B0%E9%9C%87%E6%9A%B4%E5%A2%9E-%E5%80%8D-%E5%8F%B0%E7%81%A3%E9%A2%A8%E9%9A%AA%E6%81%90%E6%94%80%E5%8D%87%E5%B0%88%E5%AE%B6-%E9%9A%A8%E8%BA%AB%E5%B8%B6-%E4%BB%B6%E6%95%91%E5%91%BD%E7%89%A9 ) [2] => stdClass Object ( [title] => 香港生活9大怪？內地網民稱「社恐人天堂」形容港人係閃電俠 [articleId] => 20061095 [permalink] => https://hk.ulifestyle.com.hk/topic/detail/20061095/%E9%A6%99%E6%B8%AF%E7%94%9F%E6%B4%BB9%E5%A4%A7%E6%80%AA-%E5%85%A7%E5%9C%B0%E7%B6%B2%E6%B0%91%E7%A8%B1-%E7%A4%BE%E6%81%90%E4%BA%BA%E5%A4%A9%E5%A0%82-%E5%BD%A2%E5%AE%B9%E6%B8%AF%E4%BA%BA%E4%BF%82%E9%96%83%E9%9B%BB%E4%BF%A0 ) [3] => stdClass Object ( [title] => 00後英文潮語常說「No Cap」點解？9大最紅潮語sigma/rizz解釋 [articleId] => 20060940 [permalink] => https://hk.ulifestyle.com.hk/topic/detail/20060940/00%E5%BE%8C%E8%8B%B1%E6%96%87%E6%BD%AE%E8%AA%9E%E5%B8%B8%E8%AA%AA-no-cap-%E9%BB%9E%E8%A7%A3-9%E5%A4%A7%E6%9C%80%E7%B4%85%E6%BD%AE%E8%AA%9Esigma-rizz%E8%A7%A3%E9%87%8B ) [4] => stdClass Object ( [title] => 居屋疑安裝落地玻璃窗 港人貼相疑惑問合法咩？室內設計師親解是否違例 [articleId] => 20060772 [permalink] => https://hk.ulifestyle.com.hk/topic/detail/20060772/%E5%B1%85%E5%B1%8B%E7%96%91%E5%AE%89%E8%A3%9D%E8%90%BD%E5%9C%B0%E7%8E%BB%E7%92%83%E7%AA%97-%E6%B8%AF%E4%BA%BA%E8%B2%BC%E7%9B%B8%E7%96%91%E6%83%91%E5%95%8F%E5%90%88%E6%B3%95%E5%92%A9-%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88%E5%B8%AB%E8%A6%AA%E8%A7%A3%E6%98%AF%E5%90%A6%E9%81%95%E4%BE%8B ) )

港生活人氣本地熱話

【免費送Rollink旅遊系列✈️🌍】

↓ 帶走人氣摺疊旅行喼 x Mini Bag！↓

↓ 帶走人氣摺疊旅行喼 x Mini Bag！↓

↓【限時搶⚡】Lanluis MGO520+紐西蘭麥蘆卡紅蔘蜂蜜便攜裝↓

↓補氣血｜改善睡眠品質｜促進腸道健康↓

↓補氣血｜改善睡眠品質｜促進腸道健康↓

Array ( [0] => stdClass Object ( [title] => 四人家庭三派博到葵芳靚單位！呢個租金兼再送呢3樣慳到過萬！網友：真係行大運 [articleId] => 20060910 [permalink] => https://hk.ulifestyle.com.hk/topic/detail/20060910/%E5%9B%9B%E4%BA%BA%E5%AE%B6%E5%BA%AD%E4%B8%89%E6%B4%BE%E5%8D%9A%E5%88%B0%E8%91%B5%E8%8A%B3%E9%9D%9A%E5%96%AE%E4%BD%8D-%E5%91%A2%E5%80%8B%E7%A7%9F%E9%87%91%E5%85%BC%E5%86%8D%E9%80%81%E5%91%A2-%E6%A8%A3%E6%85%B3%E5%88%B0%E9%81%8E%E8%90%AC-%E7%B6%B2%E5%8F%8B-%E7%9C%9F%E4%BF%82%E8%A1%8C%E5%A4%A7%E9%81%8B ) [1] => stdClass Object ( [title] => 全球十日內10宗6級以上地震！台灣風險攀升專家籲隨身帶1件救命物品 [articleId] => 20061090 [permalink] => https://hk.ulifestyle.com.hk/topic/detail/20061090/%E6%97%A5%E5%85%A7%E5%85%A8%E7%90%83-%E7%B4%9A%E4%BB%A5%E4%B8%8A%E5%9C%B0%E9%9C%87%E6%9A%B4%E5%A2%9E-%E5%80%8D-%E5%8F%B0%E7%81%A3%E9%A2%A8%E9%9A%AA%E6%81%90%E6%94%80%E5%8D%87%E5%B0%88%E5%AE%B6-%E9%9A%A8%E8%BA%AB%E5%B8%B6-%E4%BB%B6%E6%95%91%E5%91%BD%E7%89%A9 ) [2] => stdClass Object ( [title] => 香港生活9大怪？內地網民稱「社恐人天堂」形容港人係閃電俠 [articleId] => 20061095 [permalink] => https://hk.ulifestyle.com.hk/topic/detail/20061095/%E9%A6%99%E6%B8%AF%E7%94%9F%E6%B4%BB9%E5%A4%A7%E6%80%AA-%E5%85%A7%E5%9C%B0%E7%B6%B2%E6%B0%91%E7%A8%B1-%E7%A4%BE%E6%81%90%E4%BA%BA%E5%A4%A9%E5%A0%82-%E5%BD%A2%E5%AE%B9%E6%B8%AF%E4%BA%BA%E4%BF%82%E9%96%83%E9%9B%BB%E4%BF%A0 ) [3] => stdClass Object ( [title] => 00後英文潮語常說「No Cap」點解？9大最紅潮語sigma/rizz解釋 [articleId] => 20060940 [permalink] => https://hk.ulifestyle.com.hk/topic/detail/20060940/00%E5%BE%8C%E8%8B%B1%E6%96%87%E6%BD%AE%E8%AA%9E%E5%B8%B8%E8%AA%AA-no-cap-%E9%BB%9E%E8%A7%A3-9%E5%A4%A7%E6%9C%80%E7%B4%85%E6%BD%AE%E8%AA%9Esigma-rizz%E8%A7%A3%E9%87%8B ) [4] => stdClass Object ( [title] => 居屋疑安裝落地玻璃窗 港人貼相疑惑問合法咩？室內設計師親解是否違例 [articleId] => 20060772 [permalink] => https://hk.ulifestyle.com.hk/topic/detail/20060772/%E5%B1%85%E5%B1%8B%E7%96%91%E5%AE%89%E8%A3%9D%E8%90%BD%E5%9C%B0%E7%8E%BB%E7%92%83%E7%AA%97-%E6%B8%AF%E4%BA%BA%E8%B2%BC%E7%9B%B8%E7%96%91%E6%83%91%E5%95%8F%E5%90%88%E6%B3%95%E5%92%A9-%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88%E5%B8%AB%E8%A6%AA%E8%A7%A3%E6%98%AF%E5%90%A6%E9%81%95%E4%BE%8B ) )

港生活人氣本地熱話

相關文章

任天堂Switch 2 懶人包｜6月正式香港開賣！全新磁吸式手掣/ 相機配件
潮流玩物
任天堂Switch 2 懶人包｜6月正式香港開賣！全新磁吸式手掣/ 相機配件
Zara破天荒推復古相機3款Lomography即影即有／懷舊菲林相機
生活百貨
Zara破天荒推復古相機3款Lomography即影即有／懷舊菲林相機
Bill Gates預言10年內AI將取代兩大職業！部份領域工作或永遠屬於人類？
熱話
Bill Gates預言10年內AI將取代兩大職業！部份領域工作或永遠屬於人類？
PayMe 三大革新! 儲火加速彈/增設獎賞專區/萬用券需搶領
理財
PayMe 三大革新! 儲火加速彈/增設獎賞專區/萬用券需搶領
UL App Icon
前往App睇文
ufun Icon
【送啤酒及和風櫻花禮品套裝】
即到《社群》參加～