Photoshop脚本 批量生成各尺寸的iOS图标
                                                            生活随笔
收集整理的這篇文章主要介紹了
                                Photoshop脚本  批量生成各尺寸的iOS图标
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.                        
                                源自:http://coolketang.com/psscript/menu8lesson12.php
設計師們通常設計一張1024*1024的圖標,然后導出十幾種用在iPhone, iPad, iTunes上不同尺寸的小圖標,過程繁瑣笨重。本節將使用腳本批量生成不同尺寸的圖標。
首先創建一個空白的腳本文檔,并保存在硬盤上某個位置。
接著輸入腳本代碼:
//調用[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": "iTunesArtwork", "size":1024},{"name": "Icon", "size":57},{"name": "Icon@2x", "size":114},{"name": "Icon-@2x", "size":114},{"name": "Icon-40", "size":40},{"name": "Icon-72", "size":72},{"name": "Icon-72@2x", "size":144},{"name": "Icon-Small", "size":29},{"name": "Icon-Small@2x", "size":58},{"name": "Icon-Small-50", "size":50},{"name": "Icon-Small-50@2x", "size":100},{"name": "logo-76", "size":76},{"name": "logo-80", "size":80},{"name": "logo-100", "size":100},{"name": "logo-120", "size":120},{"name": "logo-152", "size":152} ];//定義一個變量[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);我們的腳本已經編寫完成,把它保存下來。
然后切換到Photoshop。
接著依次點擊[文件] > [腳本] > [瀏覽],打開剛剛保存的腳本文件。
在彈出的[載入]窗口中,直接雙擊腳本名稱,Photoshop將直接調用并執行該腳本。
點擊選擇一張1024*1024尺寸的圖標作為原始圖。
點擊選擇所有尺寸圖標導出后的文件夾。然后點擊[確定]按鈕,確認文件夾的選擇。Photoshop開始批量生成各尺寸的圖標。
p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Helvetica Neue'; color: #454545} p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Helvetica Neue'; color: #e4af0a} p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Helvetica Neue'; color: #454545; min-height: 14.0px} p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px '.PingFang SC'; color: #454545} span.s1 {font: 12.0px '.PingFang SC'} span.s2 {font: 12.0px 'Helvetica Neue'}
總結
以上是生活随笔為你收集整理的Photoshop脚本 批量生成各尺寸的iOS图标的全部內容,希望文章能夠幫你解決所遇到的問題。
 
                            
                        - 上一篇: 计算机操作系统试题题库及答案(完整版)
- 下一篇: linux hid 输入设备 在wind
