Replace image fit smart object

Forum|Forum|7 years ago
November 28, 2018
3 replies
3645 views

Hi all

I'm using a script to replace smart object with specified image and export to jpg . Now script is working fine . But i dont know how to let my image scale fit smart object and place it in middle.

Can someone help me this issue .

Thanks !

This topic has been closed for replies.

r-bin

Legend

Try this function, if, of course, I did understand your intentions correctly.

var file = new File("C:\\file.jpg") // HERE YOUR FILE
replace_fit_smart_object(file, AnchorPosition.TOPLEFT);
function replace_fit_smart_object(file, anchor)
    {       
    try {
        var tmp = app.preferences.rulerUnits;
        app.preferences.rulerUnits = Units.PIXELS;
        var layer = activeDocument.activeLayer;
        var l0 = layer.bounds[0];
        var t0 = layer.bounds[1];
        var r0 = layer.bounds[2];
        var b0 = layer.bounds[3];
        var x0 = (l0+r0)/2;
        var y0 = (t0+b0)/2;
        var w0 = layer.bounds[2]-layer.bounds[0];
        var h0 = layer.bounds[3]-layer.bounds[1];
        var d = new ActionDescriptor();
        d.putPath(stringIDToTypeID("null"), file);
        executeAction(stringIDToTypeID("placedLayerReplaceContents"), d, DialogModes.NO);
        var w1 = layer.bounds[2]-layer.bounds[0];
        var h1 = layer.bounds[3]-layer.bounds[1];
        if (w1/w0 > h1/h0) layer.resize(100*w0/w1, 100*w0/w1);
        else               layer.resize(100*h0/h1, 100*h0/h1);
        var l1 = layer.bounds[0];
        var t1 = layer.bounds[1];
        var r1 = layer.bounds[2];
        var b1 = layer.bounds[3];
        var x1 = (l1+r1)/2;
        var y1 = (t1+b1)/2;
        switch (anchor)
            {
            case AnchorPosition.BOTTOMCENTER: layer.translate(x0-x1, b0-b1); break;  
            case AnchorPosition.BOTTOMLEFT  : layer.translate(l0-l1, b0-b1); break;  
            case AnchorPosition.BOTTOMRIGHT : layer.translate(r0-r1, b0-b1); break;  
            case AnchorPosition.MIDDLECENTER: layer.translate(x0-x1, y0-y1); break;  
            case AnchorPosition.MIDDLELEFT  : layer.translate(l0-l1, y0-y1); break;  
            case AnchorPosition.MIDDLERIGHT : layer.translate(r0-r1, y0-y1); break;  
            case AnchorPosition.TOPCENTER   : layer.translate(x0-x1, t0-t1); break;  
            case AnchorPosition.TOPLEFT     : layer.translate(l0-l1, t0-t1); break;  
            case AnchorPosition.TOPRIGHT    : layer.translate(r0-r1, t0-t1); break;  
            }    
        app.preferences.rulerUnits = tmp;
        return true;
        }
    catch (e) { alert(e); return false; }
    }

tranv92250636Author

Participating Frequently

Very thank for your help but I get alert . What wrong with my photoshop ? Sorry i'm a newbie photoshop so i dont know how to handle that r-bin

r-bin

Legend

I offered only a function. You should have inserted it into your script. Before calling the function, you must specify its argument - the file that should be embedded in the smart object. Also, make sure or make the layer with the smart object active or convert the current layer into a smart object.

Show your complete script which gives an error.

tranv92250636Author

Participating Frequently

