PS自动生成不同尺寸图标

####一、简介通过在ps执行脚本将当前编辑的素材生成各种不同尺寸的png图标。下面例子在cs6下测试通过。

参考：http://coolketang.com/psscript/menu8lesson12.php

####二、脚本jsx

//调用[File]的[openDialog]命令，弹出文件选择窗口，提示用户选择png图标，并将文件存储在变量[bigIcon]中。
//var bigIcon = File.openDialog("请选择一张png图片：", "*.png", false);
//var strArr = bigIcon.name.split(".");
//var iconName = strArr[0];
//打开用户选择的图标文件，并将打开后的文档，赋予变量[pngDoc]。
//var pngDoc = open(bigIcon, OpenDocumentType.PNG);

//ps当前文档
var pngDoc = app.activeDocument;
//保存名字为当前文档名字
var iconName = pngDoc.name.split(".")[0] + ".png";

//调用[Folder]的[selectDialog]命令，弹出文件夹选择窗口，提示用户选择输出iOS图标的文件夹。
//并将文件夹存储在变量[destFolder]中。
var destFolder = Folder.selectDialog( "请选择一个输出的文件夹：");

if(destFolder != null){
    //定义一个数组，这个数组由各种js对象组成，每个对象都有一个[name]属性和[size]属性，分别表示图标的名称的尺寸。
    var icons = 
    [
      {"dir": "mipmap-ldpi",             "size":"36px"},
      {"dir": "mipmap-mdpi",             "size":"48px"},
      {"dir": "mipmap-hdpi",             "size":"72px"},
      {"dir": "mipmap-xhdpi",             "size":"96px"},
      {"dir": "mipmap-xxhdpi",             "size":"144px"},
      {"dir": "mipmap-xxxhdpi",             "size":"192px"}
    ];

    //定义一个变量[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);

        //创建目录
        var targetFolder = new Folder(destFolder + "/" + icon.dir);
        targetFolder.create();
        
        //定义一个变量[file]，表示图标输出的路径。
        var file = new File(targetFolder +  "/" + iconName);

        //调用[pngDoc]的[saveAs]方法，将缩小尺寸后的图标导出到指定路径。
        pngDoc.saveAs(file, option, true, Extension.LOWERCASE);

        //将[doc]对象的历史状态，恢复到尺寸缩放之前的状态，即恢复到原始尺寸，为下次缩小尺寸做准备。
        pngDoc.activeHistoryState = startState;
    }

    //操作完成后，关闭文档。
    //pngDoc.close(SaveOptions.DONOTSAVECHANGES);
}

在记事本输入上述内容，要生成不同尺寸文件则需要修改icons 数组，并将文件保存为jsx文件。

####三、执行用ps打开要转换的素材，“文件->脚本->浏览”选择刚刚生成的jsx文件按确定，选择保存文件夹，按确定即在目标文件夹生成指定的尺寸文件。

####四、关于ExtendScript Toolkit ExtendScript Toolkit是adobe的一个编辑jsx的工具，装ps时会安装，用它可以编辑运行脚本，按F1有相关的API介绍

来源：oschina

链接：https://my.oschina.net/u/139163/blog/537781

标签

jsx

自动生成图标