css Photoshop JavaScript批量替换文件夹中的智能层并调整大小

cgvd09ve  于 2023-10-21  发布在  Java
关注(0)|答案(2)|浏览(184)

我试图找出如何使用JavaScript与photoshop,但即使我没有发现一个逻辑错误的代码,它不能正常工作。
我有一个包含1000多个图像/.ai文件的文件夹,这些文件具有不同的尺寸。我需要在枕头这些图像和保存为. jpg。我选择smartlayer并运行脚本来选择图像,它会正确地保存它们。唯一的问题是,图像和定位的重叠不能正常工作。如果我把图像手动,它的作品没有问题,但不是与脚本。
如果宽度大于高度,则应将宽度设置为1200 px,并根据此值计算高度。(反之亦然),并放置在中间层。
1.我该如何修复安装和定位?
1.是否可以选择图像所在的文件夹而不是选择图像?
1.当模型中有2个智能层而不是1个时,我如何处理它?
有谁知道这段代码的问题出在哪里?感谢任何一点帮助!

// Replace SmartObject’s Content and Save as JPG
// 2017, use it at your own risk
// Via @Circle B: https://graphicdesign.stackexchange.com/questions/92796/replacing-a-smart-object-in-bulk-with-photoshops-variable-data-or-scripts/93359
// JPG code from here: https://forums.adobe.com/thread/737789

#target photoshop
if (app.documents.length > 0) {
    var myDocument = app.activeDocument;
    var theName = myDocument.name.match(/(.*)\.[^\.]+$/)[1];
    var thePath = myDocument.path;
    var theLayer = myDocument.activeLayer;
    // JPG Options;
    jpgSaveOptions = new JPEGSaveOptions();  
    jpgSaveOptions.embedColorProfile = true;  
    jpgSaveOptions.formatOptions = FormatOptions.STANDARDBASELINE;  
    jpgSaveOptions.matte = MatteType.NONE;  
    jpgSaveOptions.quality = 8;   
    // Check if layer is SmartObject;
    if (theLayer.kind != "LayerKind.SMARTOBJECT") {
        alert("selected layer is not a smart object")
    } else {
        // Select Files;
        if ($.os.search(/windows/i) != -1) {
            var theFiles = File.openDialog("please select files", "*.psd;*.tif;*.jpg;*.ai", true)
        } else {
            var theFiles = File.openDialog("please select files", getFiles, true)
        };
};
(function (){
    var startRulerUnits = app.preferences.rulerUnits;  
    app.preferences.rulerUnits = Units.PIXELS;  
    var bounds = activeDocument.activeLayer.bounds;  
    var height = bounds[3].value - bounds[1].value;
    var width = bounds[2].value - bounds[0].value;
if (height > width){ 
    var newSize1 = (100 / width) * 800;  
    activeDocument.activeLayer.resize(newSize1, newSize1, AnchorPosition.MIDDLECENTER);
    app.preferences.rulerUnits = startRulerUnits;  
    }  
else{
    var newSize2 = (100 / height) * 800;  
    activeDocument.activeLayer.resize(newSize2, newSize2, AnchorPosition.MIDDLECENTER);
    app.preferences.rulerUnits = startRulerUnits;      
    } 
})();
        if (theFiles) {
            for (var m = 0; m < theFiles.length; m++) {
                // Replace SmartObject
                theLayer = replaceContents(theFiles[m], theLayer);
                var theNewName = theFiles[m].name.match(/(.*)\.[^\.]+$/)[1];
                // Save JPG
                myDocument.saveAs((new File(thePath + "/" + theName + "_" + theNewName + ".jpg")), jpgSaveOptions, true,Extension.LOWERCASE);
            }
        }
    };
// Get PSDs, TIFs and JPGs from files
function getFiles(theFile) {
    if (theFile.name.match(/\.(psd|tif|jpg)$/i) != null || theFile.constructor.name == "Folder") {
        return true
    }
};
// Replace SmartObject Contents
function replaceContents(newFile, theSO) {
    app.activeDocument.activeLayer = theSO;
    // =======================================================
    var idplacedLayerReplaceContents = stringIDToTypeID("placedLayerReplaceContents");
    var desc3 = new ActionDescriptor();
    var idnull = charIDToTypeID("null");
    desc3.putPath(idnull, new File(newFile));
    var idPgNm = charIDToTypeID("PgNm");
    desc3.putInteger(idPgNm, 1);
    executeAction(idplacedLayerReplaceContents, desc3, DialogModes.NO);
    return app.activeDocument.activeLayer
};

我附上了两张照片。1它需要的外观和2脚本输出的内容CorrectWrong

vohkndzv

vohkndzv1#

1.替换的图像必须与智能对象具有相同的分辨率。
1.可以在代码中声明文件夹路径。如果您仍然希望手动选择路径,则可以选择路径中的一个图像,然后提取父文件夹路径。
1.您可以递归地遍历文档中的所有层,并提取要替换的所有智能对象。
您可能需要一个函数来递归遍历文档中的所有图层

function browseLayer(layer, fn) {
    if (layer.length) {
        for (var i = 0; i < layer.length; ++i) {
            browseLayer(layer[i], fn)
        }
        return;
    }

    if (layer.layers) {
        for (var j = 0; j < layer.layers.length; ++j) {
            browseLayer(layer.layers[j], fn);
        }
        return;
    }
    //apply this function for every layer
    fn(layer)
}

获取文档中的所有智能对象

