使用軟體:Photoshop (各版本皆可,我是用CS4來製作)
教學用圖檔:從RMVX-RTP提取的IconSet
(如果要使用其他圖片,先注意有無去背再來進行分割)
1.開啟檔案後,選擇 [切片選取工具]
2.在圖檔上按右鍵選擇 [分割切片]
3.開始劃分圖片
在水平分割及垂直分割的平均間距的數值填為4
(意指將整張圖片的縱向與橫向平均分割為四等分)
4.再切一次,這時可以選擇按右鍵點擊分割圖片或是點上方的 [分割]
5.此時已經將圖片上的圖檔完全分割好了
接下來要將這些分割好的圖片儲存
6.到上面的工具列點擊 [檔案]>[儲存為網頁與裝置用]
7.接著會開啟一個視窗
注意一下檔案格式如果是png格式,而且背景是透明的話,直接跳到11
如果是jpg格式,那就繼續看教學
8.到左方的工具列選擇切片工具
9.從左上方往右下拖曳滑鼠選取整張圖片
10.檔案格式選擇PNG-24
選完後背景就會變透明了
(沒有的話就在 [邊緣調和] 那裏選擇 [無])
11.這樣就差不多了,在視窗下方點擊 [儲存]
選擇你要儲存的地方
(不用新開資料夾,儲存時會新開一個名為 [images] 的資料夾放置這些分割的圖片)
12.進去該資料夾檢查,圖檔已確實分割完成