批量生成各尺寸的iOS图标
生活随笔
收集整理的這篇文章主要介紹了
批量生成各尺寸的iOS图标
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
原文地址:http://blog.csdn.net/johnnycode/article/details/49050261
開發移動端的小伙伴在處理各種 Icon 各有心得,Photoshop 用的得心應手,現在有個自動化腳本處理各種尺寸 Icon.
本文以處理 iOS Icon 為參考,關于 Android 以及 iPad 自己修改下參數即可!OK,找美工GG要一張 1024x1024 圖片,然后按照步驟操作!
1.首先參考蘋果官方文檔,確定自己需要的尺寸?App Icons on iPad and iPhone
2.根據自己的需求修改相應參數,程序員小伙伴應該能看的懂,只需要根據需要修改 icons 數組即可,保存文件名為 .jsx 結尾 ,?點擊下載編輯好文件
//調用[File]的[openDialog]命令,彈出文件選擇窗口,提示用戶選擇1024*1024尺寸的圖標,并將文件存儲在變量[bigIcon]中。 var bigIcon = File.openDialog("請選擇一張1024x1024大小的圖片:", "*.png", false);//打開用戶選擇的圖標文件,并將打開后的文檔,賦予變量[pngDoc]。 var pngDoc = open(bigIcon, OpenDocumentType.PNG);//調用[Folder]的[selectDialog]命令,彈出文件夾選擇窗口,提示用戶選擇輸出iOS圖標的文件夾。 //并將文件夾存儲在變量[destFolder]中。 var destFolder = Folder.selectDialog( "請選擇一個輸出的文件夾:");//定義一個數組,這個數組由各種js對象組成,每個對象都有一個[name]屬性和[size]屬性,分別表示圖標的名稱的尺寸。 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} ];//定義一個變量[option],表示iOS輸出的格式為PNG。并設置輸出PNG時不執行PNG8壓縮,以保證圖標質量。 var option = new PNGSaveOptions();//保存當前的歷史狀態,以方便縮放圖片后,再返回至最初狀態的尺寸。 option.PNG8 = false; var startState = pngDoc.historyStates[0];//添加一個循環語句,用來遍歷所有圖標對象的數組。 for (var i = 0; i < icons.length; i++) {//定義一個變量[icon],表示當前遍歷到的圖標對象。var icon = icons[i];//調用[pngDoc]對象的[resizeImage]方法,將原圖標,縮小到當前遍歷到的圖標對象定義的尺寸。pngDoc.resizeImage(icon.size, icon.size);//定義一個變量[destFileName],表示要導出的圖標的名稱。var destFileName = icon.name + ".png";if (icon.name == "iTunesArtwork")destFileName = icon.name;//定義一個變量[file],表示圖標輸出的路徑。var file = new File(destFolder + "/" + destFileName);//調用[pngDoc]的[saveAs]方法,將縮小尺寸后的圖標導出到指定路徑。pngDoc.saveAs(file, option, true, Extension.LOWERCASE);//將[doc]對象的歷史狀態,恢復到尺寸縮放之前的狀態,即恢復到1024*1024尺寸,為下次縮小尺寸做準備。pngDoc.activeHistoryState = startState; }//操作完成后,關閉文檔。 pngDoc.close(SaveOptions.DONOTSAVECHANGES);3.打開 Photoshop , 選擇文件->腳本->瀏覽,選擇剛才保存的腳本,打開后選擇一張 1024x1024 的圖片,然后選擇保存文件夾即可!詳細操作過程可以參考文章底部本文參考!
本文參考:
批量生成各尺寸的iOS圖標
總結
以上是生活随笔為你收集整理的批量生成各尺寸的iOS图标的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: HDU 4408 Minimum Spa
- 下一篇: 服装进销存软件排名前十名,最新门店进销存