原文地址:http://blog.csdn.net/johnnycode/article/details/49050261

開(kāi)發(fā)移動(dòng)端的小伙伴在處理各種 Icon 各有心得,Photoshop 用的得心應(yīng)手,現(xiàn)在有個(gè)自動(dòng)化腳本處理各種尺寸 Icon.

本文以處理 iOS Icon 為參考,關(guān)于 Android 以及 iPad 自己修改下參數(shù)即可!OK,找美工GG要一張 1024x1024 圖片,然后按照步驟操作!

1.首先參考蘋(píng)果官方文檔,確定自己需要的尺寸?App Icons on iPad and iPhone

2.根據(jù)自己的需求修改相應(yīng)參數(shù),程序員小伙伴應(yīng)該能看的懂,只需要根據(jù)需要修改 icons 數(shù)組即可,保存文件名為 .jsx 結(jié)尾 ,?點(diǎn)擊下載編輯好文件

//調(diào)用[File]的[openDialog]命令，彈出文件選擇窗口，提示用戶(hù)選擇1024*1024尺寸的圖標(biāo)，并將文件存儲(chǔ)在變量[bigIcon]中。 var bigIcon = File.openDialog("請(qǐng)選擇一張1024x1024大小的圖片：", "*.png", false);//打開(kāi)用戶(hù)選擇的圖標(biāo)文件，并將打開(kāi)后的文檔，賦予變量[pngDoc]。 var pngDoc = open(bigIcon, OpenDocumentType.PNG);//調(diào)用[Folder]的[selectDialog]命令，彈出文件夾選擇窗口，提示用戶(hù)選擇輸出iOS圖標(biāo)的文件夾。 //并將文件夾存儲(chǔ)在變量[destFolder]中。 var destFolder = Folder.selectDialog( "請(qǐng)選擇一個(gè)輸出的文件夾：");//定義一個(gè)數(shù)組，這個(gè)數(shù)組由各種js對(duì)象組成，每個(gè)對(duì)象都有一個(gè)[name]屬性和[size]屬性，分別表示圖標(biāo)的名稱(chēng)的尺寸。 var icons = [{"name": "Icon-29@2x", "size":58},{"name": "Icon-40@2x", "size":80},{"name": "Icon-60@2x", "size":120},{"name": "Icon-60@3x", "size":180} ];//定義一個(gè)變量[option]，表示iOS輸出的格式為PNG。并設(shè)置輸出PNG時(shí)不執(zhí)行PNG8壓縮，以保證圖標(biāo)質(zhì)量。 var option = new PNGSaveOptions();//保存當(dāng)前的歷史狀態(tài)，以方便縮放圖片后，再返回至最初狀態(tài)的尺寸。 option.PNG8 = false; var startState = pngDoc.historyStates[0];//添加一個(gè)循環(huán)語(yǔ)句，用來(lái)遍歷所有圖標(biāo)對(duì)象的數(shù)組。 for (var i = 0; i < icons.length; i++) {//定義一個(gè)變量[icon]，表示當(dāng)前遍歷到的圖標(biāo)對(duì)象。var icon = icons[i];//調(diào)用[pngDoc]對(duì)象的[resizeImage]方法，將原圖標(biāo)，縮小到當(dāng)前遍歷到的圖標(biāo)對(duì)象定義的尺寸。pngDoc.resizeImage(icon.size, icon.size);//定義一個(gè)變量[destFileName]，表示要導(dǎo)出的圖標(biāo)的名稱(chēng)。var destFileName = icon.name + ".png";if (icon.name == "iTunesArtwork")destFileName = icon.name;//定義一個(gè)變量[file]，表示圖標(biāo)輸出的路徑。var file = new File(destFolder + "/" + destFileName);//調(diào)用[pngDoc]的[saveAs]方法，將縮小尺寸后的圖標(biāo)導(dǎo)出到指定路徑。pngDoc.saveAs(file, option, true, Extension.LOWERCASE);//將[doc]對(duì)象的歷史狀態(tài)，恢復(fù)到尺寸縮放之前的狀態(tài)，即恢復(fù)到1024*1024尺寸，為下次縮小尺寸做準(zhǔn)備。pngDoc.activeHistoryState = startState; }//操作完成后，關(guān)閉文檔。 pngDoc.close(SaveOptions.DONOTSAVECHANGES);

3.打開(kāi) Photoshop , 選擇文件->腳本->瀏覽,選擇剛才保存的腳本,打開(kāi)后選擇一張 1024x1024 的圖片,然后選擇保存文件夾即可!詳細(xì)操作過(guò)程可以參考文章底部本文參考!

本文參考:

批量生成各尺寸的iOS圖標(biāo)

總結(jié)

以上是生活随笔為你收集整理的批量生成各尺寸的iOS图标的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。