// var fileList = ["D:/PsdFile/01_coffee mug mockup_white/01_coffee mug mockup_white.psd", "D:/PsdFile/02_coffee mug mockup_color/02_coffee mug mockup_color.psd", "D:/PsdFile/369-mug-mockup/369-mug-mockup.psd"]
var fileList = 
[
"D:/PsdFile/01_coffee mug mockup_white/01_coffee mug mockup_white.psd"
]
const doc = {};
for (var i = 0; i < fileList.length; i++)
{
    var fileRef = new File(fileList);
    app.open(fileRef);
    Run();
}
function Run()
{
    if (app.documents.length > 0)
    {
        var myDocument = app.activeDocument;
        var theName = myDocument.name.match(/(.*)\.[^\.]+$/)[1];
        var thePath = myDocument.path;
        var theLayer = myDocument.activeLayer;
        var startRulerUnits = app.preferences.rulerUnits;
        app.preferences.rulerUnits = Units.PIXELS;
        // jpg options
        var jpgopts = new JPEGSaveOptions();
        jpgopts.embedProfile = true;
        jpgopts.formatOptions = FormatOptions.STANDARDBASELINE;
        jpgopts.matte = MatteType.NONE;
        jpgopts.quality = 10;
        // check if layer is smart object;
        if (theLayer.kind != "LayerKind.SMARTOBJECT")
        {
            alert("selected layer is not a smart object")
        }
        else
        {
            // Select Files;
            var inFolder = new Folder(thePath + "/image")
            if (inFolder != null)
            {
                var theFiles = inFolder.getFiles(/\.(jpg|tif|psd|bmp|gif|png|)$/i);
            }
        }
        if (theFiles)
        {
            // work through the array;
            for (var m = 0; m < theFiles.length; m++)
            {
                var theNewName = theFiles.name.match(/(.*)\.[^\.]+$/)[1];
                // open smart object;
                var smartObject = openSmartObject(theLayer);
                var theLayer2 = smartObject.activeLayer;
                //place file and fit to convas;
                var theNewOne = placeScaleRotateFile(theFiles, 0, 0, 85, 85, 0);
                scaleLayerToFitCanvas();
                hideOthers();
                //
                // close;
                smartObject.close(SaveOptions.SAVECHANGES);
                //Create folder if not exist
                var folder1 = Folder(thePath + "/Output/");
                if (!folder1.exists) folder1.create();
                sfwPNG24(new File(thePath + "/Output/" + theName + "_" + theNewName + ".png"));
            }
        }
    }
}
////// get ong from subfolders //////
function retrievePngFiles(theFolder, theFiles)
{
    if (!theFiles)
    {
        var theFiles = []
    };
    var theContent = theFolder.getFiles();
    for (var n = 0; n < theContent.length; n++)
    {
        var theObject = theContent;
        if (theObject.constructor.name == "Folder")
        {
            theFiles = retrievePngFiles(theObject, theFiles)
        };
        if (theObject.name.slice(-4).match(/\.(png)$/i))
        {
            theFiles.push(theObject)
        }
    };
    return theFiles
};
////// place //////
function placeScaleRotateFile(file, xOffset, yOffset, theXScale, theYScale, theAngle)
{
    // =======================================================
    var idPlc = charIDToTypeID("Plc ");
    var desc5 = new ActionDescriptor();
    var idnull = charIDToTypeID("null");
    desc5.putPath(idnull, new File(file));
    var idFTcs = charIDToTypeID("FTcs");
    var idQCSt = charIDToTypeID("QCSt");
    var idQcsa = charIDToTypeID("Qcsa");
    desc5.putEnumerated(idFTcs, idQCSt, idQcsa);
    var idOfst = charIDToTypeID("Ofst");
    var desc6 = new ActionDescriptor();
    var idHrzn = charIDToTypeID("Hrzn");
    var idPxl = charIDToTypeID("#Pxl");
    desc6.putUnitDouble(idHrzn, idPxl, xOffset);
    var idVrtc = charIDToTypeID("Vrtc");
    var idPxl = charIDToTypeID("#Pxl");
    desc6.putUnitDouble(idVrtc, idPxl, yOffset);
    var idOfst = charIDToTypeID("Ofst");
    desc5.putObject(idOfst, idOfst, desc6);
    var idWdth = charIDToTypeID("Wdth");
    var idPrc = charIDToTypeID("#Prc");
    desc5.putUnitDouble(idWdth, idPrc, theYScale);
    var idHght = charIDToTypeID("Hght");
    var idPrc = charIDToTypeID("#Prc");
    desc5.putUnitDouble(idHght, idPrc, theXScale);
    var idAngl = charIDToTypeID("Angl");
    var idAng = charIDToTypeID("#Ang");
    desc5.putUnitDouble(idAngl, idAng, theAngle);
    var idLnkd = charIDToTypeID("Lnkd");
    desc5.putBoolean(idLnkd, true);
    executeAction(idPlc, desc5, DialogModes.NO);
    return app.activeDocument.activeLayer;
};
////// scale layer to fit canvas //////
function scaleLayerToFitCanvas()
{
    var ref = new ActionReference();
    ref.putProperty(stringIDToTypeID("property"), stringIDToTypeID("bounds"));
    ref.putEnumerated(charIDToTypeID("Lyr "), charIDToTypeID("Ordn"), charIDToTypeID("Trgt"));
    var layerDesc = executeActionGet(ref);
    var theBounds = layerDesc.getObjectValue(stringIDToTypeID("bounds"));
    var layerX = theBounds.getUnitDoubleValue(stringIDToTypeID("left"));
    var layerY = theBounds.getUnitDoubleValue(stringIDToTypeID("top"));
    var layerWidth = theBounds.getUnitDoubleValue(stringIDToTypeID("right")) - layerX;
    var layerHeight = theBounds.getUnitDoubleValue(stringIDToTypeID("bottom")) - layerY;
    var ref1 = new ActionReference();
    ref1.putEnumerated(charIDToTypeID("Dcmn"), charIDToTypeID("Ordn"), charIDToTypeID("Trgt"));
    var docDesc = executeActionGet(ref1);
    var docWidth = docDesc.getUnitDoubleValue(stringIDToTypeID("width"));
    var docHeight = docDesc.getUnitDoubleValue(stringIDToTypeID("height"));
    var docRes = docDesc.getInteger(stringIDToTypeID("resolution"));
    var scaleX = docWidth / layerWidth * docRes / 72 * 85;
    var scaleY = docHeight / layerHeight * docRes / 72 * 85;
    var theScale = Math.min(scaleX, scaleY);
    layerX = ((docWidth * docRes / 144) - (layerX + layerWidth / 2));
    layerY = ((docHeight * docRes / 144) - (layerY + layerHeight / 2));
    var idTrnf = charIDToTypeID("Trnf");
    var desc24 = new ActionDescriptor();
    desc24.putEnumerated(charIDToTypeID("FTcs"), charIDToTypeID("QCSt"), charIDToTypeID("Qcsa"));
    var idOfst = charIDToTypeID("Ofst");
    var desc25 = new ActionDescriptor();
    var idHrzn = charIDToTypeID("Hrzn");
    var idPxl = charIDToTypeID("#Pxl");
    desc25.putUnitDouble(idHrzn, idPxl, layerX);
    var idVrtc = charIDToTypeID("Vrtc");
    desc25.putUnitDouble(idVrtc, idPxl, layerY);
    desc24.putObject(idOfst, idOfst, desc25);
    var idWdth = charIDToTypeID("Wdth");
    var idPrc = charIDToTypeID("#Prc");
    desc24.putUnitDouble(idWdth, idPrc, theScale);
    var idHght = charIDToTypeID("Hght");
    desc24.putUnitDouble(idHght, idPrc, theScale);
    executeAction(idTrnf, desc24, DialogModes.NO);
};
////// open smart object //////
function openSmartObject(theLayer)
{
    if (theLayer.kind == "LayerKind.SMARTOBJECT")
    {
        var idplacedLayerEditContents = stringIDToTypeID("placedLayerEditContents");
        var desc2 = new ActionDescriptor();
        executeAction(idplacedLayerEditContents, desc2, DialogModes.NO);
    };
    return app.activeDocument
};
////// hide others //////
function hideOthers()
{
    var idShw = charIDToTypeID("Shw ");
    var desc2 = new ActionDescriptor();
    var idnull = charIDToTypeID("null");
    var list1 = new ActionList();
    var ref1 = new ActionReference();
    var idLyr = charIDToTypeID("Lyr ");
    var idOrdn = charIDToTypeID("Ordn");
    var idTrgt = charIDToTypeID("Trgt");
    ref1.putEnumerated(idLyr, idOrdn, idTrgt);
    list1.putReference(ref1);
    desc2.putList(idnull, list1);
    var idTglO = charIDToTypeID("TglO");
    desc2.putBoolean(idTglO, true);
    executeAction(idShw, desc2, DialogModes.NO);
};
function sfwPNG24(saveFile)
{
    var pngOpts = new PNGSaveOptions;
    pngOpts.compression = 9;
    pngOpts.interlaced = false;
    app.activeDocument.saveAs(saveFile, pngOpts, true, Extension.LOWERCASE);
}

