源自：http://coolketang.com/psscript/menu8lesson12.php

設(shè)計(jì)師們通常設(shè)計(jì)一張1024*1024的圖標(biāo)，然后導(dǎo)出十幾種用在iPhone, iPad, iTunes上不同尺寸的小圖標(biāo)，過程繁瑣笨重。本節(jié)將使用腳本批量生成不同尺寸的圖標(biāo)。

首先創(chuàng)建一個(gè)空白的腳本文檔，并保存在硬盤上某個(gè)位置。

接著輸入腳本代碼：

//調(diào)用[File]的[openDialog]命令，彈出文件選擇窗口，提示用戶選擇1024*1024尺寸的圖標(biāo)，并將文件存儲在變量[bigIcon]中。 var bigIcon = File.openDialog("請選擇一張1024x1024大小的圖片：", "*.png", false);//打開用戶選擇的圖標(biāo)文件，并將打開后的文檔，賦予變量[pngDoc]。 var pngDoc = open(bigIcon, OpenDocumentType.PNG);//調(diào)用[Folder]的[selectDialog]命令，彈出文件夾選擇窗口，提示用戶選擇輸出iOS圖標(biāo)的文件夾。 //并將文件夾存儲在變量[destFolder]中。 var destFolder = Folder.selectDialog( "請選擇一個(gè)輸出的文件夾：");//定義一個(gè)數(shù)組，這個(gè)數(shù)組由各種js對象組成，每個(gè)對象都有一個(gè)[name]屬性和[size]屬性，分別表示圖標(biāo)的名稱的尺寸。 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} ];//定義一個(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)語句，用來遍歷所有圖標(biāo)對象的數(shù)組。 for (var i = 0; i < icons.length; i++) {//定義一個(gè)變量[icon]，表示當(dāng)前遍歷到的圖標(biāo)對象。var icon = icons[i];//調(diào)用[pngDoc]對象的[resizeImage]方法，將原圖標(biāo)，縮小到當(dāng)前遍歷到的圖標(biāo)對象定義的尺寸。pngDoc.resizeImage(icon.size, icon.size);//定義一個(gè)變量[destFileName]，表示要導(dǎo)出的圖標(biāo)的名稱。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]對象的歷史狀態(tài)，恢復(fù)到尺寸縮放之前的狀態(tài)，即恢復(fù)到1024*1024尺寸，為下次縮小尺寸做準(zhǔn)備。pngDoc.activeHistoryState = startState; }//操作完成后，關(guān)閉文檔。 pngDoc.close(SaveOptions.DONOTSAVECHANGES);

我們的腳本已經(jīng)編寫完成，把它保存下來。

然后切換到Photoshop。

接著依次點(diǎn)擊[文件] > [腳本] > [瀏覽]，打開剛剛保存的腳本文件。

在彈出的[載入]窗口中，直接雙擊腳本名稱，Photoshop將直接調(diào)用并執(zhí)行該腳本。

點(diǎn)擊選擇一張1024*1024尺寸的圖標(biāo)作為原始圖。

點(diǎn)擊選擇所有尺寸圖標(biāo)導(dǎo)出后的文件夾。然后點(diǎn)擊[確定]按鈕，確認(rèn)文件夾的選擇。Photoshop開始批量生成各尺寸的圖標(biāo)。

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'}

總結(jié)

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

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