const smartObjects = [];
//The smart objects can be visit twice or more
//use this object to mark the visiting status
const docNameIndex = {};

const doc = app.open(new File("/path/to/psd/file"));

browseLayer(doc.layers, function (layer) {
    //You cannot replace smart object with position is locked
    if (layer.kind == LayerKind.SMARTOBJECT && layer.positionLocked == false) {

        smartLayers.push(layer);

        doc.activeLayer = layer;

        //open the smart object
        executeAction(stringIDToTypeID("placedLayerEditContents"), new ActionDescriptor(), DialogModes.NO);

        //activeDocument is now the smart object
        const docName = app.activeDocument.name;

        if (!docNameIndex[docName]) {

            docNameIndex[docName] = true;

            smartObjects.push({
                id: layer.id,
                name: layer.name,
                docName: docName,
                width : app.activeDocument.width.as('pixels'),
                height : app.activeDocument.height.as('pixels'),
                resolution : app.activeDocument.resolution //important
            });
        }
        //reactive the main document
        app.activeDocument = doc;
    }

});

我假设你有两个智能对象需要替换,替换的图像存储在不同的文件夹中,具有相同的名称。

smartObjects[0].replaceFolderPath = "/path/to/folder/1";
smartObjects[1].replaceFolderPath = "/path/to/folder/2";
//we need temp folder to store the resize images
smartObjects[0].tempFolderPath = "/path/to/temp/folder/1";
smartObjects[1].tempFolderPath = "/path/to/temp/folder/2";

例如:第一次迭代将用"/path/to/folder/1/image1.jpg"替换smartObjects[0],用"/path/to/folder/image1.jpg"替换smartObjects[1]
现在,根据智能对象的属性调整所有图像的大小

smartObjects.forEach(function(smartObject){

    //Get all files in the folder
    var files = new Folder(smartObject.replaceFolderPath).getFiles();

    //Resize all the image files
    files.forEach(function (file) {

        var doc = app.open(file);

        doc.resizeImage(
            new UnitValue(smartObject.width + ' pixels'),
            new UnitValue(smartObject.height + ' pixels'),
            smartObject.resolution
        );

        //save to temp folder
        doc.saveAs(
            new File(smartObject.tempFolderPath + "/" + file.name),
            new PNGSaveOptions(),
            true
        );

        doc.close(SaveOptions.DONOTSAVECHANGES)
    });

});

最后,替换智能对象

//get list of file again
var files = new Folder(smartObject.replaceFolderPath).getFiles();

files.forEach(function(file){

    var fileName = file.name;

    smartObjects.forEach(function(smartObject){

        //active the window opening the smart object
        app.activeDocument = app.documents.getByName(args.documentName);

        var desc = new ActionDescriptor();
        desc.putPath(charIDToTypeID("null"), new File(smartObject.tempFolderPath + "/" + fileName));

        executeAction(stringIDToTypeID( "placedLayerReplaceContents" ), desc, DialogModes.NO);

    });

    //Now export document
    var webOptions = new ExportOptionsSaveForWeb();
    webOptions.format = SaveDocumentType.PNG; // SaveDocumentType.JPEG
    webOptions.optimized = true;
    webOptions.quality = 100;

    doc.exportDocument(new File("/path/to/result/folder" + file.name), ExportType.SAVEFORWEB, webOptions);

});

现在您可以关闭所有打开的智能对象

smartObjects.forEach(function (s) {
    app.documents.getByName(r.docName).close(SaveOptions.DONOTSAVECHANGES);
});
3npbholx

3npbholx2#

我用三种不同的方法解决了这个问题:
解决方案1)有一个预处理步骤,批量调整所有图像的大小,以完全适合您的智能对象所需的确切大小。您可以通过记录一个操作来实现这一点,该操作以所需的DPI将其调整到这些特定的尺寸,然后将其作为一个批处理运行。(如果您不熟悉如何在Photoshop中记录操作或运行批处理操作,请参阅Adobe官方网站上的this guide on actionsthis guide on batches。)然后,在您对图像进行预处理后,您需要更新代码,以使用这些调整大小后的图像最终所在的输出文件夹中的图像。然后,您应该能够运行此.jsx代码,通过Photoshop脚本自动执行智能对象批处理替换。
解决方案2)有一个名为Batch-Replace Smart Objects的Photoshop插件,它可以自动执行此过程-还有一个选项,您可以检查它将“拉伸以适应智能对象”。该插件的工作方式是,您指定要使用的Photoshop文档,图像的输入文件夹和要导出的输出文件夹。如果您选择“拉伸以适应智能对象”选项,这将调整所有图像的大小,以完全适合智能对象的尺寸。(请注意,当您通过此插件自动执行此操作时,它不会将此作为预处理步骤,而是在操作运行时真实的调整图像大小。这两种方式都不重要,因为最终结果是相同的--使用此插件时,事件的顺序只是略有不同。)因此,基本上,使用此插件,您可以自动执行批量智能对象替换操作--但对于每个操作,您还可以选择拉伸所有图像以适应智能对象的尺寸。
解决方案3)您可以修改.jsx代码/ Photoshop脚本来实际运行所需的批处理操作,而不是自己手动运行批处理操作-但只需将其编码到脚本中即可以编程方式完成。当我需要将此自动化作为较大Photoshop工作流程的一部分时,我使用了这种方法,其中所有命令都需要按顺序运行。我会检查the Adobe Community forums,看看你是否能找到一些关于如何通过.jsx代码而不是通过Photoshop界面来实现这一点的指南。

相关问题