WhatsApp Sticker DIY(iPhone 版)
本文最新修訂及補充版本日期:(2018-11-23)如有困難或疑問請電郵admin@wongcw.com
準備工作
- MacBook;
- 請到 developer.apple.com 註冊 Apple ID 成為開發者,如不打算售賣 App 可不用參加付費的 Apple Developer Program ;
- 下載Xcode軟件(可以在 Mac App Store 裡下載得到),並在 Preferences > Accounts 裡加入剛註冊的 Apple ID (詳情請點擊這裡);
- 然後到官方 GitHub 網站下載官方樣辨貼圖 App 。網址請:按此
本文使用Photoshop作為貼圖轉檔工具
打開需要轉檔的貼圖,點選影像》影像尺寸。
接著在調整至:選擇“自訂”調整寬度和高度像素。
最後把檔案保存,點選檔案》轉存》快速轉存為PNG。
準備貼圖檔按
貼圖所需格式
- 尺寸: 512×512
- 背景: 透明
- 格式: PNG 或 WebP
- 最大容量: 100KB
- 建議圍上 8px 白邊
貼圖集( Sticker Pack )
- 一個 App 可以包含 10 個貼圖集;
- 每個貼圖集可包含最少 3 個最多 30 個貼圖,一個 App 最多有 300 個貼圖。
貼圖集圖示須知
用來在 WhatsApp 裡替貼圖集分類的
- 尺寸: 96×96
- 背景: 透明
- 格式: PNG 或 WebP
- 最大容量: 50KB
- 顯示形狀:圓形
軟件圖示( 2x )
這個是軟件放在 iPhone 畫面上的圖示, 2x 是留給小屏幕的 iPhone 用。
- 尺寸: 120×120
- 背景: 有色
- 格式: PNG
軟件圖示( 3x )
這個是軟件放在 iPhone 畫面上的圖示, 3x 是留給大屏幕的 iPhone 用。
- 尺寸: 180×180
- 背景: 有色
- 格式: PNG
軟件圖示( App Store )
App如果打算上載到 App Store 售賣需要有這個圖示,以吸引App Store用家。
- 尺寸: 1024×1024
- 背景: 有色
- 格式: PNG
創建貼圖 App
- 把下載回來的貼圖專案檔解壓縮:stickers-master.zip ,打開裡面的 iOS 資料夾;
- 雙擊點擊 WAStickersThirdParty.xcodeproj 檔按,當 XCode 打開專案後,會看到一連串錯誤信息。這是因為原檔不是用你的名字註冊,可以不用理會;
- 請在 XCode 左邊欄移除 WAStickersThirdParty > WAStickersThirdParty 資料夾 > SampleStickers 資料夾下所有圖檔。
- 然後逐一把你的貼圖檔案拖放到 XCode 左邊欄的 SampleStickers 資料夾裡,確認 Copy items if needed 和 WAStickersThirdParty 都已經打勾後按 Finish 加入;
- 若果匯入的是 png 檔的話,要一個個選擇 SampleStickers 資料夾裡各貼圖,請在右邊欄將 Type 改為 Data ,不然圖檔容量會變大;
- 請在左邊欄 WAStickersThirdParty > WAStickersThirdParty 資料夾裡選擇 sticker_packs.wasticker 檔案。請按如下修改:1. 貼圖集 ID ,隨便蓋個不會跟人重覆的名字就可以; 2. 貼圖集名稱; 3. 出版者名稱; 4. 貼圖集圖示的檔名; 5. 各張貼圖的檔名; 6. 對應的 Emoji ,將來用作分類的,不過沒有對應的 Emoji 的話大可留空。如果有更多或沒那麼多貼圖的話,大可複製或刪除包著 image_file 和 emojis 的 { } 範圍。不過要留意在最後 12 的位置,千萬不要留有「 , (逗號)」,否則將會無法建立 App ;
- 請點選左邊欄 WAStickersThirdParty > WAStickersThirdParty 資料夾裡的 Assets.xcassets 檔案,然後選擇 AppIcon ,請將各種軟件圖示( 2x 、 3x 和 App Store )按圖分別拖放到圖中相應位置;
- 點選左邊欄最頂的藍色 WAStickersThirdParty 專案圖示,在中間欄上部的 Identity 部分修改 Bundle Identifier (軟件包識別號)為「 com.example.WAStickersThirdParty 」請修改com.example 為你想要的名字(如果要在 App Store 推出的話就要改個不會跟別人相同的名字了),你也可以按喜好修改 Display Name (軟件顯示名稱)為任何名稱;(重要事項:手機需要連接MacBook才能註冊Bundle Identifier,否則將無法註冊。)
- 若果在同一頁中間 Signing 部分見到紅色感嘆號,就在 Team 選單裡選擇自己的名稱,接著按一下 Try Again 鍵,如果一切正常的話 Signing Certificate 會變成你的電郵地址, Status 欄也會消失;
*確保你的手機已經正常連接MacBook,否則將無法通過Bundle Identifier註冊步驟。
- 請在 Xcode 左上角確認是你的 iPhone 型號,然後按下左邊 Play 圖示,即可以透過模擬器來看看貼圖軟件是否正常。第一次載入時空白畫面的時間會長一點的,請耐心等候,不過由於模擬器裡沒有 WhatsApp ,沒有問題的話可以把模擬器關掉。
安裝貼圖 App
- 把你的手機插到 蘋果筆記本去,手機上將彈出是否信任那部電腦,請按信任;
2.接著在 XCode 左上角的型號欄往上捲到最頂 Device 欄目,裡面會顯你 iPhone 的名字的,請選擇再按 Play 鍵,就會開始將 App 安裝到你的電話;
- 第一次在自己手機安裝自製 App 的話, XCode 是會彈出這個警告窗口,這是因為你的手機不信任你的 App ,但其實貼圖 App 已經安裝成功;
- 到 iPhone 的設定 App ,選擇「一般>裝置管理>(你的電郵地址)」,按下「信任」就可以讓軟件順利執行;
5.點擊 iPhone Home 目錄上你的貼圖 App 圖示,可以打開 App ,按「 Add to WhatsApp 」就會要求開啟 WhatsApp ;
6.按「儲存」就可以將貼圖複製到你的 WhatsApp 裡。將貼圖儲存好後,就可以把貼圖 App 從手機上刪除,節省空間。
- 只要在 WhatsApp 的文字欄按貼圖圖示,便可以看到你的貼圖集內容。你可以照常使用,你的朋友會看到你貼出的貼圖。
特別鳴謝:小敏敏
蘋果擬將WHATSAPP貼圖APP下架 稱違反使用守則
APPLE擬將WHATSAPP貼圖下架 果迷只能逐個SAVE?
WHATSAPP STICKER DIY( ANDROID 版)
1分鐘學會製作專屬WHATSAPP貼圖教學|KISABBB VLOG
WHATSAPP都可以玩貼圖STICKER 同LINE、MESSENGER有乜分別?
WHATSAPP STICKER DIY(iPhone 版)
WHATSAPP新增STICKERS功能 12款可愛貼圖任用
為 WHATSAPP 加入第 3 方貼圖!連登貼圖也可以用!
WHATSAPP 自加貼圖不求人,附海量熱門貼圖 一 CLICK 下載!
WHATSAPP FINALLY ADDS SUPPORT FOR STICKERS
STICKOTEXT – STICKER PACK FOR WHATSAPP
話你知!哪裡可以下載到特別的WHATSAPP STICKER?
自製貼圖教學:玩 WHATSAPP STICKER 三個必知小技巧
「白白日記」作者澄清 WHATSAPP 貼圖是盜版贓物!竟被反罵:活該
香港警察推 WHATSAPP STICKER!網民:擺明會畀人改圖
TELEGRAM 為 WHATSAPP 推專用貼圖軟件踩場?
自製 WHATSAPP STICKER 貼圖教學!5 分鐘完成獨有貼圖
WhatsApp Stickers 貼圖分享使用疑難歡迎到hkforum論壇交流。
3 thoughts on “WhatsApp Sticker DIY(iPhone 版)”
bundle identifier 點樣改?
改極都reg 唔到
已更新
確保你的手機已經正常連接MacBook,否則將無法通過Bundle Identifier註冊步驟。