Hello,
I have different photoshop collage template.
Each has different number of shape layers in order to use as photo mask.
I would like to automatically populate those shape layers from selected images. (Selected image's total number would be different than square count. So I would like to repeat with the same images or randomize selections.)
I appreciate any help, thank you. ( Below you may find my initial script )
For example first thing I got stuck on is how to make condition - if layer name matches "Photo" then select Photo1 place first selected image above and create layer mask, and etc...
#target photoshop
app.bringToFront();
cTID = function(s) { return app.charIDToTypeID(s);}; sTID = function(s) { return app.stringIDToTypeID(s);};
function collectNamesAM(re){var allLayers = new Array();var startLoop = Number( !hasBackground() );var endLoop = getNumberOfLayer();for( var l = startLoop;l < endLoop; l++){ while( !isValidActiveLayer( l ) ) {l++;} if( getLayerNameByIndex( l ).match(re) != null){allLayers.push( l );}}return allLayers; };
function getActiveLayerIndex() { var ref = new ActionReference(); ref.putProperty( 1349677170 , 1232366921 ); ref.putEnumerated( 1283027488, 1332896878, 1416783732 ); var res = executeActionGet(ref).getInteger( 1232366921 ) - Number( hasBackground() ); res == 4 ? res++:res ; return res; }
function isValidActiveLayer( idx ) {var propName = stringIDToTypeID( 'layerSection' );var ref = new ActionReference();ref.putProperty( 1349677170 , propName);ref.putIndex( 1283027488, idx );var desc = executeActionGet( ref );var type = desc.getEnumerationValue( propName ); var res = typeIDToStringID( type ); return res == 'layerSectionEnd' ? false:true; };
function hasBackground(){var res = undefined;try{var ref = new ActionReference();ref.putProperty( 1349677170 , 1315774496);ref.putIndex( 1283027488, 0 );executeActionGet(ref).getString(1315774496 ); res = true; }catch(e){ res = false} return res; };
function makeActiveByIndex( idx, forceVisible ){try{var desc = new ActionDescriptor();var ref = new ActionReference();ref.putIndex(charIDToTypeID( "Lyr " ), idx) ;desc.putReference( charIDToTypeID( "null" ), ref ); desc.putEnumerated(sTID("selectionModifier"), sTID("selectionModifierType"), sTID("addToSelection"));
desc.putBoolean( charIDToTypeID( "MkVs" ), forceVisible ); executeAction( charIDToTypeID( "slct" ), desc, DialogModes.NO );}catch(e){ return -1;} };
function getNumberOfLayer(){var ref = new ActionReference();ref.putEnumerated( charIDToTypeID("Dcmn"), charIDToTypeID("Ordn"), charIDToTypeID("Trgt") );var desc = executeActionGet(ref);var numberOfLayer = desc.getInteger(charIDToTypeID("NmbL"));return numberOfLayer;};
function getLayerNameByIndex( idx ) {var ref = new ActionReference();ref.putProperty( charIDToTypeID("Prpr") , charIDToTypeID( "Nm " ));ref.putIndex( charIDToTypeID( "Lyr " ), idx );return executeActionGet(ref).getString(charIDToTypeID( "Nm " ));;};
function placeEmbeded(filePath) {var actDesc = new ActionDescriptor(); actDesc.putPath(charIDToTypeID('null'), filePath);actDesc.putEnumerated(charIDToTypeID('FTcs'), charIDToTypeID('QCSt'), charIDToTypeID('Qcsa'));executeAction(charIDToTypeID('Plc '), actDesc, DialogModes.NO); }
function main() {
var doc=app.activeDocument;
var myFolder = Folder("/../..c:");
var myFiles = [];
var myMask = "JPG:*.jpg";
myFiles = File.openDialog("Selection prompt",myMask,true);
var FileCount = myFiles.length;
var re = /Photo/// -- Write between / / your string...
var matches = collectNamesAM(re);// get array of matching layer indexes
for( var m = 0; m < matches.length; m++ ){
makeActiveByIndex( matches
, true );
//alert (getLayerNameByIndex(m));
placeEmbeded(myFiles
); }
}
main();
Explore related tutorials & articles
15
Replies
Thanks but what I need is more simple here also I would like to my templates. I decided to use Smart Objects pre masked. Their name starts with "PhotoMask".
Now script seems to be working but;
*for example if user selects more images than available layers it should turn back to first image or continue adding images randomly between selected images.
*Also it would be much more useful if we can get an array of initial PhotoMask sizes and coordinates and resize replaced images with these coordinates.
It's getting complicated for me as a graphic designer so any additional help would still be great:) Here is my latest unfinished script;
#target photoshop
app.bringToFront();
var docName = decodeURI(activeDocument.name);
// Define pixels as unit of measurement
var defaultRulerUnits = preferences.rulerUnits;
preferences.rulerUnits = Units.PIXELS;
cTID = function(s) { return app.charIDToTypeID(s);}; sTID = function(s) { return app.stringIDToTypeID(s);};
var allLayers = new Array();
var layerNames = new Array();
var layerCoordinates = new Array();
// Main
function main() {
var doc=app.activeDocument;
var myFolder = Folder("/../..c:");
var myFiles = [];
var myMask = "JPG:*.jpg";
myFiles = File.openDialog("Selection prompt",myMask,true);
var FileCount = myFiles.length;
var re = /PhotoMask/ ;
var matches = collectNamesAM(re);// get array of matching layer indexes
for( var m = 0; m < FileCount; m++ ){
//alert (allLayers);
layerNames
= getLayerNameByIndex(allLayers ); alert(layerNames
); selectlayer (1,0,String(layerNames
)); replacecontents(1,0,myFiles
); preferences.rulerUnits = defaultRulerUnits; // Set preferences back to user 's defaults
}
}
function collectNamesAM(re){
var startLoop = Number( !hasBackground() );var endLoop = getNumberOfLayer();
for( var l = startLoop;l < endLoop+1; l++){
while( !isValidActiveLayer( l ) ) {l++;}
if( getLayerNameByIndex( l ).match(re) != null){
allLayers.push( l );
layerNames.push(l);
layerCoordinates.push (
}
}
return allLayers;
return layerNames;
};
function getActiveLayerIndex() { var ref = new ActionReference(); ref.putProperty( 1349677170 , 1232366921 ); ref.putEnumerated( 1283027488, 1332896878, 1416783732 ); var res = executeActionGet(ref).getInteger( 1232366921 ) - Number( hasBackground() ); res == 4 ? res++:res ; return res; }
function isValidActiveLayer( idx ) {var propName = stringIDToTypeID( 'layerSection' );var ref = new ActionReference();ref.putProperty( 1349677170 , propName);ref.putIndex( 1283027488, idx );var desc = executeActionGet( ref );var type = desc.getEnumerationValue( propName ); var res = typeIDToStringID( type ); return res == 'layerSectionEnd' ? false:true; };
function hasBackground(){var res = undefined;try{var ref = new ActionReference();ref.putProperty( 1349677170 , 1315774496);ref.putIndex( 1283027488, 0 );executeActionGet(ref).getString(1315774496 ); res = true; }catch(e){ res = false} return res; };
function makeActiveByIndex( idx, forceVisible ){try{var desc = new ActionDescriptor();var ref = new ActionReference();ref.putIndex(charIDToTypeID( "Lyr " ), idx) ;desc.putReference( charIDToTypeID( "null" ), ref ); desc.putEnumerated(sTID("selectionModifier"), sTID("selectionModifierType"), sTID("addToSelection"));
desc.putBoolean( charIDToTypeID( "MkVs" ), forceVisible ); executeAction( charIDToTypeID( "slct" ), desc, DialogModes.NO );}catch(e){ return -1;} };
function getNumberOfLayer(){var ref = new ActionReference();ref.putEnumerated( charIDToTypeID("Dcmn"), charIDToTypeID("Ordn"), charIDToTypeID("Trgt") );var desc = executeActionGet(ref);var numberOfLayer = desc.getInteger(charIDToTypeID("NmbL"));return numberOfLayer;};
function getLayerNameByIndex( idx ) {var ref = new ActionReference();ref.putProperty( charIDToTypeID("Prpr") , charIDToTypeID( "Nm " ));ref.putIndex( charIDToTypeID( "Lyr " ), idx );return executeActionGet(ref).getString(charIDToTypeID( "Nm " ));;};
function placeEmbeded(filePath) {var actDesc = new ActionDescriptor(); actDesc.putPath(charIDToTypeID('null'), filePath);actDesc.putEnumerated(charIDToTypeID('FTcs'), charIDToTypeID('QCSt'), charIDToTypeID('Qcsa'));executeAction(charIDToTypeID('Plc '), actDesc, DialogModes.NO); }
function selectlayer(enabled, withDialog,layername) {
if (enabled != undefined && !enabled)
return;
var dialogMode = (withDialog ? DialogModes.ALL : DialogModes.NO);
var desc1 = new ActionDescriptor();
var ref1 = new ActionReference();
ref1.putName(cTID('Lyr '), layername);
desc1.putReference(cTID('null'), ref1);
desc1.putBoolean(cTID('MkVs'), false);
var list1 = new ActionList();
list1.putInteger(70);
desc1.putList(cTID('LyrI'), list1);
executeAction(cTID('slct'), desc1, dialogMode);
};
// Replace Contents
function replacecontents(enabled, withDialog,filename) {
if (enabled != undefined && !enabled)
return;
var dialogMode = (withDialog ? DialogModes.ALL : DialogModes.NO);
var desc1 = new ActionDescriptor();
desc1.putPath(cTID('null'), new File(filename));
executeAction(sTID('placedLayerReplaceContents'), desc1, dialogMode);
};
main();
Replace content requires that all replacement Image be the same size are resolutions of the original object used in your templates. For all Smart object layers have an associated transform that is not replaced or altered when you replace the layers objects contents... If the size and resolution are not the same as the associated transform will not work correctly. If you want to be able to populate your template with any size images you need to design in resizing images to populating your template image location.
Using Smart Object layer in templates are very good for creating Picture packages and template and other types of templates where all image are the same size and the populated layers need to have some kind of image prospective added by the associated smart Object Layers transform.
Your example look like you are just tiling images
to do something like that does not ever require a template. I simple script can do that. One is included in my Photo Collage Toolkit.
after replacement;
May be I could not explain well, look while it is still smart object pixel value changes. I just replaced content with another image here. That's what I'm trying to do. Store previous (initial layer mask pixel values.) than compare to replaced image's size. Find percentage difference than scale replace image size to this percentage. If they are not equal and calculate width height proportion and make the closest resizing.
By the way I might not use smart objects as well but it will create another task as creating layer clipping with the below mask layer. Like this it would be easier for user to move, rotate or scale afterwards. For example please look at this image below, I have 307 layers. And I would like to make photo mosaic from selected images.
Here is what will happen when the replacement Image is the same size and resolution as the original image object And what will happen when they are not the same size. Here all images are Canon D20 Raw files however all orientations are not Landscape. Layer Mask will not change the layers size or location. Layer Mask just mask layers pixels they do not resize or mover the layers pixels. There are no layer mask in this example. I just replace the document single shared smart object. All Layer mask here would do is preserve Canvas white areas in the template. Replacement Image must be the same size and resolution as the image in the template.
It is able to populate each layer includes "PhotoMask" with selected images. And if selected images count is less than layer count it turns back to initial one and repeats.
Now only problem is to compare initial layer size with replaced image's size and resize replaced image's size proportionally by percentage. Still needs an expert touch I guess.
#target photoshop
app.bringToFront();
var docName = decodeURI(activeDocument.name);
// Define pixels as unit of measurement
var defaultRulerUnits = preferences.rulerUnits;
preferences.rulerUnits = Units.PIXELS;
cTID = function(s) { return app.charIDToTypeID(s);}; sTID = function(s) { return app.stringIDToTypeID(s);};
var allLayers = new Array();
var layerNames = new Array();
var f = 0;
// Main
function main() {
var doc=app.activeDocument;
var myFolder = Folder("/../..c:");
var myFiles = new Array();
var myMask = "JPG:*.jpg";
myFiles = File.openDialog("Selection prompt",myMask,true);
alert (myFiles);
var FileCount = myFiles.length;
var count = FileCount;
var re = /PhotoMask/ ;
var matches = collectNamesAM(re);// get array of matching layer indexes
var layercount = allLayers.length;
for( var m = 0; m < layercount; m++ ){
layerNames
= getLayerNameByIndex(allLayers ); selectlayer (1,0,String(layerNames
)); $.write (myFiles[m%myFiles.length]) ;
replacecontents(1,0,myFiles[m%myFiles.length]);
}
}
// ______________________________________//
function collectNamesAM(re){
var startLoop = Number( !hasBackground() );var endLoop = getNumberOfLayer();
for( var l = startLoop;l < endLoop+1; l++){
while( !isValidActiveLayer( l ) ) {l++;}
if( getLayerNameByIndex( l ).match(re) != null){
allLayers.push( l );
layerNames.push(l);
}
}
return allLayers;
return layerNames;
};
function getActiveLayerIndex() { var ref = new ActionReference(); ref.putProperty( 1349677170 , 1232366921 ); ref.putEnumerated( 1283027488, 1332896878, 1416783732 ); var res = executeActionGet(ref).getInteger( 1232366921 ) - Number( hasBackground() ); res == 4 ? res++:res ; return res; }
function isValidActiveLayer( idx ) {var propName = stringIDToTypeID( 'layerSection' );var ref = new ActionReference();ref.putProperty( 1349677170 , propName);ref.putIndex( 1283027488, idx );var desc = executeActionGet( ref );var type = desc.getEnumerationValue( propName ); var res = typeIDToStringID( type ); return res == 'layerSectionEnd' ? false:true; };
function hasBackground(){var res = undefined;try{var ref = new ActionReference();ref.putProperty( 1349677170 , 1315774496);ref.putIndex( 1283027488, 0 );executeActionGet(ref).getString(1315774496 ); res = true; }catch(e){ res = false} return res; };
function makeActiveByIndex( idx, forceVisible ){try{var desc = new ActionDescriptor();var ref = new ActionReference();ref.putIndex(charIDToTypeID( "Lyr " ), idx) ;desc.putReference( charIDToTypeID( "null" ), ref ); desc.putEnumerated(sTID("selectionModifier"), sTID("selectionModifierType"), sTID("addToSelection"));
desc.putBoolean( charIDToTypeID( "MkVs" ), forceVisible ); executeAction( charIDToTypeID( "slct" ), desc, DialogModes.NO );}catch(e){ return -1;} };
function getNumberOfLayer(){var ref = new ActionReference();ref.putEnumerated( charIDToTypeID("Dcmn"), charIDToTypeID("Ordn"), charIDToTypeID("Trgt") );var desc = executeActionGet(ref);var numberOfLayer = desc.getInteger(charIDToTypeID("NmbL"));return numberOfLayer;};
function getLayerNameByIndex( idx ) {var ref = new ActionReference();ref.putProperty( charIDToTypeID("Prpr") , charIDToTypeID( "Nm " ));ref.putIndex( charIDToTypeID( "Lyr " ), idx );return executeActionGet(ref).getString(charIDToTypeID( "Nm " ));;};
function placeEmbeded(filePath) {var actDesc = new ActionDescriptor(); actDesc.putPath(charIDToTypeID('null'), filePath);actDesc.putEnumerated(charIDToTypeID('FTcs'), charIDToTypeID('QCSt'), charIDToTypeID('Qcsa'));executeAction(charIDToTypeID('Plc '), actDesc, DialogModes.NO); }
function selectlayer(enabled, withDialog,layername) {
if (enabled != undefined && !enabled)
return;
var dialogMode = (withDialog ? DialogModes.ALL : DialogModes.NO);
var desc1 = new ActionDescriptor();
var ref1 = new ActionReference();
ref1.putName(cTID('Lyr '), layername);
desc1.putReference(cTID('null'), ref1);
desc1.putBoolean(cTID('MkVs'), false);
var list1 = new ActionList();
list1.putInteger(70);
desc1.putList(cTID('LyrI'), list1);
executeAction(cTID('slct'), desc1, dialogMode);
};
// Replace Contents
function replacecontents(enabled, withDialog,filename) {
if (enabled != undefined && !enabled)
return;
var dialogMode = (withDialog ? DialogModes.ALL : DialogModes.NO);
var desc1 = new ActionDescriptor();
desc1.putPath(cTID('null'), new File(filename));
executeAction(sTID('placedLayerReplaceContents'), desc1, dialogMode);
};
main();
I got your point but the thing is I prepare these smart objects from shape layers at the beginning. Then I add layer mask from its transparency channel. So it preserves its initial size. Then I remove link between mask and smart object. And after applying replacement new photo comes with its original size but mask stays still of course. Afterwards user may drag and position image but overall composition would not affect. Of course if replaced image size is smaller then it will come small:) I don't claim anything else. Your example shows proportional difference problem but since we'll have layer masks it won't show up. (Of course if anyone helps with proportional scaling thing.)
Here is what I mean;
All your unlinked layer mask does is confine where pixel can show on the layer. Protect your templates white space like I wrote. Your replacement image will still be transformed by the smart object layer's associated transform. Even manually using Transform to resize and position the image may not work well if the aspect ratio are very different you may not come up with an acceptable image composition.
If yow want to be able to use any size image and have more then 53 Images you could use Shape layers to map your images location size and shape. Use the Shape layer transparency Slections get its bounds and resize the placed images to fiil thats ares. Position that imahe layer to that area and mask the layer to the selection shape like I use my Alpha channels.
AdChoices