本篇文章是基於"《教學》用Zeppelin修改你的電信圖示！" 的延伸教學
內容主要是在教你如何做電信圖式 : 圖片去背、設定圖片高度、檔案名稱的規範
如果懶得看教學, 文章內一個小工具可以直接定義檔名. 只要圖片去背完就能用
至於安裝 Zeppelin 的方法, 就如同一般Tweak. 不多加著墨
--------
不廢話, 以下教學開始:
前置作業:
1.手機須越獄並安裝 Tweak : Zeppelin (免費)
2.繪圖軟體: 以Photoshop做教學並搭配批量工具.
製作電信圖的步驟:
1.找圖片 → 2.圖片去背&上色 → 3.儲存成規定的檔案名稱 →
4.設定圖片高度 → 5.定義檔名 → 6.傳輸至手機
*下載 : 電信圖小工具
裡面有3個檔案加使用說明.
iPhone Silver.exe
iPhone Black.exe
iPhone Color.exe
1. 找圖片:
用GOOGLE找應該不用特別教了...
小秘訣是可以用搜尋工具指定大型圖片. 畫質會比較好
或者是搜尋時加上 "PNG". 有時會找到已經去背的圖片, 省下一點改圖時間
教學用APPLE LOGO PNG 做示範.
第一張圖就是PNG檔. 但我把它另存成JPEG. 方便去背教學
2. 圖片去背&上色:
去背:
圖片去背的方法有很多, 只要記住儲存的副檔名必須是"PNG"即可.
依照圖片背景的複雜程度. 我一般常用的PS去背方法如下:
a.魔術棒工具: 適用於單色背景
b.多邊形套索工具: 當背景較複雜時可用
c.筆型工具: 與多邊形套縮工具相似. 但當目標物有較多圓弧時我比較喜歡用筆型工具去拉線
其他還有遮色片去背等... 各位可以自行研究
上色: 用黑色+白色來教學
去背完成後, 要將圖片上色才能讓系統辨識.
根據教學用的圖片. 圖片是黑色. 所以要另外製作一張 白色的圖片
相對的, 如果圖片是白色. 就要做一張黑色的圖片
一般常用就是: 油漆桶工具.
3.儲存成規定的檔案名稱
系統會根據手機佈景主題的顏色深淺,改變電信圖顯示的顏色
所以--當圖片去背完成後, 要指定一個檔案名稱讓系統做辨識
檔案名稱分成兩種:
1.Silver
當手機介面底色為"白色". 製作的圖片要顯色 (一般為黑色)
就如同你打開手機的"設定". 手機上方介面會是白色. 但電信圖會是黑色
只要圖片有顏色,通常會是 Silver
去背完就儲存成 Silver RB.png (這是我去背後原始檔習慣用的簡稱. 你們可以隨意存)
再把Silver RB.png 丟到iPhone Silver.exe. 就會自動生成三張圖
silver.png
[email protected]
[email protected]
2.Black
當手機介面底色為"黑色或其他顏色". 製作的圖片不能顯色 (一般為白色)
圖片為"白色". 檔案通常是 Black
去背完就儲存成 Black RB.png (這是我去背後原始檔習慣用的簡稱. 你們可以隨意存)
再把Black RB.png 丟到iPhone Black.exe. 就會自動生成三張圖
black.png
[email protected]
[email protected]
這樣就能做到當手機介面是深色. 電信圖會顯示白色 LOGO (檔名為Black).
當手機介面是白色. 電信圖顯示黑色LOGO (檔名為Silver).
*介面顏色是系統判定.
如果你要電信圖只顯示全彩圖
只要把同一張圖片 存成兩個檔名即可.(6個檔案)
並沒有規定電信圖一定要黑色+白色.
如果熟悉色彩定義的規範, 要怎麼改都可以.系統只認檔名.
只是黑+白是最簡單的方式. 也最容易說明
可以想想下面這張圖怎麼做 :)
4.設定圖片高度 & 定義檔名: (有興趣可以往下看, 懶得話可用小工具直接略過)
當去背/上色/檔名都設定好之後.
再來就是設定圖片的高度,還有定義圖片的檔名. 才能讓系統根據手機解析度去抓圖片
iPhone電信圖位置,可接受的圖片高度依照手機型號各有所不同
簡單來講. 只要記住三種高度即可: 20/40/60 像素
但為了要讓每隻手機都能用. 所以我都會製作三種高度的圖片
用PS繼續編輯剛剛上色好的圖片.挑選上方功能介面: 影像→影像尺寸 (Ctrl+alt+I)
將圖片分別改成 高度 20/40/60 像素.
等比例縮放的鎖頭鎖起來,寬度讓系統自動抓
共會有6張圖片 (Sliver x 3 張. Black x 3 張)
依據圖片的顏色屬性.每縮小一次就另存新檔. 在檔名後方做變化:
Silver 高度20像素 檔案名稱: silver.png
Silver 高度40像素 檔案名稱: [email protected]
Silver 高度60像素 檔案名稱: [email protected]
Black 高度20像素 檔案名稱: black.png
Black 高度40像素 檔案名稱: [email protected]
Black 高度60像素 檔案名稱: [email protected]
名稱後方沒加任何東西的.
代表是20像素.
加了@2x 就是20*2=40像素
加了@3x 就是20*3*60像素
5.傳輸至手機
將做好的檔案 用傳輸線透過iTools直接丟到Zeppelin的指定資料夾
**資料夾內一定要有這些檔案才能讓每種機型正常顯示!
silver.png
[email protected]
[email protected]
black.png
[email protected]
[email protected]
如沒帶傳輸線
將資料夾壓縮成Zip後. 用E-mail寄給自己
再用手機打開 使用Filza解壓縮丟到指定資料夾也可以
--------
以上, 內容寫得蠻多. 但其實步驟就那幾個而已..
若有寫錯或表達不好的部分. 請海涵
如果圖片簡單的話. 做一個電信圖大概1分鐘完成
最難的應該是去背 XD
還是學不會的話, 有問題會盡量答覆.
有時間也會幫忙製做
謝謝各位收看!