Thank for your help !
I try to run your script and get error but I dont know how to fix it so i find myself this script and customize a little . It's always place center if i want it align top , bottom , left ,right .How can I ?

JJMack

Community Expert
Forum|Forum|7 years ago
November 28, 2018

I think there is a basic problem and the script that did not work for you attempts to get around this problem.

When you replace the content of a smart object layer the object you use as a replacement object must be exacted the same size object as the Object the in being replace. The Aspect Ratio, Size and Resolution has to the same. For all Smart Object ;layers have an associated transform the is not replaced or updated when you replace the object. The transform will not work correctly if the object is not the same size as the object the has been replaced.

The script does not replace the smart object layer content instead it attempts to Open the smart Object layer's Object place in the replacement image and fits the image to the object canvas. I see a couple of problems with this approach. The first the smart object layer's object must be an Photoshop Object. If it were a Placed AI file for example when the script opens the object it would not open in Photoshop the script would not be able to updated the object. Second when the object is an Photoshop object and the work file open and the script places in the image and fits it to the canvas. There will be boarders added to the image if the image has a different aspect ratio then the original object had.

JJMack

Tom Winkelmann

Inspiring
Forum|Forum|7 years ago
November 28, 2018

Some inspiration...

Batch Replace Smart Object With Different Image Quality and Sizes

Powered by Gainsight
Terms & Conditions Accessibility statement

Sign up

Already have an account? Login

To post, reply, or follow discussions, please sign in with your Adobe ID.
Sign in

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.
Sign in

Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.

Enter your e-mail address

Back to overview

Scanning file for viruses.

Sorry, we're still checking this file's contents to make sure it's safe to download. Please try again in a few minutes.
OK

This file cannot be downloaded

Sorry, our virus scanner detected that this file isn't safe to download.
OK

Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information AdChoices